body {

	font: 85% "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	background:#fff;
}


/* FONTS =========================================== */
.verdana { font-family: verdana; }
.times {font-family: times; }


/* FORMS =========================================== */


label,input {
	display: block;
	float: left;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 15px;
	font-weight: 800;
}

form br {
	clear: left;
}

select {
	font-size:90%;
}

textarea {
	font: 95% "Lucida Sans Unicode", verdana, helvetica, sans-serif;

}


P { margin:0; padding:0; }

UL {
	margin:0; padding:10px 0 0 0; list-style-type: none;
}

UL LI {

	padding:0 0 5px 20px;
	background:url("i/li.gif") left top no-repeat;
}

BLOCKQUOTE {
	margin-top: 0px; margin-bottom: 0px;
}


a {color:#4F3E9C; text-decoration:underline;}
a:hover {color:#7968C3; text-decoration:none;}

a.plain {text-decoration:none;}

A.black {color: #000; }
A.black:active { color: #000;}


/* text sizes */

.size1 { font-size: 70%; }
.size2 { font-size: 75%; }
.size3 { font-size: 80%; }
.size4 { font-size: 90%; }
.size5 { font-size: 100%; }
.size6 { font-size: 105%; }
.size7 { font-size: 110%; }
.size8 { font-size: 120%; }
.size9 { font-size: 125%; }
.size10 { font-size: 130%; }
.size11 { font-size: 135%; }
.size12 { font-size: 145%; }

.font9 {font-size: 9pt;}
.font10 {font-size: 10pt;}
.font11 {font-size: 11pt;}
.font12 {font-size: 12pt;}
.font13 {font-size: 13pt;}
.font14 {font-size: 14pt;}
.font15 {font-size: 15pt;}


.h1 {font-size: 30%;}
.h2 {font-size: 250%;}
.h3 {font-size: 210%;}
.h4 {font-size: 180%;}
.h5 {font-size: 150%;}
.h6 {font-size: 120%;}


.box {
	background-color:#CCC;
	border: 1px solid #666;
	padding:5px 5px 5px 5px;
}


.justified {
	text-align: justify;
	font-size: 95%;
}


#title1 {
	background:url("css/headers/title1.gif") no-repeat left;
	padding: 10px 0 5px 16px;
	margin-bottom:10px;
	color:#666;
	font-size:13pt;
}

#title2 {
	border-bottom: 1px solid #5A7BA5;
	color:#fff;
}

#title2 span {
	background:url("css/headers/title2.gif") right top no-repeat;
	font-size:110%;
	padding:0 10px 0 10px;
}


#label-red { border-bottom: 1px solid #CE736B;}
#label-red span {
	font-size:110%;
	color:#CE736B;
	padding:0 5px 0 0px;
}

#label-blue { border-bottom: 1px solid #5A7BA5;}
#label-blue span {
	font-size:110%;
	color:#5A7BA5;
	padding:0 5px 0 0px;
}


#label-orange { border-bottom: 1px solid #EEA553;}
#label-orange span {
	background:url("css/headers/label-orange.gif") right top no-repeat;
	font-size:110%;
	color:#fff;
	padding:0 10px 0 10px;
}


#label-lime { border-bottom: 1px solid #A8B92D;}
#label-lime span {
	background:url("css/headers/label-lime.gif") right top no-repeat;
	font-size:110%;
	color:#fff;
	padding:0 10px 0 10px;
}

.unit {padding-left:2px; font-size:90%; }

.justified {text-align: justify}

.quote  {
	padding: 0 8px 0 10px;
	color: #fff;
	font-style: italic;
	font-weight: normal;
	font-size: 19px;
	line-height: 22px;
	font-family: "Times New Roman", Georgia, Times;

}

.donate {
	padding: 0px 8px 0 10px;
	margin:20px 0 10px 0;
	clear:both;
	width:150px;
	text-align:center;
}


.left-nav {
	margin-top: 20px;
	width:180px;
	background: url("css/nav-decor/nav-header.gif") repeat-y left;
}

.left-nav #label{
	padding: 3px 8px 3px 20px;
	color: white;
	font-weight: bold;
	font-size: 13px;
}

.nav-bar {
	width:180px;
	padding-bottom: 1px;
	background: url("css/nav-decor/bar-divider.gif") bottom left no-repeat;
	cursor:pointer;
}


.nav-orange {
	width:180px;
	background: #EFEBC0 url("css/nav-decor/bar-orange.gif") repeat-y left;
}

.nav-orange2 {
	width:180px;
	background: #EFEBC0 url("css/nav-decor/bar-orange2.gif") repeat-y left;
}


