/* CSS Document */

/* =Body
---------------------------------------------------------------------
*/

body {
	background-image: url(../Images/stripewide.gif);
}

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 12px;
}

a:link {
	color: #006633;
}

a:visited {
	color: #330066;
}

a:hover {
	color: #CC6600;
}

a:active {
	color: #3366CC;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 18px;
}
h4 {
	font-size: 20px;
}

h5 {
	font-size: 22px;
}

h6 {
	font-size: 24px;
}

td img {
	display: block;
}

.page_heading {
	font-size: 22px;
	font-weight: bold;
}

.style1 {
	font-size: 9px
}

.style2 {
	font-size: 10px
}

.style5 {
	font-size: 14pt;
	font-weight: bold;
}

.style10 {
	font-size: 16px
}

.style11 {
	color: #1774C2
}

.style12 {
	font-weight: bold;
	font-size: 14px;
}

.style13 {
	font-size: 14px
}

.style14 {
	font-size: 12px
}

/* column 1 */
#column1 {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 190px;
	height: 810px;
    background-color: #F5EEDB;
	color: #003366;
	padding: 5px;
}

#column1 b{
	color: #fcbe15;
	font-size: 1.1em;
	line-height: 1.5;

}

#column1 a{
/*	color: #2748ad; */
	color: #ffffff;
	font-size: 0.9em;
}

#column1 h1{
	font-size: 14px;
}
#column1 p{
	font-size: 12px;
}

#column2 {
	float: right;
	width: 530px;
    background-color: #ffffff;
	padding: 10px;
}

sup ref{
	font-size: .5em;
}
/* =Container
---------------------------------------------------------------------
*/

#container{
   width: 750px;
   margin: 0 auto;  
   padding: 0;
   background: url(../Images/bg_body.gif) repeat-y; 
}

.clear {
    clear: both;
    display: block;
    height: 1px;
	width: 750px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
/* =Header
---------------------------------------------------------------------
*/

#header{
   position: relative; 
   z-index: 500;
   width: 750px;
   height: 278px;
   background-color:#000000;
   background: url(../Images/KidsAgain_Masthead2b.jpg); 
}

/* =footer
---------------------------------------------------------------------
*/

#footer{
   position: relative;  
   width: 720px;
   height: 10px;
   padding: 15px;
   background-color:#9d8c72;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   position: absolute;
   bottom: 0px;
   right: 0px;
   left: 0px;
   margin: 0px; 
   z-index: 999;
   list-style: none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 13px
}

#nav li{
   float: left;
   margin-right: 44px;
   background-color: #0173b9;
} 

/* tab on the menu */
#nav li a{
   float: left;
   display: block;
   height: 21px;
   padding: 7px 14px 0px;
   text-decoration: none;
   color: #ffffff; 
   background-color: #0173b9;
} 

/* hovering over tab */
#nav li:hover{
   color: #0173b9;
   background-color: #f5eedb;
}

#nav li:hover a{
/*   background-position: left -31px; */
   color: #0173b9;
   background-color: #f5eedb;
}

/* current tab */
#nav li.current,
#nav li.current a,
#nav li.current:hover,
#nav li.current:hover a{
   color: #ffffff;
   background-color: #95ad8b;
}

#nav li.hide{
   background-color: #0173b9;
}

#nav li ul{
   clear: left; 
   position: absolute;
   left: -999em; 
   z-index: 999;
   width: 128px; 
   margin-top: 28px; /* pushes the box down */
   margin-left: -1px;
   margin-right: 0px;
   border: 1px solid #0173b9;
   border-top: 0;
   border-bottom: 0;
   padding: 0;
   list-style: none;
   line-height: 1;
}

*+html #nav li ul{
   margin-top: 0;
}

#nav li li{
   display: inline;
/*   _display: block;  */
   float: none;
/*   _float: left; */
   margin: 0;
/*   font-size: .9em; */
   text-transform: none;
}

#nav li:hover li a,
#nav li.current:hover li a{
   float: none;
   width: 100px;
   height: auto;
   margin: 0px;
   padding: 9px 14px;
/*   border-top: 1px solid #FBFCFE;
   border-bottom: 1px solid #D3D6CD;  */
   color: #ffffff;
   background: #0173b9;
}

#nav li:hover li a:hover,
#nav li.current:hover li a:hover{
   color: #0173b9;
   background: #f5eedb;
}

#nav li ul ul{
   margin: -28px 0 0 161px; 
}

#nav li:hover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul{
   left: auto;
}

#nav li li li{
   font-size: 1em;
}


/* links 
---------------------------------------------------------------------
*/

#link a{
	text-decoration: none;
}

#link img{
	text-decoration: none;
}

/* =Copyright
---------------------------------------------------------------------
*/

.copyright{
	color:#ffffff;
   	font-size: 0.8em;
}