/* CSS Document */


/***************************/
/********* LAYOUT **********/
/***************************/
#nextgen_body /* avoids specifying body tags within iframes, like the tinyMCE editor */
{
	background: url(../images/bg_texture2.gif) top left repeat;
	padding: 0;
	height:100%;
}
#nextgen_content
{
	width: 800px;
	/*margin: 0 auto;*/
	background: url('../images/shadow_border814.gif') #fff repeat-y 0px 0px;
	background-color:#fff;
	padding:0 7px;
		
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */

}

#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;
}

#contents img
{
	padding: 5px;
}
#contents .event_icon img
{
	padding: 0;
}

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

#contentsContainer #leftnav
{
	border-right:1px solid #CCCCCC;
	width: 190px;
	height: auto;
	float: left;
	padding:5px 0px 1px 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 {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	float:left;
	clear:both;
	width:189px;
	/*border-top:4px solid #6A3271;*/
	border-bottom:0px solid #333366;
}

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

#leftnav ul 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: 100%;
  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 input
{
	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 0 0 -1px;
  padding: 0px;  /* top, right, bottom, left */
	display:inline;
	border-left:solid 1px #CCCCCC;
/*  visibility: hidden; /* what to do on errors?  think about it... */
}

#footer{
	/* Setup to match #fame_content so that footer is anchored at bottom */
	background: url(../images/shadow_border2.gif) transparent repeat-y 0px 0px;
	padding:0 7px;
	margin:0 auto;

	height:200px;
	text-align:center;
	
	border-top: 1px solid #cccccc;
	color: #000000;
	display:block;
	font-size:75%;

/*


	clear: both;
  float:left;
	border-top: 1px solid #cccccc;
	font-size:75%;
  width: 790px;
  color: #000000;
	padding: 5px 0px 10px 10px;
	margin-top: 0px;
*/
}
#push {
	height: 200px; /* .push must be the same height as .footer */
}
/*
#footer img{
	float:left;
	vertical-align: middle;
}

#footer .info{
	margin:5px 0px 5px 0px;
	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%;
}
*/

#accessibilityNav
{
    left: -9999px;
    top: 0px;
    position: absolute;
    width: 300px;
    margin: 0;
    padding: 0;
}

#admin_nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}

#admin_nav ul li
{
    margin: 0 3px;
}

/** STYLES FOR THE HELP/CONTACT US PAGE **/
/*****************************************/
.clear
{
	clear:both;
	line-height:0;
	font-size:0;
}
.column
{
	float:left;
}
  .sidebartitle
  {
    color: rgb(247,231,148);
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 10px;
  }
  .sidebarheading
  {
    color: black;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    padding-top: 12px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .sidebardata
  {
    font-size: 9pt;
    color: rgb(247,231,148);
    text-align: center;
  }
/****** BUTTONS  ********** (WRL)  */
.image_button
{
      display: -moz-inline-box;
      display:inline-block;
      height:1.7em;
      text-align:center;
      margin-right:5px;
      margin-bottom:10px;
      border: 1px solid #6c6c6c;
      background: #e6e6e6 url(../images/button_gray.png) 40% 40% repeat-x; 
      font-weight: normal; color: #444444; outline: none; 
}
.image_button a
{
      color:#444444;
      display: -moz-inline-box;
      display:inline-block;
      line-height:1em;
      padding: 0.35em 1em;
      text-decoration:none;
}
.image_button a:hover
{
      background:#FFF url(../images/button_blue.png) 40% 40% repeat-x; 
      text-decoration:none;
}
.btn_detail
{
      display: -moz-inline-box;
      display:inline-block;
      height:19px;
      width:120px;
      text-align:center;
      margin-right:5px;
      margin-bottom:3px;
      border: none;
      background: transparent url(../images/btn_details.gif) top left no-repeat; 
      font-weight: normal; 
      outline: none; 
}
.btn_detail a
{
      display: -moz-inline-box;
      display:inline-block;
      line-height:19px;
      width:100%;
      text-decoration:none;
}
.btn_detail a:hover
{
      background:transparent url(../images/btn_details_dark.gif) top left no-repeat; 
      text-decoration:none;
}