/* ------------------------------------------------------------------------- */
/* ------ NEMOURS INTERNET COMMON LAYOUT AND ELEMENT CSS DEFINITIONS ------- */
/* ------ PedsEducation.org Version ---------------------------------------- */

/* Created: 02/13/2007 */
/* Last Updated: 09/28/2007 */
/* Author: W. Scott Williams, Nemours Web Development Team */
/* Modified for PedsEducation.org: Chris Laning */

/* ------------------------------------------------------------------------- */
/* --------------------- SITE PAGE AND TAG STYLES ----------------------- */

/* this stylesheet should always be listed first in the head tag */
/* site specific layout and style control for pages is in nemours-sitepage.css */
/* form element and style control for all pages is in nemours-form.css */

/* ------------------------------------------------------------------------- */
/* ------------------------ COMMON ELEMENTS STYLES ------------------------- */
/* This section is for common HTML elements. It should contain only styling 
   elements that can be applied to ALL content. Elements that need unique 
   styling will be defined in either nemours-sitepage.css or nemours-mainpage.css */

body, html {
	margin: 5px 5px 5px 5px;
	padding: 0;
	background-color: #aac9ee;
	font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-size: 10px;
	color: #333333;
	height:100%;
	text-align:center
}

/* global text paragragraph tag definitions */
div.green-box {background-color:#00FF00; padding:2px}
p 			{ font-size: 10px; margin: 5px 5px 5px 5px; }
p.indent 	{ text-indent: 15px; }
p.justify 	{ text-align: justify; }
p.center 	{ text-align: center; }
p.subhead-column {font-size:12px; font-weight:bold; text-align:center}
p.title {font-size:12px; font-weight:bold; text-align:left}
p.white {color:#FFFFFF;}
p.italics {font-style:italic;}
p.ImportantResponse {font-size:10px; font-weight:bold; color: #FF6666}

/* global headline tag definitions */
/* #333333 (black) headlines */
h1 			{ font-size: 14px; font-weight: bold; clear:both; margin: 5px 5px 5px 5px;}
h2 			{ font-size: 12px; font-weight: bold; clear:both; margin: 5px 5px 5px 5px;}
h3 			{ font-size: 11px; font-weight: bold; clear:both; margin: 5px 5px 5px 5px;}
h4 			{ font-size: 10px; font-weight: bold; clear:both; margin: 5px 5px 5px 5px;}
h5 			{ font-size: 9px; font-weight: bold; clear:both; margin: 5px 5px 5px 5px;} 

/* white headlines */
h1.white	{ font-size: 14px; font-weight: bold; clear:both;  color: #ffffff; }
h2.white	{ font-size: 12px; font-weight: bold; clear:both;  color: #ffffff; }
h3.white	{ font-size: 11px; font-weight: bold; clear:both; color: #ffffff; }
h4.white	{ font-size: 10px; font-weight: bold; clear:both; color: #ffffff; }
h5.white	{ font-size: 9px; font-weight: bold; clear:both; color: #ffffff; }


/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid. 
   Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
   
/* global link (href) tag definitions */   
a 			{ text-decoration: none; color: #3399cc; }
a:visited 	{ text-decoration: none; color: #3399cc; }
a:hover 	{ text-decoration: none; color: #FF6666; border-bottom: 1px dotted #3399cc; } /* original color = ff6666 */

/* global link (href) no border definitions - images that are links should not have border */
a.noborder 			{ text-decoration: none; border: none; }
a.noborder:visited 	{ text-decoration: none; border: none; }
a.noborder:hover  	{ text-decoration: none; border: none; }

/* global links (href) that need to be white */
a.white 			{ text-decoration: none; border: none; color:#d1deee; border-bottom: 0px dotted #d1deee; }
a.white:visited 	{ text-decoration: none; border: none; color:#d1deee; border-bottom: 0px dotted #d1deee; }
a.white:hover  		{ text-decoration: none; border: none; color:#ffffff; }

/* global link (href) tag definitions: featured links */   
a.feature			{ text-decoration: none; font-size: 11px; color: #3399cc; font-weight:bold; }
a.feature:visited 	{ text-decoration: none; font-size: 11px; color: #3399cc; font-weight:bold; }
a.feature:hover 	{ text-decoration: none; font-size: 11px; color: #FF6666; border-bottom: 1px dotted #3399cc; font-weight:bold; } 

/* ----- image styles ------------------------------------------------------ */
img 		{ border: 0px solid #999999; margin: 0px auto; }
img.left 	{ float:left; margin-right:2px }
img.right 	{ float:right; margin-left:2px }

/* ----- horizontal rule style---------------------------------------------- */
hr 			{ width:90%; height: 1px; color:#999999; background-color: #999999 }
hr.short	{ width:50px; height: 1px; color:#999999; background-color: #999999}


/* ----- text/alignment styles ------------------------------------------------- */
.pagecenter {align: center}
.indent	{ margin-left: 20px }
.pad	{ padding: 5px }*/
.left 	{ text-align: left }
.center { text-align: center }
.right 	{ text-align: right }
.clear	{ clear: both }
.inline { display: inline }
.bold { font-weight: bold }
.footnote { font-size:10px; font-style:italic; }

/* ----- float control styles -------------------------------------------------- */
.float-none { float:none }
.float-left	{ float:left; text-align: left; margin-right:2px;  }
.float-right { float:right; margin-left:2px;  }

/* ----- border control styles ------------------------------------------------ */
.noborder { border: none }
.withborder { border: 1px solid #999999 }

/* ----- background color control styles ------------------------------------------------ */
.nem-red { background-color: #ffeded }
.nem-dred { background-color: #ff6666 }
.nem-yellow { background-color: #fff2bf }
.nem-dyellow { background-color: #ffcc00 }
.nem-blue { background-color: #cce5f2 }
.nem-dblue { background-color: #3399cc }
.nem-green { background-color: #e5f2d9 }
.nem-dgreen { background-color: #99cc66 }
.nem-orange { background-color: #f338d3 }
.nem-dorange { background-color: #fca54f }
.nem-gray { background-color: #e7e7e7 }
.nem-dgray { background-color: #999999 }

input{vertical-align:middle;}
input.textboxes { height:12px; font-size:9px ;}
input.logintextboxes { height:10px; font-size:9px ;}
input.buttons { height:20px;
		        font-size:9px;}
input.loginbuttons { height:16px;
		        font-size:8px;}

form {margin: 0px 0px 0px 0px;
      padding:0px;}

/* ----- DIV control styles ---------------------------------------------------------- */
div 		{ margin:0px; padding:0px; border:0px; }



/* ------------------------------------------------------------------------- */
/* ------------------------------ TABLE STYLES ----------------------------- */

table { /* global table definition */
	font-size: 12px;
	border-top: 0px solid #999999;
	border-left: 0px solid #999999;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #999999;
}

/* the following preserves font size in nested tables and paragraphs up to 5 levels deep */
table table  					{ font-size: 12px; }
table table table 				{ font-size: 12px; }
table table table table 		{ font-size: 12px; }
table table table table table	{ font-size: 12px; }
td p 							{ font-size: 12px; }
th p 							{ font-size: 12px; }


table.float-left { /* global table float left */
	float:left;
	margin:0 0 10px 0px;
	display:inline;
	text-align:left;
}


table.float-right { /* global table float right */
	float:right;
	margin:0 0 10px 10px;
	display:inline;
	text-align:left;
}


/* global table elements */
thead	{ }
tbody	{ }
th		{ font-weight: bold }
tr		{ }
td  	{ }


.nav-search { /* main search box container & style: text box controlled in nemours-form.css file */
	margin-top: 0px;
	margin-right: 0px;
	float: right;
	display:inline;
	color: #ffffff;
	font-family:	verdana, arial, sans-serif;
	font-size:	10px;
	font-weight: bold;
	background-image:url(../image/background/www-bkg-search-hdr.gif);
	background-position:right;
	background-repeat:no-repeat;
	width: 167px;
}

.nemours-serviceof { /* main search box container & style: text box controlled in nemours-form.css file */
	margin-top: 0px;
	margin-right: 0px;
	text-align:right;
	float: right;
	display:inline;
	color: #ffffff;
	font-family:	verdana, arial, sans-serif;
	font-weight: bold;
	width: 955px; 
	border: 1px;
	
}


.right-column { /* main search box container & style: text box controlled in nemours-form.css file */
	margin-top: 0px;
	margin-right: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#e7e7e7;
	float: right;
	display:inline;
	font-family:	verdana, arial, sans-serif;
	font-size:	10px;
	width: 190px; 
	border: 1px #708aa7 solid;
	
	
}


.DisplayArea1 {
	width:700px;
	margin-top:200px;
	margin-left:6px;
	border-left:thin;
	border-color:#CCCCCC;
	display:inline;
	
	}
	
.FormControls {
	font-family:	verdana, arial, sans-serif;
	font-size:	10px;
	font-weight:100;
	margin:0px 0px 0px 0px;
	padding: 0px;
	}


.HighlightHeader {
	font-family:	verdana, arial, sans-serif;
	font-size:	14px;
	font-weight:bold;
	font-style:oblique;
	color: #3399cc

	}

.HighlightHeaderUnderline {
	color: #FFEDED;
	size: 10;
	width: 33%;
	align="left";
	}
	
/* ------------------------------------------------------------------------- */
/* ------------------------- MAIN CONTENT AREAS STYLES --------------------- */
/* the following defines the templates main layout containers. this is the 
   main wrapper for the template and sandbox areas */

#center-the-popup-page { /* centers the divs on all the pages */
	width: 700px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

#spacer {
	height:10px;
	margin:5px;}
	
	
#main-content-frame { /* main frame: internet portal page */
	width: 955px;
	text-align:left;
	padding: 0;
	margin: 0;

}

#sub-content-frame { /* sub-content frame: internet portal page */
	padding-left: 0px;
	padding-right: 0px;
	margin: 0;
	text-align:center;
}

#main-frame-bg { /* main frame's background: internet portal page */

	width: 955px; 
	margin: 5px 5px 5px 5px;
	border: 1px #708aa7 solid;
	text-align: left;
	padding: 0px;
	background-color:#FFFFFF;
	background-image:url(/images/mainbg.gif);
	background-repeat:repeat-x;
	background-position:top left; 
	vertical-align:top;
	}
	
#pop-up-frame-bg { /* main frame's background: internet portal page */

	width: 650px; 
	height: 67px;
	margin: 0px 0px 0px 0px;
	border: 1px #708aa7 solid;
	padding: 0px;
	background-color:#ffffff;
	background-image:url(/images/mainbg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	}
	
#main-loginline-frame-hp-bg { /* main frame's login section background: internet portal page */
	width: 955px;
	height: 22px;
	vertical-align:top;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding-top: 5px;
	background-color:#ffffff;
	background-image:url(../images/loggedinline.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border: 0px;
	
}
#main-loginline-bg2 { /* main frame's login section background: internet portal page */
	width: 955px;
	height: 30px;
	vertical-align:middle;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding-top: 1px;
	background-color:#ffffff;
	background-image:url(../images/loggedinline2a.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border: 0px;
	
}

#popup-loginline-bg2 { /* main frame's login section background: internet portal page */
	width: 640px;
	height: 16px;
	vertical-align:middle;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding-top: 1px;
	background-color:#ffffff;
	background-image:url(/images/loggedinline-small.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border: 0px;
	
}
#main-footerline-bg2 { /* main frame's login section background: internet portal page */
	width: 955px;
	height: 24px;
	vertical-align:top;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding-top: 5px;
	background-color:#ffffff;
	background-image:url(../images/footerline.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border: 0px;
	
}
#main-navline-bg { /* main frame's login section background: internet portal page */
	width: 755px;
	height: 22px;
	margin: 0px
	text-align: center;
	padding: 0px;
	background-color:#FFFFFF;
	border: 10px;
	vertical-align:top;
	font-weight:bold;
}
#main-loginline-frame-hp { /* main frame: internet main page ONLY */
	width: 935px;
	height: 30px;
	color:#555555;
	vertical-align:middle;
	margin: 5px, 10px, 0px, 0px;
	text-align:right;
	font-weight:bold;
	border: 0px #708aa7 solid;
	padding: 5px;}
	
#popup-loginline-frame-hp { /* main frame: internet main page ONLY */
	width: 640px;
	height: 16px;
	color:#555555;
	vertical-align:middle;
	margin: 0px 0px 0px 0px;
	text-align:right;
	font-weight:bold;
	border: 0px #708aa7 solid;
	padding: 5px;
	
}

#main-footerline-frame-hp { /* main frame: internet main page ONLY */
	width: 955px;
	height: 2px;
	color:#555555;
	vertical-align:middle;
	margin: 0px 0px 0px 0px;
	text-align:right;
	font-weight:bold;
	border: 0px #708aa7 solid;
	
	
}
#main-navline-frame-hp { /* main frame: internet main page ONLY */
	width: 900px;
	color:#555555;
	margin-bottom:0px;
	height: 15px;
	text-align:left;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	border: 0px #708aa7 solid;
	vertical-align:middle;
	
	
}

#main-content-frame-hp { /* main frame: internet main page ONLY */
	width: 955px;
	height: 90px;
		text-align:left;
	padding: 0;
	margin: 0;
	border: 0px #708aa7 solid;
	background-image:url(/images/banner-updated.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}

#main-content-frame-hp2 { /* main frame: internet main page ONLY */
	width: 955px;
	text-align:left;
	height:120px;
	padding: 0;
	border: 0px #708aa7 solid;
	background-image:url(../images/banner-updated.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}

#main-content-frame-BrightStart { /* main frame: internet main page ONLY */
	width: 955px;
	text-align:left;
	height:120px;
	padding: 0;
	border: 0px #708aa7 solid;
	background-image:url(../images/bright-start.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}
#popup-content-frame-hp2 { /* main frame: internet main page ONLY */
	width: 640px;
	text-align:left;
	height:67px;
	padding: 0;
	background-image:url(../images/banner-small.jpg)
	border: 0px #708aa7 solid;
	background-repeat:repeat-x;
	background-position:top left;
}
#mainHeaderLogo
	{margin-left:10px;
	 height: 120px;
	 width: 400px;
	 }
	 
#mainHeaderLogo
	{margin-right:10px;
	 height: 120px; 
	 vertical-align:top;
	 }
#sub-content-frame-hp { /* sub-content frame: internet main page ONLY */
	padding: 10px 10px 10px 1px;
	margin: 0;
	text-align:left;
	border: 0px #708aa7 solid;
}

#formcontrols { 
	text-align:left;
	font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-size: 10px;
	vertical-align:middle;
}

.clickformorelink {
	color:#ccb038;
	font-size:12px;
	font-weight:bold;
	font-style:italic;}
/* #main-frame-bg-hp style is defined in 10 separate CSS files due to the rotating backgrounds */

/* ------------------------------------------------------------------------- */
/* --------------------- FOOTER BAR & COPYRIGHT STYLES --------------------- */
/* the following defines the footer section, copyright, and w3c compliance 
   sections as well as the connect2 block */

#ftr { /* footer bar container */
	width: 915px;
	height: 23px;
	float: left;
	display:inline;
	border: 0px solid #6091cb;
	padding-top:2px;
	color: #FFFFFF;
}

#ftr A{ /* footer bar container */
	color: #FFFFFF;
}

#ftr-padder { /* footer bar container padder: layout control */
	width: 955px;
	height: 24px;
	vertical-align:middle;
	background-color:#CCCC00;
	background-image:url(../images/footerline.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	border-top: 0px solid #6091cb;
}

#ftr ul { /* footer unordered list style */
	margin: 0px 0px 0px 0px;
	padding: 1px 15px 0px 0px;
	height: 18px;
	font-size: 10px;
	font-weight: bold;
	text-align: center
}

#ftr ul li { /* footer unordered list item style */ 
	list-style-type: none;
	display: inline
}

/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid. 
   Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
   
#ftr ul li a { /* footer unordered list item link style */
	float: left;
	padding: 0.2em 10px 0px 10px;
	font-size: 10px;
	text-decoration: none;
	border:0px;
}

#ftr ul li a:hover { /* footer unordered list item hover style */
	color: #333333;
	border:0px;
}

#ftr ul li a:visited { /* footer unordered list item hover style */
	border:0px;
}

#ftr-btt { /* 'back to top' button */
	width: 25px;
	height:24px;
	float:right;
	display:inline;
	padding-right:5px;
	border:0px;
}

#ftr-copyright { /* copyright information container */
	width: 280px;
	float:left;
	display:inline;
	padding: 5px 0px 5px 0px;
	border: 0px solid #000000;
}

#ftr-copyright-padder { /* copyright information container: layout control */
	width: 955px;
	padding: 0px 0px 0px 0px;
	height: 25px;
	border: 0px solid #6091cb;
}

#ftr-copyright-text { /* copyright information style */
	font-size: 9px;
	text-indent: 0px;
	text-align:left;
	float:left;
	display:inline;
	vertical-align:top;
	margin-top:0px;
	color:#666666;
	border: 0px solid #6091cb;
}

#ftr-lastupdate { /* last date page was updated */
	font-size: 9px;
	text-indent: 5px;
	text-align:right;
	padding: 0px 5px 0px 0px;
	float:right;
	display:inline;
	vertical-align:top;
	margin-top:0px;
	color:#666666;
	border: 0px solid #6091cb;

}

#ftr-compliance-padder { /* compliance information container: layout control */
	width:645px;
	float:right;
	display:inline;
	padding: 5px 7px 5px 0px;
	height:20px;
	border: 0px solid #000000;
	
}

#ftr-compliance { /* W3C compliance boxes */
	width: 175px;
	height:20px;
	float:right;
	margin: 2px 0px 0px 0px;
	vertical-align:middle
}

#ftr-vpn { /* toy block for Connect2 access */
	width: 20px;
	height:20px;
	float:right;
	background-color: #6091cb;
	vertical-align:middle;
	margin-right:0px;
}

#ftr-trailer { /* empty container for future content */
	width: 955px;
	height: 4px;
	background-color: #6091cb;
}
			   

.tab-status-selected { /* empty container for future content */
	text-align:center;
	background-color:#66CCFF;
	}
	
.tab-status-unselected { /* empty container for future content */
	background-color:#CCCCCC;
	color: #999999;
	text-align:center;}
	
<!--- This is the color tags --->
#green {color:#00FF00;}

.StatusText
	{font-family:"Courier New", Courier, mono;
	 font-size:12px;}