@CHARSET "ISO-8859-1";

/********* UNIVERSAL *********/

* {
  padding: 0px;
  margin: 0px;
}

body {
  text-align: center;  /* centering hack for IE */
  background: #ededed;
  font-family: tahoma, helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
}

img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

h1 {
  font-size: 18px;
  font-weight: bold;
  color: #b15588;
}

h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 4px 0px;
  color: #336699;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 4px 0px;
  color: #666666;
}

strong {
  color: #336699;
}

#wrapper  {
  width: 768px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#background {
  float: left;
  width: 768px;
  height: auto;
  text-align: left;
  background: #ffffff url(../image/bg.gif) repeat-y top center;
}

#centerColumn {
  float: left;
  width: 748px;
  padding-left: 10px;
}

#bottom {
  float: left;
  width: 768px;
  height: 30px;
  background: url(../image/footer.gif) no-repeat;
}

/********* HEADER *********/

#header {
  float: left;
  display: inline; /* IE margin hack */
  width: 748px;
  height: 95px;
  padding: 10px 0px 10px 10px;
}

#logo {
  float: left;
}

#headerLinks {
  text-align: right;
  float: right;
  display: inline;
  width: 500px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
}

#headerLinks img {
  float: right;
  display: block;
  padding: 0px 5px 0px 0px;
}

#headerLinks a {
  padding-right: 10px;
}

#headerLinks a:link, #headerLinks a:visited {
  text-decoration: none;
  color: #3366cc;
}

#headerLinks a:hover, #headerLinks a:active {
  text-decoration: underline;
  color: #6699ff;
}

a#donateButton {
  height:31px;
  width:84px;
  background:url('../image/donate_button.gif');
  float: right;
  display: inline;
  padding: 9px 0px 0px 0px;
  margin:0px 20px 0px 0px;
  font-size:14px;
  font-weight:bold;
  color:#ffffff;
  text-align:center;
  line-height:12px;
}

a#donateButton:link, a#donateButton:visited {
  text-decoration: none;
  color: #ffffff;
}

a#donateButton:hover, a#donateButton:active {
  text-decoration: none;
  color: #ffffff;
}

#headerFindCare {
  float: right;
  clear: right;
  width: 260px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  padding: 0px 20px 0px 0px;
  margin: 5px 0px 0px 0px;
  background: url(../image/find_child_care2.gif) no-repeat;
}

#headerFindCare a:link, #headerFindCare a:visited {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  margin-left: 45px;
}

#headerFindCare a:hover, #headerFindCare a:active {
  text-decoration: underline;
}

#loginLinks {
  float: right;
  display: inline;
  width: 240px;
  height: 15px;
  margin: 0px 24px 0px 0px;
  line-height: 18px;
  text-align: right;
}

#loginLinks a {
  padding-left: 10px;
}

#loginLinks a:link, #loginLinks a:visited {
  text-decoration: none;
  color: #3366cc;
}

#loginLinks a:hover, #loginLinks a:active {
  text-decoration: underline;
  color: #6699ff;
}

/********* NAV *********/

#nav {
  float: left;
  display: inline; /* IE margin hack */
  width: 748px;
  height: 23px;
  background: url(../image/bg_nav.gif) repeat-x;
}

#nav ul {
  list-style: none;
  float: left;
  width: 744px;
}

#nav li {
  float: left;
}

#nav a {
  float: left;
  display: inline;
  width: 124px;
  height: 23px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 23px;
  text-align: center;
}

/** changing News to Research per request by sarah tobin. 20089-06-28
#navHome a { width: 70px; margin-left: 22px; }
#navParents a { width: 80px; margin-left: 22px; }
#navCCP a { width: 190px; margin-left: 22px; }
#navNews a { width: 60px; margin-left: 22px; }
#navAboutUs a { width: 90px; margin-left: 22px; }
#navContactUs a { width: 100px; margin-left: 22px; }
 **/

#navHome a { width: 70px; margin-left: 22px; }
#navParents a { width: 80px; margin-left: 22px; }
#navCCP a { width: 190px; margin-left: 22px; }
#navNews a { width: 60px; margin-left: 22px; }
#navResearch a { width: 90px; margin-left: 22px; }
#navAboutUs a { width: 85px; margin-left: 22px; }
#navContactUs a { width: 95px; margin-left: 22px; }