.nav-green {
	width:180px;
	background: url("css/nav-decor/bar-green.gif") repeat-y left;
}

.nav-green2 {
	width:180px;
	background: url("css/nav-decor/bar-green2.gif") repeat-y left;
}


#nav-link {
	padding: 3px 8px 5px 20px;
	font-size: 95%;
	color:#000099;
}





/* nav-bar bacground (below decoration); width:181 */
#container{
	background: url("css/nav-decor/gold.gif") repeat-y left;
}



#nav-container {
	width:175px;
	padding-top:98px; /*needed to make room for header*/
	padding-bottom: 105px;
	background: url("css/nav-decor/heart.gif") bottom left no-repeat;

}

/* header decoration; height < 89 */
#right { height:88px; width:395px; background:url("i/header2.jpg") top no-repeat;}

/* bottom-right corner background */
#footer #corner { background: url("css/corner/purple.gif") 0px 0px no-repeat; font-size:11px;}




.box1 {
	padding-bottom:10px;
	width: 580px;
}

.box2 {
	padding-bottom:10px;
	width: 285px;
}





#cat1 {
	font-size: 18pt;
	font-weight:bold;
	font-family: "Georgia" sans-serif;
}

#cat1 .icon { padding:3px 0 7px 33px; }

#cat1 .red { color: #CE736B; }
#cat1 .blue { color: #5A7BA5; }
#cat1 .teal { color: #448E8E; }
#cat1 .gray { color: #888; }

#cat1 .red1 {background: url("headers/red/line.gif") bottom left no-repeat;}
#cat1 .blue1 {background: url("headers/blue/line.gif") bottom left no-repeat;}



#cat1 #baby-red {background: url(i/icons/carenet/baby-red.gif) no-repeat top left;}
#cat1 #bottle-red {background: url(i/icons/carenet/bottle-red.gif) no-repeat top left;}
#cat1 #cross-red {background: url(i/icons/carenet/cross-red.gif) no-repeat top left; }
#cat1 #couple-red {background: url(i/icons/carenet/couple-red.gif) no-repeat top left;}
#cat1 #news-red {background: url(i/icons/carenet/news-red.gif) no-repeat top left;}
#cat1 #star-red {background: url(i/icons/carenet/star-red.gif) no-repeat top left;}
#cat1 #bubbles-red {background: url(i/icons/carenet/bubbles-red.gif) no-repeat top left;}

#cat1 #baby-blue {background: url(i/icons/carenet/baby-blue.gif) no-repeat top left;}
#cat1 #bottle-blue {background: url(i/icons/carenet/bottle-blue.gif) no-repeat top left;}
#cat1 #cross-blue {background: url(i/icons/carenet/cross-blue.gif) no-repeat top left; }
#cat1 #couple-blue {background: url(i/icons/carenet/couple-blue.gif) no-repeat top left;}
#cat1 #news-blue {background: url(i/icons/carenet/news-blue.gif) no-repeat top left;}
#cat1 #star-blue {background: url(i/icons/carenet/star-blue.gif) no-repeat top left;}
#cat1 #bubbles-blue {background: url(i/icons/carenet/bubbles-blue.gif) no-repeat top left;}




.box3 #container {
	padding-bottom: 10px;
	width: 285px;
}

.box3 #title {
	color:white;
	font-weight:normal;
	font-size:130%;
	margin:0;
	padding: 5px 15px 7px 10px;
}

.box3 #body {
	margin:0;
	padding:10px 10px 10px 10px;
}

.box3 #content {overflow:hidden;}

.box3 #orange #container { background: url("css/boxes/carenet/small/bottom2.gif") bottom left no-repeat;}
.box3 #orange #title { background: url("css/boxes/carenet/small/top2.gif") top left no-repeat; }
.box3 #orange #body {background: url("css/boxes/carenet/small/middle2.gif") top left repeat-y;}

.box3 #lime #container { background: url("css/boxes/carenet/small/bottom1.gif") bottom left no-repeat;}
.box3 #lime #title { background: url("css/boxes/carenet/small/top1.gif") top left no-repeat; }
.box3 #lime #body {background: url("css/boxes/carenet/small/middle1.gif") top left repeat-y;}




.box4 #container {
	margin:0;
	padding-bottom: 10px;
	width: 180px;
}

.box4 #title {
	color:white;
	font-weight:normal;
	font-size:110%;
	margin:0;
	padding: 5px 15px 7px 10px;
}

.box4 #body {
	margin:0;
	padding:10px 10px 10px 10px;
}

