/* Child Development Services STYLE SHEET E */

body {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #211a08;
	background-color: #7fa3d0; /* SET THIS FOR HIGH RESOLUTION and SHORT CONTENT */
	padding: 0em;
	margin: 0em;
	height: 100%;
}

/* ######################################################## */
/* STYLES THAT CONTROL PAGE LOOK AND COLORS */
/* MAIN PAGE STYLES  top/bottom padding set in resolution style sheet */
#outerpage {
	background-image:url(../images/design/bkgd_blueMarble.gif); /*USE IF BODY BACKGROUND HAS IMAGE */
	background-attachment:fixed;  /*USE IF BODY BACKGROUND HAS IMAGE */
	background-color: #7fa3d0; /* MATCHES BODY BACKGROUND COLOR */
}

/* innerpage division width set in resolution style sheets */
#innerpage {
	background-color: #4682B4;
}

.innerborder {
	border-top: #ffff00 4px outset; /* outset; Green #00ff00 Yellow #ffff00 Maroon #919191  */
  	border-right: #ffff00 5px outset; 
  	border-bottom: #ffff00 5px outset;
  	border-left: #ffff00 4px outset;	
}

#header {
	display: block;
	background: url(../images/design/bkgd_creamChalk.jpg);  /* bkgd_CreamGoldPaper.jpg USE IMAGE FOR HEADER BACKGROUND */
	background-color: #FFFFCC;
	margin: 0em;
	padding: 0em;
	height:100px; /*180px*/
}

#content {
	display: block;
    	/* background-image: url(../images/design/bkgd_whitePaper.jpg); */
	background-color: #4682B4; /* FIXES DISPLAY PROBLEM IN MOZILLA FIREFOX */
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 100%;
}

.content {
    	background-image: url(../images/design/bkgd_whitePaper.jpg);
}

.contentTable {
	width: 100%;
}

#footer {
	display: block;
	background: url(../images/design/bkgd_creamChalk.jpg);  /* bkgd_CardCanvas.jpg bkgd_CreamGoldPaper.jpg USE IMAGE FOR HEADER BACKGROUND */
	background-color: #FFFFCC;
}

#ojcLogo {
	background: url(../images/design/cdsFooter_2000.jpg);
	height: 120px;
	margin: 0em;
	padding: 0em;
}

/* WIDTH CONTROLLED IN GRID CSS */
.leftNav {
	color: #FFFFFF;
	background-color: #4682B4;
}

#topbar {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	display: block;
	color: #FFFFFF;
	background-color: #4682B4;
	text-decoration: none;
	margin: 0em;
	padding-left: 160px;
}

#bottombar {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	display: block;
	color: #FFFFFF;
	background-color: #4682B4;
	text-decoration: none;
	margin: 0em;
	padding-left: 160px;
}

.topbar:link {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFFF;
	background-color: #4682B4;
	text-decoration: none;
}

.topbar:visited {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFFF;
	background-color: #4682B4;
	text-decoration: none;
}

.topbar:hover {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #FFF000;
	background-color: #4682B4;
	text-decoration: none;
}

.topbar:visited:hover {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #FFF000;
	background-color: #4682B4;
	text-decoration: none;
}

/* END PAGE CONTROL STYLES */
/* ######################################################## */

/* SPECIAL PAGE DIVISION STYLES IN PRINT STYLES TOO */

#printHeader {
  	text-align: center;
	display: none;
}

#leftMenu {
	display: block;
}

.review {
	margin-right: 266px; 
	margin-left: 100px;
}

