/* CSS Document */

body { background:url(images/bg_tile.jpg) #FFFFFF repeat-x }

body, div {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:20px;}

a {color:#000099; text-decoration:none}
a:hover {color: #3399FF; text-decoration:underline;}
li {list-style-image: url(images/bullet.jpg); line-height:normal; margin-bottom:10px;}
li:hover {list-style-image: url(images/bullet-hov.jpg)}

div.page; div.text, html, body { width:100%; height:100% }

div.page {width:850px; min-height:650px; margin:0 auto; background:#FFFFFF}

div.text {height:auto; background:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:10px; color:#666666; margin:15px auto; line-height:normal;}

h1 {font-size:18px; color: #669933; font-weight:800; margin-top:20px; clear:left; border-bottom:#999999 1px dashed; padding:20px 0 7px 0;}
h2 {font-size:16px; color:#669933; font-weight:800; margin-top:0px; clear:left;}
h3 {font-size:14px; color:#669933; font-weight:400; margin-top:0px; clear:left;}

#offerings img {float:left; margin-right:15px; margin-bottom:15px;}

#mainCopy {margin:15px; width:820px; border-bottom:dashed #33CC00 1px}
#home #mainCopy {margin:15px; width:344px; border-bottom:dashed #33CC00 1px}


#nav {width:850px; height:33px; background:url(images/nav/tile.gif) repeat-x}
#nav ul, #nav li, #nav li li {display:block; list-style:none; margin:0; padding:0;}
#nav ul li {height:33px; float:left;}
#nav ul li a {display:block; text-decoration:none; height:100%; width:100%;}
#nav ul li ul li a {display:block; height:100%; width:100%; text-decoration:none; color:#FFFFFF;}
#nav li li:hover, #nav li.sfhover {background:#FFFFFF; color:#333333; border-color:#666666}
#nav li li:hover a, li.sfhover {color:#333333;}
#nav li li.sfhover a {color:#333333;}
#nav ul ul {position:absolute; display:none; width:150px; list-style:none; margin:0; padding:0;}
#nav li li {float:left; color:#FFFFFF; padding:3px; background:#666666; border:#FFFFFF 1px solid; border-top:none; line-height:13px; font-size:12px; width:150px; height:auto;}
#nav li:hover ul, #nav li.sfhover ul {display:block;}


#nav a.product {background: url(images/nav/product_off.gif) no-repeat; width:153px; height:33px;}
#nav a.product:hover {background: url(images/nav/product_on.gif);}

#nav a.effective {background: url(images/nav/effective_off.gif) no-repeat; width:196px; height:33px;}
#nav a.effective:hover {background: url(images/nav/effective_on.gif);}

#nav a.study {background: url(images/nav/study_off.gif) no-repeat; width:152px; height:33px;}
#nav a.study:hover {background: url(images/nav/study_on.gif);}

#nav a.federal {background: url(images/nav/federal_off.gif) no-repeat; width:195px; height:33px;}
#nav a.federal:hover {background: url(images/nav/federal_on.gif);}

#nav a.used {background: url(images/nav/used_off.gif) no-repeat; width:154px; height:33px;}
#nav a.used:hover {background: url(images/nav/used_on.gif);}

#bnav {margin:15px auto; clear:both; width:auto;}
#bnav ul, #bnav li {padding:0; margin:0; list-style:none;}
#bnav li {display:block; float:left; width:186px; font-size:11px; line-height:13px;padding:13px}
#bnav h1 {background:url(images/button-bg.jpg) no-repeat; display:block; width:160px; height:14px; padding:6px 0 6px 26px; margin-bottom:15px;font-size:12px; line-height:14px; color:#FFFFFF}
#bnav a {text-decoration:none; color:#666666; width:100%; height:100%;}
#bnav img {padding-right:6px; float:left;}

#foot {background:url(images/footer-bg.gif) repeat-x; height:21px; width:850px; margin-top:15px;}

#bigList, #bigList ul {width:800px; list-style:none; margin:0; padding:0; font-size:12px; line-height:18px}
#bigList li {list-style-image:none; width:336px; float:left; display:block; border:#999999 dashed 1px; padding:15px; margin:15px; height:200px}
#bigList h3 {font-size:18px; color:#000099;}
#bigList #one {background:url(images/icons/odered_bg-1.jpg) bottom right no-repeat}
#bigList #two {background:url(images/icons/odered_bg-2.jpg) bottom right no-repeat}
#bigList #three {background:url(images/icons/odered_bg-3.jpg) bottom right no-repeat}
#bigList #four {background:url(images/icons/odered_bg-4.jpg) bottom right no-repeat}
#bigList #five {background:url(images/icons/odered_bg-5.jpg) bottom right no-repeat}

#midList {width:820px; margin:0 0 30px 0; padding:0; position:relative;}
#midList li {width:270px; margin:0; padding:0; display:block; float:left;list-style:none; position:relative;}
#midList li ul {width:120px; margin:0; padding:0; display:block; list-style:none; position:relative; left:100px; height:100px; padding:10px; margin-top:-30px; border:#999999 dashed 1px; background-color:#FFFFFF}
#midList li ul li {width:120px; margin:0; padding:0; list-style: url(images/bullet.jpg) outside; padding-bottom:7px; line-height:normal;}
#midList h1 {width:120px;}

#contactForm {margin:0 15px 15px 15px; padding:15px; float:right; border:#999999 1px dashed; width:415px;}
#contactForm ul {width:400px; margin-left:0; display:block; list-style:none;}
#contactForm li {width:100%; display:block; margin-bottom:10px; list-style:none; display:block; height:20px; clear:both;}
#contactForm label {width:130px; display:block; float:left; text-align:right; padding-right:15px;}
#contactForm input, #contactForm textarea {width:220px; float:left; margin:0;}

/*This is for OPT Only*/

#opt {
	display: none;
}