.box4 #content {overflow:hidden;}

.box4 #orange #container { background: url("css/boxes/carenet/tiny/bottom2.gif") bottom left no-repeat;}
.box4 #orange #title { background: url("css/boxes/carenet/tiny/top2.gif") top left no-repeat; }
.box4 #orange #body {background: url("css/boxes/carenet/tiny/middle2.gif") top left repeat-y;}

.box4 #lime #container { background: url("css/boxes/carenet/tiny/bottom1.gif") bottom left no-repeat;}
.box4 #lime #title { background: url("css/boxes/carenet/tiny/top1.gif") top left no-repeat; }
.box4 #lime #body {background: url("css/boxes/carenet/tiny/middle1.gif") top left repeat-y;}


TD.icon {padding: 2px 5px 0 0;}

IMG.title {padding:0 2px 1px 0;}

.article {padding-bottom: 10px;}

.article a {color:#4F3E9C; text-decoration:underline;}
.article a:hover {color:#7968C3; text-decoration:none;}


.column30 {
	float:left;
	margin-left:30px;
	margin-top:30px;
}

.column20 {
	float:left;
	margin-left:20px;
	margin-top:30px;
}


.column10 {
	float:left;
	margin-left:10px;
	margin-top:30px;
}

.column {
	float:left;
	margin-left:0px;
	margin-top:30px;
	overflow:auto;
}

.column2 {
	float:left;
	margin-left:0px;
	margin-top:0px;
	overflow:auto;
}

.column3 {
	float:left;
	margin-left:0px;
	margin-top:30px;

}

.rightcolumn {
	float:right;
}


#column120 { width:120px;}
#column140 { width:140px;}
#column160 { width:160px;}
#column180 { width:180px;}
#column200 { width:200px;}
#column220 { width:220px;}
#column240 { width:240px;}
#column250 { width:250px;}
#column260 { width:260px;}
#column280 { width:280px;}
#column300 { width:300px;}
#column310 { width:310px;}
#column315 { width:315px;}
#column320 { width:320px;}
#column340 { width:340px;}
#column350 { width:350px;}
#column360 { width:360px;}
#column380 { width:380px;}
#column400 { width:400px;}
#column580 { width:580px;}





#bullet-red {margin:0; padding-left:20px; background: url(i/temp/bullet-red.gif) no-repeat top left;}
#bullet-green {margin:0; padding-left:20px; background: url(i/temp/bullet-green.gif) no-repeat top left;}
#bullet-blue {margin:0; padding-left:20px; background: url(i/temp/bullet-blue.gif) no-repeat top left;}


.bot1 div {padding-bottom: 1px;}
.bot2 div {padding-bottom: 2px;}
.bot3 div {padding-bottom: 3px;}
.bot4 div {padding-bottom: 4px;}
.bot5 div {padding-bottom: 5px;}
.bot6 div {padding-bottom: 6px;}
.bot8 div {padding-bottom: 8px;}
.bot10 div {padding-bottom: 10px;}





/* BUTTONS =========================================== */

* html .button a:hover {visibility:visible; color: #fff}
.button a:hover img{visibility:hidden}


.button {
	position:relative;
	font-family: verdana, helvetica, sans-serif;
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	height: 30px;
	margin-top: 0px;
}

.button a {
	display: block;
	font-size: 13px;
	font-weight: 800;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
}

.button span {
	position:absolute;
	left:0px;
	top:5px;
	text-align:center;
	cursor:pointer;
	padding:0;
	margin:0;
}



#button-next {background-image:  url(css/buttons/next-over.gif); width: 130px;}
#button-next span { width: 130px;}

#button-confirm {background-image:  url(css/buttons/confirm-over.gif); width: 130px;}
#button-confirm span { width: 130px;}

#button-purge {background-image:  url(css/buttons/purge-over.gif); width: 130px;}
#button-purge span { width: 130px;}

#button-plain {background-image:  url(css/buttons/plain-over.gif); width: 130px;}
#button-plain span { width: 130px;}




#button-mini {background-image:  url(css/buttons/mini-over.gif); width: 74px;}
#button-mini span { width: 74px;}


/* FORMS =========================================== */


.formlabel {
	padding: 2px 10px 3px 0;
	text-align:right;
	font-weight:bold;
	font-family: verdana, helvetica, sans-serif;
}

.formlabel2 {
	text-align:left;
	font-weight:bold;
	font-family: verdana, helvetica, sans-serif;
}

.formdata {
	padding: 0 10px 0 0;
	text-align:left;
}

.titlebox {

	border-color:#5543A8;
	border-width:1px;
	border-style:solid;
  	font-size:120%;
  	font-weight:normal;

}

#formtitle #key {
 	background:url("css/forms/icons/key.gif") no-repeat left top;
  	padding:5px 12px 5px 35px;
}

#formtitle #plus {
	background:url("css/forms/icons/plus.gif") no-repeat left top;
  	padding:5px 12px 5px 35px;
}

#formtitle #plain {
	background:url("css/forms/icons/plain.gif") no-repeat left top;
  	padding:5px 12px 5px 12px;
}