a.here {
  background: url(../image/bg_nav_over.gif);
}

#nav a:link, #nav a:visited {
  text-decoration: none;
}
#nav a:hover, #nav a:active {
  text-decoration: none;
  background: url(../image/bg_nav_over.gif);
}

/********* LEFT NAV *********/

#leftNav {
  float: left;
  display: inline;
  width: 180px;
  height: auto;
  margin: 12px 0px 0px 12px;
  background: #e8e8e8 url(../image/leftnav_top.gif) top no-repeat;
}

#leftNavBottom {
  float: left;
  display: inline;
  width: 180px;
  height: auto;
  padding: 0px 0px 12px 0px;
  background: url(../image/leftnav_bottom.gif) bottom no-repeat;
}

#leftNav ul {
  float: left;
  display: inline;
  list-style: none inside;
  width: 180px;
  padding: 6px 0px 0px 0px;
}

#leftNav li {
  float: left;
  display: inline;
}

a.leftNav:link, a.leftNav:visited {
  float: left;
  display: block;
  width: 145px;
  height: auto;
  font-size: 12px;
  line-height: 18px;
  padding: 5px 0px 5px 35px;
  color: #2a7bbd;
  background: url(../image/leftnav_button.gif) no-repeat center left;
}

a.leftNav:hover, a.leftNav:active {
  color: #ffffff;
  background: #2a7bbd url(../image/leftnav_button_over.gif) no-repeat center left;
}

a.leftNavSub:link, a.leftNavSub:visited {
  float: left;
  display: block;
  width: 145px;
  height: auto;
  font-size: 11px;
  line-height: 16px;
  padding: 4px 0px 2px 35px;
  color: #2a7bbd;
}

a.leftNavSub:hover, a.leftNavSub:active {
  color: #ffffff;
  background: #2a7bbd;
}

#leftNav span {
  display: block;
  width: 170px;
  margin: 5px 0px 0px 10px;
  color: #999999;
  font-size: 10px;
  font-weight: bold;
}

a.leftNavNews:link, a.leftNavNews:visited {
  float: left;
  display: block;
  width: 145px;
  height: auto;
  font-size: 12px;
  line-height: 16px;
  padding: 0px 0px 6px 10px;
  color: #2a7bbd;
}

a.leftNavNews:hover, a.leftNavNews:active {
  color: #3399ff;
  text-decoration: underline;
}

/********* PAGE CONTENT *********/

#content {
  float: left;
  display: inline;
  width: 340px;
  height: auto;
  margin-left: 12px;
  margin-top: 12px;
}

#contentWide {
  float: left;
  display: inline;
  width: 520px;
  height: auto;
  margin-left: 12px;
  margin-top: 12px;
}

#content p, #contentWide p {
  margin: 8px 0px 8px 0px;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #666666;
}

#content ul, #contentWide ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 17px;
  font-size: 12px;
  line-height: 16px;
}

#content ol, #contentWide ol {
  list-style-position: outside;
  margin-left: 22px;
  font-size: 12px;
  line-height: 16px;
}

#content a:link, #content a:visited, #contentWide a:link, #contentWide a:visited {
  height: 20px;
  line-height: 20px;
/*  text-decoration: none; */ /* LINKS SHOULD BE UNDERLINED -svd */
  color: #666666;
}

#content a:hover, #content a:active, #contentWide a:hover, #contentWide a:active {
  color: #333333;
  text-decoration: none;
}

#rightNav {
  float: right;
  display: inline;
  width: 180px;
  height: auto;
  margin-right: 12px;
  margin-top: 12px;
}

#content input, #content select, #contentWide input, #contentWide select, #content option, #contentWide option {
  font-size : 11px;
  color: #666666;
  font-family: Tahoma, Helvetica, sans-serif;
  padding: 1px;
}

#contentWide td, #content td {
  padding: 1px 3px;
  font-size : 11px;
}

#contentWide th, #content th {
  padding: 2px 3px;
  font-size: 11px;
  font-weight: bold;
  color: #336699;
}


/********* QUOTE BUCKET *********/

#quoteBox {
  float: left;
  display: inline;
  width: 180px;
  height: auto;
  background: #cecece url(../image/quotebox_top.gif) top center no-repeat;
}

#quoteBoxBottom {
  float: left;
  display: inline;
  width: 180px;
  height: auto;
  background: url(../image/quotebox_bottom.gif) bottom center no-repeat;
} 

