/* 
CSS Document 
*/

html
{
    height:100%;
}	

.normal{font-family: Arial, Helvetica, Sans-Serif;font-size: 12px;}

body
{
    background-color: #D1DEF3;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    line-height: 20px;
}

/* Set some standard styles */
td img {display: block;}
p {padding: 10px 0px;}
.small {font-size:11px;}
.large{font-size:14px;}


/* Wrapper to fill the complete browser window */
#mainWrapper
{
	padding:0px;
	margin:0px;
    width:100%;
}

/* Set the width of the skin and center it in the browser window */
#pageWrapper 
{
    background-image:url(images/container_background.jpg);
	width: 980px; /* Main Skin Width*/
	margin-left: auto;
	margin-right: auto;
 }

/*  Wrapper to hold the header sections and also set the width of the 
    header. */
#headerWrapper
{
    padding:0px;
    margin:0px;
    width:980px;
    height:166px;
}

#headerLogo
{
    float:left;
	width: 230px;
	height: 166px;
}

/* Set the width of the slogan and display image float it beside the logo */
#headerSlogan
{
    float:left;
	width: 499px;
	height: 166px;
	background-image: url(images/header_slogan.jpg);
	background-repeat:no-repeat;
}

/* Set the width of the search div and display background image */
#headerSearch
{
    float:left;
	width: 251px;
	height: 166px;
	background-image: url(images/header_kids.jpg);
	background-repeat:no-repeat;
}

/* Position the search box */
#searchBox {
    position:relative;
	width: 241px;
	height: 152px;
    padding-top: 14px;
    padding-left:20px;
}

#contentPanes {
	width: 980px;
	
}

/* Setup the Content Panes used to display the content on the page */
.ContentPane, .TopPane, .BottomPane
{
    width:980px;
}

.ContentPane, .TopPane, .BottomPane, .LeftPane, .RightPane
{
    padding:4px 10px; 
    margin:0px; 
}


/* Set the width of the footer div and display background image */
#footerWrapper
{
    width:980px;
    height:22px;
    background-image: url(images/footer_light.gif);
    background-repeat: repeat-x;
    text-align:left;
    color:#FFFFFF;
    padding-top:3px;
    clear:both;
}

#footerLeft
{
    position:relative;
    width:660px;
    float:left;
    padding-left:20px;
}

#footerRight
{
    position:relative;
    width:300px;
    text-align:center;
    float:right;
}

#footerWrapper a:link, a:visited, a:hover, a:active {color: #FFFFFF;text-decoration:none;}

a:link, a:visited, a:hover, a:active {color: #000000;text-decoration:underline;}

#navbar 
{
	width: 980px;
	height: 31px;
}

.mainMenu 
{
    padding:0px;
	cursor:pointer;
	width:100%;
}

/* Main Menu Normal */
.mainMenu .root
{	
	color: #375162;
	padding:0px;
	float:left;
}

/* Hide the menu text */
.mainMenu .root .txt
{
    display:none;
}

/* Set the image for About Us Menu Item */
.mainMenu .mi0
{
    background:url('images/navbar_about-us.gif') no-repeat;
    height:31px;
    width:114px;
}

/* Set the image for News Menu Item */
.mainMenu .mi1
{
    background:url('images/navbar_news.gif') no-repeat;
    height:31px;
    width:82px;
}

/* Set the image for Publications Menu Item */
.mainMenu .mi2
{
    background:url('images/navbar_publications.gif') no-repeat;
    height:31px;
    width:120px;
}

/* Set the image for Provider Resources Menu Item */
.mainMenu .mi3
{
    background:url('images/navbar_provider-resources.gif') no-repeat;
    height:31px;
    width:169px;
}

/* Set the image for Contact Us Menu Item */
.mainMenu .mi4
{
    background:url('images/navbar_contact-us.gif') no-repeat;
    height:31px;
    width:115px;
}

/* Set the image for Send A Comment Menu Item */
.mainMenu .mi5
{
    background:url('images/navbar_send-a-comment.gif') no-repeat;
    height:31px;
    width:232px;
}

/* Set the image for Members Only Menu Item */
.mainMenu .mi6
{
    background:url('images/navbar_members-only.gif') no-repeat;
    height:31px;
    width:148px;
}

/* Ensure the submenu on the main menubar does not appear */
.mainMenu tr.mi
{
    display:none;
}

#subNav 
{
    padding:0;
	cursor:pointer;
	height:23px;
	width:100%;
    background: #CE0D0D url(images/subnavbar_background.gif) repeat-x top left;
}

.subMenu 
{
    padding:0;
	cursor:pointer;
	width:100%;
	height:23px;
	
	/*background: #CE0D0D url(images/subnavbar_background.gif) repeat-x top left;*/
}

/* Main Menu Normal */
.subMenu .root
{	
	color: white;
	padding:0px 20px 0px 0px;
	float:left;
	font-size:12px;
	text-align:center;
	
}

.subMenu .m
{	
	color: white;
	padding:3px 3px;
	background-color:#4477CC;	
	font-size:12px;
}

.subMenu .hov
{	
	color: white;
	background-color:#B5CA64;
}

.subMenu tr.hov
{	
	color: white;
	padding:3px 3px;
	background-color:#B5CA64;	
}