.formbox1 {
	padding:0 0 20px 0;
	margin-bottom: 20px;
}

.formbox2 {
	padding:10px 0 0 0;
	text-align:center;
}


#formbot250 { width:250px; background:url("css/forms/250/bottom.gif") no-repeat bottom left;}
#formtop250 { background:url("css/forms/250/top.gif") no-repeat;}


#formbot350 { width:350px; background:url("css/forms/350/bottom.gif") no-repeat bottom left;}
#formtop350 { background:url("css/forms/350/top.gif") no-repeat;}

#formbot500 { width:500px; background:url("css/forms/500/bottom.gif") no-repeat bottom left;}
#formtop500 { background:url("css/forms/500/top.gif") no-repeat;}



#formtitle {
	padding:0;
	margin:0;
}

#formbody {
	padding:30px 10px 0 0;
	margin:0;
	text-align:center;
}


#top20 {
	padding-top: 20px;
}


.hidden {display:none;}

#pagelabel {
	position:absolute;
	left:35px;
	top:110px;
	font-size:18pt;
	color: #4F3E9C;
}

.columnheader {
	padding:0px 10px 3px 10px;
	font-weight:800;
}

.columndata {
	padding:2px 10px 2px 10px;
	font-size:95%;
}


.data-left {
	padding:3px 0px 3px 4px;
	font-size:95%;
}

.data-middle {
	padding:3px 5px 3px 5px;
	font-size:95%;
}

.data-right {
	padding:3px 4px 3px 10px;
	font-size:95%;
}


.header-left {
	padding:1px 0px 1px 4px;
}

.header-middle {
	padding:1px 0px 1px 10px;
}

.header-right {
	padding:1px 4px 1px 0px;
}





.header-white {color:#fff; text-decoration:underline; font-size:95%; font-weight:bold;}
.header-white:hover {color:#fff; text-decoration:none;}

.datarow { background-color:#FFF;}
.datarowselected { background-color:#92FACD;}

.clickable { cursor: pointer; }
.click { cursor: pointer; }


.padleft5 { padding-left: 5px; }
.padleft7 { padding-left: 7px; }
.padleft10 { padding-left: 10px; }
.padleft20 { padding-left: 20px; }
.padleft30 { padding-left: 30px; }

.padright5 { padding-right: 5px; }
.padright7 { padding-right: 7px; }
.padright10 { padding-right: 10px; }
.padright15 { padding-right: 15px; }
.padright20 { padding-right: 20px; }
.padright30 { padding-right: 30px; }

.pad2 { padding: 0 2px 0 2px; }
.pad3 { padding: 0 3px 0 3px; }
.pad5 { padding: 0 5px 0 5px; }
.pad7 { padding: 0 7px 0 7px; }
.pad10 { padding: 0 10px 0 10px; }
.pad20 { padding: 0 20px 0 20px; }



* colors */

.black { color: #000000;}
.blue { color: #000099;}
.darkblue { color: #000066;}
.darkgray { color: #333333;}
.gold { color: #996666;}
.gray { color: #666666; }
.green { color: #006600;}
.light { color: #FFFFFF;}
.orange { color: #CC6600;}
.red { color: #990000;}
.white { color: #FFFFFF;}
.yellow { color: #FFCC00;}
.error { color: #990000;}



#admin-logout {
	position:absolute;
	top:0px;
	left:565px;
	margin:0;
	padding:4px 0 0 0;
}



#admin-container {
	position:absolute;
	top:0px;
	left:350px;
	height:22px;
	width:200px;
	margin:0;
	padding:2px 0 0 7px;
	background:url("css/admin/bg.gif") no-repeat;
}


#admin-container a {
	display:block;
	font-size:10pt;
	color:#e5e5e5;
  	text-decoration:none;
  	font-weight:bold;
}

#admin-container a:hover {
  color:#B4E0EB;
}



#admin-container #left-side {
	float:left;
	padding-left:20px;
}


#admin-container #rightside {
	float:right;
	padding-right:21px;
}