div.clear {
	clear: both;
	padding-top: 0px; 
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.eligible {
	display: block;
}

hr {
	color: #ffff00;
	background-color: #ffff00;
	height: 0.4em;
}

/* Special Custom Horizontal Rule */
hr.mainbgcolor {
	color: #0c489b;
	background-color: #0c489b;
	height: 0.2em;
	margin-right: 4px;
	margin-left: 4px;
}

/* END SPECIAL PAGE PRINT DIVISION STYLES */

/* FONT STYLES ########################################## */
/* HEADING CASCADES OFF CONTENT STYLE */
h1 {
	font-size: 220%; /* SET SO BODY CONTROLS SIZE */
}

h2 {
	font-size: 190%; /* SET SO BODY CONTROLS SIZE */
}

h3 {
	font-size: 150%; /* SET SO BODY CONTROLS SIZE */
}

h4 {
	font-size: 120%; /* SET SO BODY CONTROLS SIZE */
}

h5 {
	font-size: 100%; /* SET SO BODY CONTROLS SIZE */
}

h6 {
	font-size: 80%; /* SET SO BODY CONTROLS SIZE */
}

p {
	font-size: 1.0em;  /* equals 12pt CASCADES OFF CONTENT STYLE FONT SIZE at BODY 100% */
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;    
	padding-left: 0px; 
	margin-bottom: 3px;
}

/* TEXT STYLES */

.bodytext {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .8em;
	text-align: left;
	margin-right: 20px;
}

.maintext {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .9em;
	text-align: left;
	margin-right: 40px;
}

.centertext {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .9em;
	text-align: center;
	margin-right: 40px;
}

.toptext {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .9em;
	text-align: left;
	font-weight: 600;
	margin-right: 40px;
}

.hdEmphasis {  
	font-size: 1.1em;
	font-weight: bold; 
	background-color: #eff4ff; /* ADJUST THIS FOR BACKGROUND COLOR */
}

/*Small text for copyright notice*/
.textlink {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .85em;
	text-align: center;
	background-color: transparent;
}

/*Small text for copyright notice*/
.small {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .7em;
	background-color: transparent;
}

.subtitle {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;		
	text-align: left;
	font-style: italic;
	margin-top: 0em;
	margin-bottom: 10px;
	padding-left: 40px;
	color: #0c489b;
	background-color: #fff000;
}

.title {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 35px;
	font-weight: bold;		
	text-align: left;
	margin-top: 35px;
	padding-left: 225px;
	color: #000080;
	background: transparent;
}

.cap {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 50px;
}

.headList {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .90em;
	text-align: left;
	padding-left: 40px;
	color: #000080;
	background: transparent;
}

.cdsList {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .90em;
	text-align: left;
	padding-left: 225px;
	color: #000080;
	background: transparent;
}

/* SPECIAL FONT COLORS */
.mountain {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #0c489b;
}

.river {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #0084b0;
}

.spruce {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #006633;
}

.pine {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #00885a; /* Old Green #009900;*/
}

.cherry {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #ff0000;
}

.maroon { 
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #800000;
} 

/* END TEXT STYLES */

/* IMAGE FLOAT STYLES */

.leftHead {
	float: left;
}

.rightSide { 
	float: right;
	margin-top: 0px;	
	margin-right: 30px;	 
	margin-bottom: 12px;
	margin-left: 35px; 
}

.leftSide { 
	float: left; 
	margin-top: 0px;	
	margin-right: 35px;	
	margin-bottom: 12px;
	margin-left: 20px; /* 30px WITH NO BORDER ON BACKGROUND */	 
}

/* END IMAGE FLOAT STYLES */

/* SPECIAL BORDER STYLES */
.headerborder {
	border-top: #ffff00 4px outset; /* #919191 */
  	border-right: #ffff00 5px outset; 
  	border-bottom: #ffff00 5px outset;
  	border-left: #ffff00 4px outset;		
}

.pageHeader {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-color: #B7C6EC;
	color: #29479d;
	padding-left: .20em;
	padding-right: .20em;
	margin-left: .20em;
	margin-right: .20em;
	border-width: .20em;
	border-color: #839ADE;
	border-style: solid;
}

/* SPECIAL BORDER FOR ANNOUNCEMENTS */
.announceText {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	color: #0c489b;
	background-color: transparent;
	border-top: #919191 4px outset;
  	border-right: #919191 4px outset; 
  	border-bottom: #919191 4px outset;
  	border-left: #919191 4px outset;
  	padding: 5px 5px 5px 5px; /* T-R-B-L */
}

/* SPECIAL TEXT BORDER BOX */
.yehaw {
	border-top: #919191 8px outset;
  	border-right: #919191 8px outset; 
  	border-bottom: #919191 8px outset;
  	border-left: #919191 8px outset;
  	padding: 5px 5px 5px 5px; /* T-R-B-L */
}

.cart {
	background-image: url(../images/design/bkgd_BeigeCanvas.jpg);
	background-color: #FFFFCC;
	border-top: #919191 4px outset;
  	border-right: #919191 4px outset; 
  	border-bottom: #919191 4px outset;
  	border-left: #919191 4px outset;
  	padding: 1px 1px 1px 1px; /* T-R-B-L */
}
/* END SPECIAL BORDER STYLES */


/* SPECIAL MARGIN STYLES */
/*Text for Review Comments */
.righttext {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .85em;
	text-align: right;
	margin-right: 80px;
	margin-left: 20px;
}

.rightsmall {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .7em;
	text-align: right;
	background-color: transparent;
}

.autumnMargin {
	text-align: left;
	margin-right: 40px;
	margin-left: 160px; /* 40px WITH NO BORDER IN BACKGROUND */
}

.autumnHeader {
	text-align: left;
	margin-left: 66px; /* 20px WITH NO BORDER IN BACKGROUND */
}

.rightMargin {
	text-align: left;
	margin-right:325px;
	margin-left: 66px;	
}

.leftMargin {
	text-align: left;
	margin-right: 40px;
	margin-left: 380px;
}

/* MARGIN SET IN RESOLUTION STYLES */
.autumnList {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 80%;	
	text-align: left;
	font-weight: 500;	
	margin-right: 20px;
}

.margin20 {
	text-align: left;
	margin-right: 20px;
	margin-left: 20px;
}

.margin50 {
	text-align: left;
	margin-right: 20px;
	margin-left: 50px;
}

.margin100 {
	text-align: left;
	margin-right: 20px;
	margin-left: 100px;
}

.margin150 {
	text-align: left;
	margin-right: 20px;
	margin-left: 150px;
}

.margin200 {
	text-align: left;
	margin-right: 20px;
	margin-left: 200px;
}

.margin250 {
	text-align: left;
	margin-right: 20px;
	margin-left: 250px;
}

.margin300 {
	text-align: left;
	margin-right: 20px;
	margin-left: 300px;
}

.margin350 {
	text-align: left;
	margin-right: 20px;
	margin-left: 350px;
}

.margin400 {
	text-align: left;
	margin-right: 20px;
	margin-left: 400px;
}

/* USE THESE STYLES TO BUILD NESTED COLUMNS */
.column {
  	float: left;
  	margin-right: 0;
}

/* The first column in a row needs this class to set Left Margin. */
.first {
	margin-left: 20px;
}

/* The last column in a row needs this class. */
.last { 
  	padding-right: 0;
	margin-right: 0; 
}

/* WIDTH OF COLUMN CONTROLED BY BODYxx STYLE SHEET */

/* Border on right hand side of a column. */
.colborder {
  	padding-right: 16px;
  	margin-right: 16px;
  	border-right:1px solid #eee;
}

/* END USE THESE STYLES TO BUILD NESTED COLUMNS */

/* SPECIAL TABLE STYLES */
.tablebkgd {
	/*background-image:url(../images/design/wb00742_.gif); USE IF TABLE BACKGROUND HAS IMAGE */
	/*background-attachment:fixed; USE IF TABLE BACKGROUND HAS IMAGE */
	background-color: #ffffff;
}

.tableSpecial {
	width: 85%;
	text-align: left;
	background-color: transparent;
	border-top: #919191 4px outset;
  	border-right: #919191 4px outset; 
  	border-bottom: #919191 4px outset;
  	border-left: #919191 4px outset;
  	padding: 1px 1px 1px 1px; /* T-R-B-L */
}

.tableHeaderLG {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
   	font-size: 1.4em;
	text-align: center;
	color: #0c489b;
	background-color: #fff000;
}

.tableHeaderSM {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
   	font-size: 1.0em;
	text-align: center;
	color: #0c489b;
	background-color: #fff000;
}
/* END SPECIAL TABLE STYLES */

/* ANCHOR AND MENU CSS*/	
/* This document's anchor pseudo-classes*/
/*General Link CSS for text links*/
a {
	font-family: serif;
   	font-weight: bold;
   	color: #0000ff;
   	background-color: transparent;
   	text-decoration: none;
}

a:link {
	font-weight: bold; 
	color: blue;  
	text-decoration: none; 
}

a:visited {
	font-weight: bold; 
	color: purple; 
	text-decoration: none; 
}

a:active { 
	font-weight: bold; 
	color: green; 
	text-decoration: none; 
}

a:hover {
	font-weight: bold; 
	Color: #ff0000;
	text-decoration: none; 
}

/* New Special Link Anchors*/
a.special {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #000fff;
}

a.special:link {
	text-decoration: none;
	color: #000fff;
}

a.special:active {
	text-decoration: none;
	color: #000fff;
}

a.special:visited {
	text-decoration: none;
	color: #008080;
}

a.special:hover {
	text-decoration: underline;
	color: Red;
}
a.special:visited:hover {
	text-decoration: underline;
	color: Red;
}

/*BASIC CSS LOGO GRAPHIC STYLES*/

.logo {
	border-top: #cecece .15em solid; 
	border-right: #4a4a4a .15em solid; 
	border-bottom: #4a4a4a .15em solid;
	border-left: #cecece .15em solid;
}

.logo:link {
	border-top: #cecece .15em solid; 
	border-right: #4a4a4a .15em solid; 
	border-bottom: #4a4a4a .15em solid;
	border-left: #cecece .15em solid;
}

.logo:visited {
	border-top: #cecece .15em solid; 
	border-right: #4a4a4a .15em solid; 
	border-bottom: #4a4a4a .15em solid;
	border-left: #cecece .15em solid; 
}

.logo:hover {
	border-top: #4a4a4a .15em solid; 
	border-right: #cecece .15em solid; 
	border-bottom: #cecece .15em solid;
	border-left: #4a4a4a .15em solid;
}

.logo:visited:hover {
	border-top: #4a4a4a .15em solid; 
	border-right: #cecece .15em solid; 
	border-bottom: #cecece .15em solid;
	border-left: #4a4a4a .15em solid;
}


/* MYSTICBUTTON ******** MYSTICBUTTON ******** MYSTICBUTTON ********* */

/* Begin MYSTICBUTTON Link ANCHOR */
a.mysticbutton {
	font-size: .94em;
	font-weight: bold;
	text-align: left;
	display: block;
	width: 17em; /*Adjust For Text Length*/
	margin: 1em 0em;
}

a.mysticbutton:link {
	color: #ffffff; 
	background-color: #063e89;
	text-decoration: none;  
	border-top: #cecece .15em solid; 
	border-right: #4a4a4a .15em solid; 
	border-bottom: #4a4a4a .15em solid;
	border-left: #cecece .15em solid;
}

a.mysticbutton:visited {
	color: #ffffff; 
	background-color: #063e89;
	text-decoration: none;  
	border-top: #cecece .15em solid; 
	border-right: #4a4a4a .15em solid; 
	border-bottom: #4a4a4a .15em solid;
	border-left: #cecece .15em solid; 
}

a.mysticbutton:hover {
	color: #ffffff; 
	background-color: #3c5ed9;
	text-decoration: none; 
	border-top: #4a4a4a .15em solid; 
	border-right: #cecece .15em solid; 
	border-bottom: #cecece .15em solid;
	border-left: #4a4a4a .15em solid;
}

a.mysticbutton span {
	font-size: .96em;
	font-weight: bold;
	color: #0c479d; 
	background-color: #e6e6e6;
	text-decoration: none; 
	padding-top: 0em; 
	padding-right: 0.4em;
	padding-bottom: 0em;  
	padding-left: 0.4em; 
}
/* Enhances mystic button with text and a shaded background */

td.mbEnhanced {
	background-color: #eff4ff;
	width: 60%;
}

td.mbEnhanced p {
	text-align: left;
	color: #3c5ed9;
	font-size: 1em;
	font-weight: bold;
	background: inherit;
}