#quoteBox img {
  display: block;
  margin: 10px;
}

#quoteBoxBottom div {
  display: block;
  margin: 10px;
  margin-bottom: 0px;
}

#quoteBox p {
  display: block;
  margin: 10px;
  margin-top: 0px;
  font-style: italic;
  text-align: right;
}

/********* QUOTE BUCKET *********/

#promoBox {
  margin-top: 12px;
  float: left;
  display: inline;
  width: 180px;
  height: auto;
  background: #ff9600 url(../image/promobox_top.gif) top center no-repeat;
}

#promoBoxBottom {
  float: left;
  display: inline;
  width: 180px;
  height: auto;
  background: url(../image/promobox_bottom.gif) bottom center no-repeat;
}

#promoBoxBottom a:link, #promoBoxBottom a:visited {
  display: block;
  padding: 8px;
  margin: 10px 0px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 15px;
  text-decoration: none;
}

#promoBoxBottom a:hover, #promoBoxBottom a:active {
  text-decoration: underline;
}

/********* MAIN BODY *********/

#mainHeader {
  float: left;
  height: 50px;
  width: 748px;
  font-size: 15px;
  text-align: center;
  padding-top: 10px;
}

/********* HOME: PARENTS BUCKET *********/

#parents {
  float: left;
  display: inline; /* IE margin hack */
  width: 379px;
  height: 314px;
  margin-left: 11px;
  margin-right: 12px;
  background: url(../image/main_parents_bg.gif) repeat-y;
}

#parentsHeader {
  float: left;
  display: inline; /* IE margin hack */
  width: 379px;
  height: 37px;
  background: url(../image/main_parents_top.gif) no-repeat;
}

#parents1 {
  float: left;
  display: inline; /* IE margin hack */
  width: 192px;
  height: 81px;
  margin-left: 12px;
  margin-bottom: 11px;
  background: url(../image/parents_1.gif) no-repeat;
}

#parents2 {
  float: left;
  display: inline; /* IE margin hack */
  width: 192px;
  height: 81px;
  margin-left: 12px;
  margin-bottom: 11px;
  background: url(../image/parents_2.gif) no-repeat;
}

#parents3 {
  float: left;
  display: inline; /* IE margin hack */
  width: 192px;
  height: 81px;
  margin-left: 12px;
  background: url(../image/parents_3.gif) no-repeat;
}

#parents1 a, #parents2 a, #parents3 a {
  display: block;
  width: 192px;
  height: 81px;
}

#parents1 a:link, #parents1 a:visited { }
#parents1 a:hover, #parents1 a:active { background: url(../image/parents_1_over.gif); }
#parents2 a:link, #parents2 a:visited { }
#parents2 a:hover, #parents2 a:active { background: url(../image/parents_2_over.gif); }
#parents3 a:link, #parents3 a:visited { }
#parents3 a:hover, #parents3 a:active { background: url(../image/parents_3_over.gif); }

#parentsPhoto {
  float: right;
  display: inline; /* IE margin hack */
  width: 149px;
  height: 265px;
  margin-right: 13px;
  /* background: url(../image/parents_photo.jpg) no-repeat; */ /* Removed to allow for random image display */
}

#parentsFooter {
  float: left;
  display: inline; /* IE margin hack */
  width: 379px;
  height: 12px;
  background: #ffffff url(../image/main_parents_bottom.gif) no-repeat;
}


/********* HOME: CCP BUCKET *********/

#ccp {
  float: right;
  display: inline; /* IE margin hack */
  width: 333px;
  height: 314px;
  margin-left: 0px;
  margin-right: 12px;
  background: url(../image/main_ccp_bg.gif) repeat-y;
}

#ccpHeader {
  float: left;
  display: inline; /* IE margin hack */
  width: 333px;
  height: 37px;
  background: url(../image/main_ccp_top.gif) no-repeat;
}

#ccp1 {
  float: left;
  display: inline; /* IE margin hack */
  width: 180px;
  height: 81px;
  margin-left: 12px;
  margin-bottom: 11px;
  background: url(../image/ccp_1.gif) no-repeat;
}

#ccp2 {
  float: left;
  display: inline; /* IE margin hack */
  width: 180px;
  height: 81px;
  margin-left: 12px;
  margin-bottom: 11px;
  background: url(../image/ccp_2.gif) no-repeat;
}

