/*RESET===============*/
*{margin:0;padding:0}
iframe,a img/* ,fieldset,form */,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,dl,ol,ul{list-style:none}
legend{color:#222;  padding: 0 4px; margin: 0 10px; font-weight: bold; text-transform: uppercase;}
fieldset{border: 1px solid #ccc; padding: 4px 10px 10px; margin: 15px 0;}
button,select,textarea,input{font-size:100%}
table{border-collapse:collapse}
caption,th,td{text-align:left}


/*STYLES===============*/
body{background: url(../images/siteBG.jpg) no-repeat center top; font-family:"FreeSans", Arial, Helvetica, sans-serif; color: #222; font-size:12px; }
h1{position:absolute; width:715px;}
h2{font-size: 18px; font-weight: bold; line-height: 21px; color:#06a8f1; margin-top: 22px;}
h4{font-size: 15px; color: #727272; border-bottom:1px #999 solid; font-weight: bold; line-height: 18px; margin-bottom: 8px;}
h6{font-size: 12px; margin-top: 20px; font-weight: bold; text-transform: uppercase;}
h6,h5,h4,h3,h1{}
p{font-size: 12px; color: #222; line-height: 21px; margin: 0 0 8px 0;}
p.listAfterParagraph {margin: 0px;}
#maincol2 p, #callouts p{font-size: 11px; line-height: 16px;}
a{color: #06a8f1; text-decoration: none; font-weight: bold;}
a:visited{color: #06a8f1;}
a:hover{color: #222;}
hr {color: #ddd; margin-top: 14px;}


/*SEARCH FORM===============*/
#save_msg{font-size: 9px; color:#06a8f1; margin: 3px 0 0; font-style: italic;}
#err_msg{font-size: 9px; color: #999; font-style: italic; margin: 3px 0 0; text-transform: lowercase;}
input#query{border: 0 none; height:18px; float: right; width: 200px; padding: 0; margin: 0;}
input.button{background: url(../images/searchSubmit.jpg); width:22px; height: 18px; border: none; float: right; vertical-align: middle; }
form.searchform{float: left; width: 230px; margin:8px 0 0 15px; position: relative;}
#querySuggestList{margin: 20px 0 0 8px; left: 0px;}
form.searchform br {}


/*PAGE MAIN====================*/
#pageWrapper{width: 994px; margin: 0 auto;}


/*HEADER=======================*/
#header{float: left; width: 994px; height: 74px;}
h1#logo{float:left; background: url(../images/logo.gif) no-repeat; width: 160px; height: 47px; margin: 18px 0 0 4px; border: none;}
h1#logo a{display: block; width: 160px; height: 47px;}
#monthlyNewsletterSignup{width: 238px; float: right; margin: 20px 4px 0 0; font-family:"FreeSans", Helvetica, Arial, sans-serif; color: #727272; font-size:10px;}
.newsletterInput{height:15px; width: 200px; float: left; border: 1px #ccc solid; padding: 1px 0 0 0; margin: 2px 0 0;}
.goBtn{background: url(../images/go_btn.jpg) no-repeat left; width:20px; height:18px; border: none; margin: 2px 0 0; cursor: pointer; padding: 0; text-indent: -999px;}

#nav a:hover, #affiliations a:hover{background-position: bottom;}
#nav{float: left; width: 991px; background: url(../images/nav_bg.gif) no-repeat; height: 42px; padding: 3px 0 0 3px;}
#nav1{float: left; background: url(../images/nav_1.gif) no-repeat top; width: 125px; height: 37px; display: block;}
#nav2{float: left; background: url(../images/nav_2.gif) no-repeat top; width: 120px; height: 37px; display: block;}
#nav3{float: left; background: url(../images/nav_3.gif) no-repeat top; width: 126px; height: 37px; display: block;}
#nav4{float: left; background: url(../images/nav_4.gif) no-repeat top; width: 107px; height: 37px; display: block;}
#nav5{float: left; background: url(../images/nav_5.gif) no-repeat top; width: 112px; height: 37px; display: block;}
#nav6{float: left; background: url(../images/nav_6.gif) no-repeat top; width: 138px; height: 37px; display: block;}


/*MAIN AREA==================== */
ul#subnav{padding: 1px 0 0 2px;}
ul#subnav li{background: url(../images/subnav_bullet.gif) no-repeat left; margin: 8px 0;}
ul#subnav li a{padding-left: 18px; font-size: 15px; font-weight: normal;}
ul#subnav li a:hover{}

#mainContent{float: left; width: 966px; background: url(../images/pageBG_mid.gif) repeat-y; padding: 5px 14px 20px;}
#mainContentEndCap{float: left; width: 994px; background: url(../images/pageBG_bottom.gif) no-repeat; height: 14px;}
#maincol1{float: left; width:715px; padding: 0 0 0 5px;}
#maincol2{float: right; width: 225px; padding: 0 5px 0 0;}
#subPageTitle{height:40px; border-bottom:1px #999 solid; height: 25px; margin-top: 16px; margin-bottom: 8px; display:block;}
#subPageTitle h1, #subPageTitle h3{line-height: normal; border: none;}
div#maincol2 #subPageTitle h3{padding-top: 8px; position: absolute; width: 225px;}
#subPageTitle h3 a{color: #999;}
#maincol1 ul{padding: 0 0 5px 0;}
#maincol1 li{font-size:12px; line-height: 18px; margin:10px 8px 0; background: url(../images/listImage.gif) no-repeat left top; padding: 0 0 0 12px;}
#quote{font-size: 14px; font-style: italic; text-align: center; padding: 0 5px;}

a#blogTitle{font-weight: bold; color: #222222;}
a#blogTitle:visited{color:#222222;}
a#blogTitle:hover{color:#06A8F1;}


/*CONTACT FORM==================== */
#contactFormMidBG{background: url(../images/contactBG_mid.gif) repeat-y; padding-bottom: 5px;}
#contactForm{background: url(../images/contactBG_top.gif) no-repeat; /* height: 412px; */ width: 205px; padding:18px 10px 0; color: #fff; font-size: 11px; margin: 25px 0 0 0; line-height: normal;}
#contactForm p{color: #fff; font-size: 11px; font-weight: bold; margin:  0 0 4px 0; line-height: 13px;}
#contactForm .phoneNumber{font-size: 22px; font-weight: bold;}
#IEroot .contactSubmit, #IEroot .goBtn {font-size: 0; text-indent: 0; color: #fff; }
#contactForm #save_msg{color: #333; font-weight: bold;}
#contactForm #err_msg{color: #333; font-weight: bold;}
#contactForm .inputBG{width:205px; border: 0; background: #59b5dc; margin-bottom: 8px;}
#contactForm input{height: 14px; padding: 2px 0 0 0;}
#contactForm label{color: #fff; font-weight: bold;}
#contactForm .contactSubmit{background: url(../images/contactSubmit.gif) no-repeat left; width:73px; height:25px; border: none; margin: 4px 65px 0; cursor: pointer; padding: 0; text-indent: 0; color: #ccc;}
#contactForm form{padding-top: 4px;}
#contactForm ul{}
#contactForm li{ margin: 0px; padding: 0px; line-height: normal;}
#contactForm textarea{height: 58px;}
#contactFormBottom{background: url(../images/contactBG_bottom.gif) no-repeat; width: 225px; height: 8px; vertical-align: top;}


/*CALLOUTS==================== */
#callouts{float: left; width: 994px;}
#calloutbox{position:relative; float:left; width:202px; height: 120px; background: url(../images/calloutBox.gif) no-repeat; margin: 10px 0 0 0; padding:  55px 15px 0;}
#calloutbox img{position:absolute; right: 15px; top:0px;}
#callouts .callout1{}
#callouts .callout2{margin: 10px 22px 0;}
#callouts .callout3{margin: 10px 22px 0 0;}
#callouts .callout4{}


/*FOOTER==================== */
#footer{float: left; font-size: 9px; width: 994px; border-top:1px #ccc solid; padding: 10px 0 20px 0; margin: 22px 0 0 0;}
#footer a{font-weight: normal;}
#footerLinks {float:left; color: #06a8f1; margin: 0 0 0 0;}
#copyright{float: left; width: 520px; margin-top: 6px;}
#copyright a{color: #222;}
#copyright a:hover{color: #06a8f1;}
#affiliations{float: right; width: 460px;}

#educationProject{background: url(../images/educationProject.jpg) no-repeat top; width: 156px; height: 31px; display: block; float: left;}
#hybrydAds{background: url(../images/hybrydAds.jpg) no-repeat top; width: 112px; height: 31px; display: block; float: left; margin: 0 22px;}
#degreeChemistry{background: url(../images/degreeChemistry.jpg) no-repeat top; width: 145px; height: 31px; display: block; float: left;}