@import url(reset.css);

html {background-color: #D5DDDB; font-size: 100.01%; text-align: center;}

/* centers content in the browser window */
body {
	color: #232323;
	font-family: "Frutiger", "Unvers", "Helvetica Neue", arial, helvetica, sans-serif;
	position: relative;
	text-align: left;
}

body, #mainHead, .mainNav {margin: 0 auto; width: 760px;}

/* main content font size */
table td, p, ul {font-size: 0.75em; line-height: 1.5; margin-bottom: 1.125em; word-spacing: 0.125em;}
ul ul li {font-size: 1em; margin-bottom: 1.125em;}

.sub-info, .note {font-size: 0.750em; line-height: 1.5em; margin: 0 1.5em 1.5em 1.5em;}


.clear {font-size: 1px; height: 1px}

/* Frame 
-----------------------------------------------------------------------------------------------------------*/
/* Sets text and navigation position */
/* sets the page logo and header */
#mainHead {
	background: url(images/stw_logo.gif) no-repeat 99% 0;
	margin: 0 0;
	background-color: #fff;
	position: relative;
	z-index: 1000;
}
#mainHead h1 {display: block; height: 5px; line-height: 0; margin-bottom: 0;padding: 1.8em 0 0.9em 0; }

/* page layout defined below */
#content {
	background-color: #ffffff;
	border-right: 2px solid #C0CBC9;
	border-bottom: 2px solid #C0CBC9;
	position: relative;
	width: 100%;
}

