

/* All Styling except where noted Copyright (c)2007 ASTM International. */


/* ----- STYLING FOR NAV BAR WITH PERMISSION FROM STU NICHOLIS */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #111;}

.menu1 
{float:left;
width:100%;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#005b79;
}

.menu1 ul 
{padding:0;
margin:0;
list-style-type:none;}

.menu1 ul li 
{float:left; 
position:relative; 
background:url(images/divider1.gif) no-repeat top right;
color: #fff;}

/* Change color on bar */
.menu1 ul li a:link, .menu1 ul li a:visited 
{float:left; 
display:block; 
text-decoration:none;
color:#fff;  font-size: 100%;
padding: 2px 11px 2px 11px;
line-height: 20px; 
height:20px; 
border-right:1px solid #fff; }

/* Change rollover color on bar */
.menu1 ul li a:hover 
{width:auto;
background: #ffe5c5; color:#111; font-size:1.0em; text-decoration: none;
/*background-image: url(../images/30px_bg_on.gif);*/}

.menu1 ul li ul 
{display: none;}

.menu1 table 
{margin:0; 
border-collapse:collapse; 
font-size:1.25em; 
position:absolute; 
top:0; left:0;}


/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:23px;margin-top:1px; left:0;width:180px;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}

/* Change Text-size on menus */
.menu1 ul li:hover ul li a {
display:block;background:#ffe5c5;color:#333;font-size:.75em;height:auto;line-height:1.25em;padding:4px 10px; width:170px; border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;
}

/* Change BG color on menus */
.menu1 ul li:hover ul li a:hover {
color:#333; background-color:#67b1fc;
}

.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}


/* specific to IE5.5 and IE6 browsers */

[if lte IE8] .menu1 ul li a:hover ul {
display:block;position:absolute;top:24px; top:24px; background:#ffe5c5;left:0;
}

[if lte IE8] .menu1 ul li a:hover ul.endstop {
left: -92px;
}

/* Change Text-size on menus */
.menu1 ul li a:hover ul li a {
display:block;background:#ffe5c5;color:#333; font-size:.75em; height:1px; line-height:1.25em; padding:4px 10px; width:170px; width:170px; border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;
}

.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}


/* Change Background Color for Rollover on menus */
.menu1 ul li a:hover ul li a:hover {
color:#333; background: #67b1fc;
}

.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

/* END NAV BAR STYLING */



/* -------- IMAGES ----------*/

.quick_time {height:220px;}
.quicktime {height:200px; margin: 0px 20px 0px 0px;}

.sub_right_img, .sub_right_img a {width: 225;float:right;padding: 10px;padding-top:28px;}

.com_pic {padding: 0px 0px 10px 0px; margin: 0px;}
.pic_wrap { margin: 0px 10px 7px 0px; border: solid 1px #333333; float:left;}
.pic_wrap_more {border: solid 1px #333333;float: left;margin-top: 0px;margin-right: 10px;margin-bottom: 20px;margin-left: 0px;}
	
.border_top {  padding: 2px 0px 5px 0px; background-color:#ffe5c5;}
.border_none { padding: 2px 0px 2px 0px; background-color:#FFF;}
.img_wrap { float: left; 
margin: 0 10px 10px 0;}

.img_wrap_rt { float: right; 
margin: 0 0px 10px 10px;}

.bodycopy_gray p { margin: 9px 0;}
.bodycopy_gray ul { margin-left: 27px;}

/* -------- TEXT STYLES ----------*/
.bluenolinelinks_new { color: #0033cc; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.bodycopy { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 15px; vertical-align: top; }
.file_size { color: #4c4c4c; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 15px; vertical-align: top; }
.bodycopy_gray { color: #4c4c4c; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; }
.headline { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 15px; }
.qs_orange { color: #c30; font-size: 12px; font-family: verdana, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 15px; }
.boldblack { color: white; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.bottomlinks { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.headers { color: white; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; }
.smallblue_new { color: #0033cc; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.smallgray { color: #000000; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.subhead { color: #000; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 15px; }
.top_headline { color:#00457c; font-size: 18px; line-height: 1.25em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
.no_margin {margin: 0;}

#ForStudents { height: 70px; width: 120px; left: 100px; top: 98px; position: absolute; visibility: hidden; }
#ForProfessors { height: 65px; width: 120px; left: 187px; top: 95px; position: absolute; visibility: hidden; }
#Standards101 { height: 60px; width: 120px; left: 510px; top: 95px; position: absolute; visibility: hidden; }


/*join now button*/
.join {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top:5px; margin-left:0;}
.join a:link {background-color:#791801; text-decoration:none; color:#fff; padding: 5px 33px; margin:0; font-size: .75em;}
.join a:hover {background-color: #CCCCCC; color: #000;}


/*links*/
.container a:link 
{color: #0066cc;
font-size: 12px;
text-decoration: none;}

.container a:visited 
{color: #999999;
font-size: 12px;
text-decoration: none;}

.container a:hover 
{color:#791801;
font-size: 12px; 
text-decoration: underline;}

/*inside page vertical navbars*/
.nav_body
{ color: #fff; 
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
line-height: 15px; 
vertical-align: top; }

.nav_body a:link, .nav_body a:visited 
{ color: #fff; 
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
line-height: 15px; 
vertical-align: top;
text-decoration: none;}

.nav_body a:visted 
{color:#fff;
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
line-height: 15px; 
vertical-align: top;
text-decoration: none;}

.nav_body a:hover 
{color:#fff;
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
line-height: 15px; 
vertical-align: top;
text-decoration: underline;}


