/* CSS Document */

/***************************/
/********* LAYOUT **********/
/***************************/

#headerContainer {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 800px;
	display:inline;
}

#headerContainer #topnav {
	width: 800px;
  margin: 0px 0px 0px 0px; /* top, right, bottom, left */
  padding: 0px 0px 0px 0px; /* top, right, bottom, left */
  height: auto;
	float: left;
	background: #FFFFFF;
  color: #8FC3F5;
	font: 83%/1.5 arial bold, helvetica, sans-serif;
  overflow: hidden;
}

#headerContainer #header {
	float: left;
	width: 800px;
	height: auto;
	display:inline;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	padding: 10px 5px 10px 5px;
/*	background: #ffffff url('../image/header_streak.jpg') repeat-x;*/
}

#headerContainer #header .purpleBlock{
	float:left;
	clear:none;
	height:85px;
	width:85px;
	background-color:#6A3271;
	margin:0px 7px 0px 7px;
	padding:0px;
}

#headerContainer #header .greenBlock{
	float:left;
	clear:none;
	height:85px;
	width:85px;
	background-color:#67C90F;
	margin:0px 7px 0px 7px;
	padding:0px;
}

#headerContainer #header .orangeBlock{
	float:left;
	clear:none;
	height:85px;
	width:85px;
	background-color:#FF8204;
	margin:0px 7px 0px 7px;
	padding:0px;
}

#headerContainer #header .blueBlockLast{
	float:left;
	clear:none;
	height:85px;
	width:85px;
	background-color:#3F62B6;
	/*IMPORTANT! the right margin is 0px to prevent overflow in IE*/
	margin:0px 0px 0px 7px;
	padding:0px;
}

#headerContainer #header .blueBlock{
	float:left;
	clear:none;
	height:85px;
	width:85px;
	background-color:#3F62B6;
	margin:0px 7px 0px 7px;
	padding:0px;
}
#headerContainer #header .magentaBlock{
	float:left;
	clear:none;
	height:85px;
	width:85px;
	background-color:#CC0066;
	margin:0px 7px 0px 7px;
	padding:0px;
}

#headerContainer #header .yellowBlock{
	float:left;
	clear:none;
	height:85px;
	width:85px;
	background-color:#FFCC33;
	margin:0px 0px 0px 7px;
	padding:0px;
}

#headerContainer #header img{
	height:85px;
	width:85px;
	float:left;
	clear:none;
	margin:0px 7px 0px 7px;
	padding:0px;
}

#headerContainer #header img.wider{
	height:70px;
	width:259px;
	float:left;
	clear:none;
	margin:15px 7px 0px 7px;
}


#headerContainer #headerNav{
  float: left;
  height: 38px;
  width: 100%;
  clear:both;
  list-style: none;
  background: #333366;
  margin: 0px; /* top, right, bottom, left */
  padding: 0;
}

#contentsContainer {
	clear: both;
	float: left;
	width: 800px;
	height:auto;
	padding:0px;
	margin: 7px 0 0 0;
	background-image: url('../image/contents_headershadow.jpg');
  background-repeat: repeat-x;
  background-position: top;
  background-color: inherit;
}

#contentsContainer #leftnav{
	width: 190px;
	height: auto;
	float: left;
	padding:5px 0px;
	margin:0px 0px 0px 0px;
	left: 0px;

}
#leftNav img.kidImage {
	height:85px;
	width:85px;
	float:left;
	clear:none;
	margin:5px 0 0 5px;
	padding:0;
}

#leftNav .colorBlock{
	float:right;
	clear:none;
	height:85px;
	width:85px;
	background-color:#6A3271;
	margin:5px 5px 0 0;
	padding:0;
}
#leftNav .darkBlue  { background-color:#333366 }
#leftNav .lightBlue { background-color:#3F62B6 }
#leftNav .teal      { background-color:#99ccff }
#leftNav .royalBlue { background-color:#333399 }
#leftNav .green     { background-color:#67C90F }
#leftNav .orange    { background-color:#FF8204 }
#leftNav .purple    { background-color:#6A3271 }
#leftNav .grey      { background-color:#E9E9E9 }
#leftNav .yellow    { background-color:#ffcc33 }

/*#leftnav .returnToHome{
	height:12px;
	width:100%;
	padding:10px 0px 0px 0px;
	right:0px;

	text-align:right;
	vertical-align:bottom;
	margin:0px 0px 0px 0px;
	background-image: url('../image/contents_headershadow_reverse.jpg');
	background-color:#6A3271;
  background-repeat: repeat-x;
  background-position: top;

}

#leftnav .returnToHome a{
  color:#FFFFFF;
	font-size:80%;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	vertical-align:bottom;
	width:inherit;
	padding:0px 3px 0px 0px;
	margin:0px;

}
#leftnav .returnToHome a:hover{
	text-decoration:none;
	color:#99CCFF;
	border:none;
}*/