#ccp3 {
  float: left;
  display: inline; /* IE margin hack */
  width: 180px;
  height: 81px;
  margin-left: 12px;
  background: url(../image/ccp_3.gif) no-repeat;
}

#ccp1 a, #ccp2 a, #ccp3 a {
  display: block;
  width: 180px;
  height: 81px;
}

#ccp1 a:link, #ccp1 a:visited { }
#ccp1 a:hover, #ccp1 a:active { background: url(../image/ccp_1_over.gif); }
#ccp2 a:link, #ccp2 a:visited { }
#ccp2 a:hover, #ccp2 a:active { background: url(../image/ccp_2_over.gif); }
#ccp3 a:link, #ccp3 a:visited { }
#ccp3 a:hover, #ccp3 a:active { background: url(../image/ccp_3_over.gif); }

#ccpPhoto {
  float: right;
  display: inline; /* IE margin hack */
  width: 114px;
  height: 265px;
  margin-right: 13px;
  /* background: url(../image/ccp_photo.jpg) no-repeat; */ /* Removed to allow for random image display */
}

#ccpFooter {
  float: left;
  display: inline; /* IE margin hack */
  width: 333px;
  height: 12px;
  background: #ffffff url(../image/main_ccp_bottom.gif) no-repeat;
}

/********* DONOR *********/

.donorImage {
  margin-left: 10px;
  margin-bottom: 10px;
  
/*  border-left: solid 10px white;
  border-bottom: solid 10px white; */
}

/********* FOOTER *********/

#spacer {
  width: 748px;
  height: 10px;
  float: left;
  clear: both;
}

#footer {
  clear: both;
  width: 748px;
  height: 30px;
  color: #cccccc;
  text-align: center;
  line-height: 16px;
}

#footer a {
  margin: 0px 3px 0px 3px;
}

#footer a:link, #footer a:visited {
  color: #999999;
}

#footer a:hover, #footer a:active {
  color: #333333;
}

a#fusionBox:link, a#fusionBox:visited {
  color: #999999;
}

a#fusionBox:hover, a#fusionBox:active {
  color: #ff9900;
}


/***** ADMIN CENTER ************/

#adminContent {
  float: left;
  width: 748px;
  padding-left: 10px;
  margin-top: 10px;
}

#adminContent h2 {
  font-size: 18px;
  font-weight: normal;
  color: #2a7bbd;
  text-indent: 6px;
}

#adminErrorMessage {
  float: left;
  width: 748px;
  height: 30px;
  line-height: 25px;
  font-size: 14px;
  font-weight: normal;
  color: red;
  text-indent: 8px;
}

#adminContent table {
  float: left;
  /* text-indent: 8px; */
}

#adminContent td, #adminContent th {
  height: 25px;
  line-height: 25px;
  padding : 3px;
}

#adminContent input {
  font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 11px;
  color: #666666;
  width: 150px;
  padding: 2px;
}

.adminBucket {
  float: left;
  display: inline;
  width: 172px;
  height: 200px;
  margin-left: 2px;
  margin-right: 10px;
  margin-bottom: 16px;
  background: url(../image/admin_bucket_bg.gif) repeat-y;
}

.adminBucketInternal {
  float: left;
  display: inline;
  width: 172px;
  height: auto;
  margin-left: 2px;
  margin-right: 10px;
  margin-bottom: 16px;
  background: url(../image/admin_bucket_bg.gif) repeat-y;
}

.adminBucketHeader {
  float: left;
  display: inline;
  width: 172px;
  height: 35px;
  background: url(../image/admin_bucket_top.gif) top no-repeat;
  line-height: 25px;
  font-size: 15px;
  text-indent: 8px;
  font-weight: normal;
  color: #003399;
}

.adminBucketContent {
  float: left;
  display: inline;
  width: 172px;
  height: 165px;
  background: url(../image/admin_bucket_bottom.gif) bottom no-repeat;
  padding-bottom: 8px;
}

.adminBucketContentInternal {
  float: left;
  display: inline;
  width: 172px;
  height: auto;
  background: url(../image/admin_bucket_bottom.gif) bottom no-repeat;
  padding-bottom: 8px;
}