.material, .navigation {position: absolute; top: 0;} 
.material	{background-color: #fff; left: 190px; width: 570px;} 
.frame {padding: 1.5em;}

/* navigation/references column */
.navigation {left: 0; width: 190px;}
.navigation	{top: 2.25em;}

/* changes tallest element position to relative and siblings to absolute */
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */


/*  =table setup - change these settings to alter the color/look and feel of the table element */
table {border-right: 0.063em solid #999; display: block; margin-bottom: 1.286em; table-layout: auto;}
caption {font-size: 0.75em; line-height: 1.5em; margin: 0 auto; text-align: left;}
th {background-color: #727884; border-left: 0.0625em solid #999; color: #fff; font-size: 0.875em; font-weight: bold; line-height: 1.286em; text-align: center;}
td {border-bottom: 0.063em solid #999999; border-left: 0.063em solid #999; padding: 0.643em;}


.contentSimple {
	display: block;
	left: 0;
	position: relative;
	width: 100%;
}

/* list style and margins */
.frame ol, .frame ul {margin-left: 2.5em;}
.frame ol {list-style-type: decimal;}
.frame ul {list-style-type: square;}
.frame ul ul {list-style-type: disc; margin-top: 1.5em;}


/* Determines the appearance of all of the header tags*/
h1 {color: #34356F; font-size: 1.25em; line-height: 0.9; margin: 1.8em 0 0.9em 0; text-indent: 10px;} /* font-size: 18px */
h2 {color: #0073BD; font-size: 1.125em; line-height: 1; margin: 0 0 1em 0;} /* font-size: 16px */
h2 em {color: #b1b3b6; margin-right: 0.875em;} /* font-size: 16px */
h3 {color: #34356F; font-size: 1em; line-height: 1.125; margin: 1.125em 0 0 0;} /* font-size: 14px */
h4 {color: #3a3a3a; font-size: 0.875em; line-height: 1.286; margin: 0 0 1.286em 0;} /* font-size: 12px */
h5 {font-size: 0.875em; line-height: 1.286; margin: 0 0 1.286em 0;} /* font-size: 12px */
h6 {color: #0073BD; font-size: 0.875em; line-height: 1.286; margin: 0 0 1.286em 0;} /* font-size: 12px */

h3.event {clear: both !important; color: #B4662E; display: block; margin: 1.125em auto; text-align: center; width: 375px;}

.objective {display: block;}
.objective p {float: left; width: 370px;}
.objective img {float: right; padding-left: 1.125em;}

/* determines color and actions of the links on the page (a:link, a:visited, a:hover) */
a:link, a:visited, a:active, a:focus {
	color: #B4662E;
	text-decoration: none;
	font-weight: 600;
}

/* overrides decoration from previous rule for hovered links */
a:hover {
	color: #6F452B;
	text-decoration: underline;
	font-weight: 600;
}

/* Main Navigation */
.mainNav {
	background: url(images/bckgrd_nav3.gif) repeat-x 0 0;
	position: relative;
	z-index: 100;
	/*border-bottom: 2px solid #4857AA;*/
}
.mainNav img {border-top: 2px solid #84B0B9; left: 0; position: inherit; top: 0;}

/* tab colors defined here 
#home {background-color: #E2B322; width: 95px;}
#schools {background-color: #B4662E; width: 95px;}
#presenters {background-color: #AF402A; width: 190px;}
#video {background-color: #34356F; width: 95px;}
.choc {background-color: #6F452B;}*/

/* look and feel of the navigation bar defined here */

ul#menu { width: 100%; height: 43px; background: transparent url("images/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover {color: #FFF; background: #FFF url("images/current-bg.gif") top left repeat-x; padding: 5px 15px 0;}
ul#menu li a.current {  }
ul#menu li a.home { color: #FFF; background: #FFF url("images/home-bg.gif") top left repeat-x; padding: 6px 15px 0; }
ul#menu li a.students { color: #FFF; background: #FFF url("images/students-bg.gif") top left repeat-x; padding: 6px 15px 0; }
ul#menu li a.schools { color: #FFF; background: #FFF url("images/schools-bg.gif") top left repeat-x; padding: 6px 15px 0; }
ul#menu li a.present { color: #FFF; background: #FFF url("images/present-bg.gif") top left repeat-x; padding: 6px 15px 0; }
ul#menu li a.video { color: #FFF; background: #FFF url("images/video-bg.gif") top left repeat-x; padding: 6px 15px 0; }

/* sets the secondary navigation */
.navigation h2 {position: absolute; text-indent: -9999px;}

ul.resources  {
	font-size: 0.625em;
	margin: 0 5px;
	padding: 0 0;
}

ul.resources li {
	list-style-type: none;
	background-color: #BFD0CB; /*Default menu color*/
	border-bottom: 0.125em solid white;
}

ul.resources li a:link, ul.resources li a:visited, ul.resources li a:active, ul.resources li a:focus {
	background: #BFD0CB url(images/bullet_over.gif) no-repeat 4px 50%;
	color: #fff;
	display: block;
	padding: 3px 1px 3px 12px;
	text-decoration: none;
}

ul.resources li a:hover{
	background: #84B0B9 url(images/bullet_over.gif) no-repeat 4px 50%;
	text-decoration: none;
}

.resources .current a{ /*currently selected tab*/
	background-color: #727884; 
	border: 0.0625em solid #727884; 
}

/************************************************ sets the style for the forms *********************************************/
input.invalid {
  background-color: pink;
}
strong.error {
  color: #760000;
}

/* Forms ------------------------------*/
form, fieldset, ol {
	margin: 0;
	padding: 0;
	font: small normal "Verdana", Arial, Helvetica, sans-serif;
}

input, textarea {font: small normal "Verdana", Arial, Helvetica, sans-serif;}

/**** clears floated elements and places following elements back into the document flow ****/
.clear, form p {
	clear: both;
	padding-top: .5em;
}

/**** gives listed labels and input padding ****/
form fieldset li {
	list-style: none;
	padding: 3px 10px;
	margin: 0 0;
}

fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	color: #0073BD;
}

/**** required field color ****/
form em {color: #760000;}	

/**** determines width of the label element for each field: micro = radio, macro = text ****/
.macro label {width: 12em; float:left; margin: 0; font-weight: 600;}

.cmxform li h3 {font-size: 100%; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0; padding: 0 0; display: inline;}
.cmxform li p {margin: 0 0; padding: 0 0 0 30px; font-weight: normal;}

/**** sets the width of single line input fields ****/
input[type="text"] {
	width: 200px;
}

input[type="checkbox"] {
	width: 20px;
}


/**** establishes textarea uniform width and heighth ****/
textarea {
	width: 400px;
	height: 100px;
}

/**** sets up the border and size of the textarea ****/
input[type="text"], textarea {
	border-top: 2px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #999;
}

/**** hightlights field currently selected (for text inputs only) ****/
input:focus, textarea:focus {
	background: #ffc;
}

/**** setup for checkbox on the TEDS request form ****/
.category {
	width: 49.9%;
	float: left;
}

.category h5 {background-color: #dedede; text-indent: 5px; padding: 2px 0; border-right: 1px solid #fff;}

/* IES footer */
address {
   clear: both;
   font-size: 10px;
   font-style: normal;
   line-height: 120%;
   text-align: center;
   color: #454545;
   padding-top: 8px;
}

address .comment {
   background:(images/icon_comment.gif) no-repeat left 50%;
   padding-left: 15px;
}

address .contact {
   background: url(images/icon_alert.gif) no-repeat left 50%;
   padding-left: 15px;
}

address .mailstop {
   background: url(images/icon_email.gif) no-repeat left 50%;
   padding-left: 15px;
}

address .update {
   background: url(images/icon_save.gif) no-repeat left 50%;
   padding-left: 15px;
}