#leftnav ul#vertNav {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	float:left;
	clear:both;
	width:100%;
	/*border-top:4px solid #6A3271;*/
	border-bottom:0px solid #333366;
}

#leftnav ul#vertNav a {
	display:block;
	text-decoration:none;
	font-weight: bold;
	/*background:#3F62B6;*/
	background:#FFFFFF;
	color:#333399;
	border-bottom:1px solid #3F62B6;
	width:98%;
	height:auto;
	padding:8px 0px 10px 5px;
	font-size:80%;
	vertical-align:text-top;
}
#leftnav ul#vertNav a.selected {
	background:#333366;
	color:#FFFFFF;
}
#leftnav ul#vertNav a.returnToHome {
	display:block;
	text-decoration:none;
	font-weight: bold;
	/*background:#3F62B6;*/
	background:#6A3271;
	color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	height:auto;
	width:inherit;
	text-align:right;
	padding:5px .5em;
	font-size:80%;
	font-weight:bold;
	vertical-align:text-top;
}

#leftnav ul#vertNav a:hover{
	/*background:#99CCFF;
	color:#333366;*/
	background:#333366;
	color:#FFFFFF;	
}

#leftnav ul.vertNav li {
	display:inline;
}

#leftnav ul#vertNavTest {
	margin:0 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	float:left;
	clear:both;
	width:100%;
	border-bottom:0px solid #333366;
	border-top: none;
}

#leftnav ul#vertNavTest a {
	display:block;
	text-decoration:none;
	font-weight: bold;
	/*background:#67C90F;*/
	background:#FFFFFF;
	color:#333399;
	border-bottom:1px solid #3F62B6;
	width:98%;
	height:auto;
	padding:8px 0px 10px 5px;
	font-size:100%;
	vertical-align:text-top;
}

#leftnav ul#vertNavTest a:hover{
	/*background:#99CCFF;
	color:#333366;*/
	background:#333366;
	color:#FFFFFF;		
}

#leftnav ul.vertNavTest li {
	display:inline;
}

#leftNavFirstStepText {
	text-align:left;
	color:#74caa6;
	font-size: 14px;
	padding-left:.2em;
	padding-bottom:10px;
}
a img#leftNavFirstStepLogo {
	width:180px;	
	margin-top:5px;
}

a img#leftNavFirstStepPhoto {
	width:150px;
	margin:5px 0px;
}
#searchArea{
	width: 98%;
  margin:0px 0px 0px 0px;
  padding:5px 0 0 0;
	/*background-image: url('../image/contents_headershadow_reverse.jpg');
 background-color:#E9E9E9; 
	background-repeat: repeat-x;
  background-position: bottom;*/
	
}
#searchArea #searchTitle{
	float:left;
	clear:both;
	color:#990000;
  vertical-align:text-bottom;
	font-weight:bold;
	margin-bottom:0px;
	margin-left:5px;
}

#searchArea form#searchForm{
	width:100%;
	margin:0px;
	/*padding-bottom:10px;*/

}

#searchArea #q{
	margin:0 0 0 10px;
}


#searchArea #btnG{

}

/*fix this*/
#leftnav img.googleSearch{
	float:left;
	right: 0px;
	margin:5px 5px 0px 70px;
	padding:0px 5px 0px 0px;
	clear:both;
	display:inline;
}

#searchArea #searchOptions{
 float:left;
 clear:both;
 margin-top:5px;
}


#searchArea #searchOptions .optionItem{
  float: left;
  width: 90px;
	font: 83%/1.5 arial, helvetica, sans-serif;
  font-weight: bold;
  color: #333333;
	margin-left:0px;
}


#searchArea #searchOptions span{
  position: relative;
  top: -3px;
  padding: 0 5px 0 5px; /* top, right, bottom, left */
}

#contentsContainer #contents{
	width: 600px;
  height: auto;
	float: left;
  margin: 0px;
  padding: 0px;  /* top, right, bottom, left */
	display:inline;
/*  visibility: hidden; /* what to do on errors?  think about it... */
}

#footer{
	clear: both;
  float:left;
	border-top: 1px solid #cccccc;
	font-size:75%;
  width: 790px;
  color: #000000;
	padding: 5px 0px 10px 10px;
	margin-top: 0px;
}

#footer img{
	float:left;
	padding: 10px 5px 10px 0px;
	vertical-align: middle;
}

#footer .info{
	margin:5px 0px 5px 0px;
	padding-left:5px;
	padding-right:5px;
	float:right;
	vertical-align:top;
	width:570px;
	clear: right;
}
#footer .info p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer .lowerInfo {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	float: right;
	width: 570px;
}

#footer .lowerInfo p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#footer .links{
	font-size:12px;
	text-align:center;
	clear: both;
	margin-top: 5px;
}
#footer .disclaimer tr td {
	border:1;
	border-style:solid;
	border-color:#000000;
	padding:0px;
	margin:0px;
	color:#000000;
	width:100%;
}