.adminBucketContent a:link, .adminBucketContent a:visited, .adminBucketContentInternal a:link, .adminBucketContentInternal a:visited {
  float: left;
  display: inline;
  width: 140px;
  height: auto;
  line-height: 15px;
  margin: 3px 0px 3px 10px;
  font-size: 12px;
  color: #003399;
}

.adminBucketContent a:hover, .adminBucketContent a:active, .adminBucketContentInternal a:hover, .adminBucketContentInternal a:active {
  color: #3366cc;
}

.adminSelectHeader {
  float: left;
  display: inline;
  width: 735px;
  height: 35px;
  line-height: 25px;
  font-size: 15px;
  text-indent: 8px;
  font-weight: normal;
  color: #003399;
}

.adminSelectContent {
  float: left;
  display: inline;
  width: 735px;
  height: auto;
  padding-bottom: 8px;
}

.adminSelectContent p {
  float: left;
  display: inline;
  width: 500px;
  height: auto;
  margin-left: 15px;
  padding-bottom: 8px;
}

.adminSelectContent a:link, .adminSelectContent a:visited {
  float: left;
  display: block;
  width: 735px;
  height: 20px;
  line-height: 20px;
  text-indent: 10px;
  font-size: 12px;
  color: #003399;
}

.adminSelectContent a:hover, .adminSelectContent a:active {
  color: #3366cc;
}


#adminContent textarea {
  font-family: tahoma,arial,helvetica,sans-serif;
  font-size: 11px;
  color: #666666;
  width: 250px;
  height: 100px;
  padding: 2px;
}


/*****CLASSES*************/

.errorMessage { color: #FF0000; }
.smallText { font-size : 80%; }
.niceTable
{
  border : 1px dashed #000;
  padding : 5px;
  margin : 0px 0px 10px 0px;
}
.table1 { background-color : #eee; border : 1px dashed #000; padding : 5px; margin : 10px 0 10px 0; }
.table2 { background-color : #fff; border : 1px dashed #000; padding : 5px; }
.rowOne { background-color : #fff; padding : 5px; }
.rowTwo { background-color : #eee; padding : 5px; }
.calenderTitle {
  background-color : #eee;
  padding : 0;
  margin : 0;
  border-bottom : 1px solid #000;
}
.smallSelect, .smallInput { width : 80px; }
.toggle { display : none; margin : 0; }
.bold { font-weight: bold; }
.tableHeader { font-weight: bold; color: #666666; }
.largeFormField { width: 195px; }
.smallFormField {  width: 68px; }
.smallerFormField {  width: 60px; }
.featured { color: #b15588; }

/****TRAINER BOARD TABLE LAYOUT*********/

.trainerBoardName { margin: 5px 0px 0px 0px; font-size: 14px; font-weight: bold; color: #336699; }
.trainerBoardLeft { width: 120px; }
.trainerBoardRight { width : 200px; }
.trainerBoardHeader { border-bottom: solid 1px #ccc; }
.trainerBoardTable { width: 340px; }

/****CALENDAR LAYOUT*********/

.calendarHeader { color : #000; }

td.calendar, td.calendarToday, td.calendarEvent
{
  width : 40px;
  height : 40px;
  text-align : center;
  vertical-align : middle;
  border : 1px solid #000;
}

td.calendarEvent:hover { background-color : #ccf; }

td.calendarEvent a, td.calendar a, td.calendarToday a
{ 
  display : block;
  min-height : 40px;
  text-align : left;
  width : 40px;
}

.calendarToday { background-color : #ccf; }
.calendarEvent {  background-color : #fcc; }
.calendarToday a:link, .calendar a:link , .calendarToday a:visited, .calendar a:visited { text-decoration : underline; }
.calendarToday a:hover, .calendar a:hover { text-decoration : none; }
.noDay { border : 0px; }
.today { background-color : #ccf; }
.event { background-color : #fcc; }
.today, .event { padding : 5px;
  border : 1px solid #000;
  margin : 2px;
  width : 100px;
  align : center;
}

.longInput { width : 200px; }

fieldset {
  border : 1px solid #ccc;
  padding : 5px;
}

textarea
{
  font-family : tahoma,arial,helvetica,sans-serif;
  font-size : 11px;
}
.hide {
	display:none;
}
.menublock {
	margin-left:15px;
}
/* TIP */
.tipbubble {
	font-size:10px;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.tip {
	margin-left: 5px;
	font-weight:bold;
	font-size:10px;
}