body{font-family:Arial, Helvetica, Sans Serif;color: #333;font-size: 62.5%;margin: 0 !important;}
a img{border: 0;}
.hide{display: block;width: 1px;height: 1px;position: absolute;top: -2000px; left: -2000px;}
.clear{clear: both;}
.container{width: 990px;}
ul, ol, li{padding:0;margin:0}
a{color: #369;}
a:hover{color:#036;}
.coverBg{background-color: #fff;margin: 0;}

/*heading and main navigation*/
#heading{float: left;clear: both;padding: 9px 0 0 13px;display:block;}
#heading img{display: block;}
#heading #logo{float: left;}

#mainNavigation{display: block !important ;height: 53px;padding-left: 15px;background: url('images/bg_menuLeft.gif') top left no-repeat;float: right;margin: 0;width:707px; list-style-type: none;}
#mainNavigation li{float: left; margin: 0px 4px 0 0; display: block;}
#mainNavigation li a { display: block; font: bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-decoration:none; padding: 8px 8px 5px 8px; }
#mainNavigation li a:hover {color: #660000 !IMPORTANT; background-color: #F7EED0 !IMPORTANT; border-bottom: 1px dotted #660000; }

ol#utilNav{float: right;margin:0;font-size:1em;width:100px;float:right;}
ol#utilNav li{display: block;float: left;margin-left: 15px;}
ol#utilNav li a{padding: 0 10px;background: url('images/bullet_greyPlus.gif') left top no-repeat;color: #666;text-decoration: none;}
ol#utilNav li a:hover{ color: #036 !important;}

/*left side Panel and sub navigation*/
#leftPanel{width: 250px;float: left;padding: 0 50px 0 20px;}
#leftPanel h2{font-size:1.1em; text-transform: uppercase;font-weight: bold;}

#subNav{padding: 40px 0 0 0;min-height: 170px;width: 205px;}
#subNav h2 a{color: #333;text-decoration: none;}
#subNav ol{margin-top: 10px;}
#subNav ol{list-style: none;padding-left: 0;}
#subNav ol li{text-indent: 0px;margin-left: 0px;}
#subNav ol li a{display: block;;background: url("images/bullet_blackSmArrow.gif") left top no-repeat;padding-left: 15px;color: #333;text-transform: uppercase;font-size:1em;text-decoration: none;text-indent: 0px;margin-bottom: 9px;line-height: 1.4em;}
#subNav ol li a:hover { color: #369;}
#subNav ol li a.current{font-weight: bold;color: #369;}

#map{margin-left: -20px;padding: 0px 0 80px 20px;width:300px;background: url("images/bg_orangeGrid.jpg") left bottom no-repeat;}
#map h2{color: #f90;line-height: 1.5em;width: 160px;}
#map p{font-size:1.2em;line-height: 1.4em;padding-right:100px}
#map ul{padding: 0;list-style: none;margin: -5px 0 20px;}
#map ul li{text-indent: -15px;margin-left: 15px;}
#map ul li a{padding: 0 0 0 15px;background: url("images/bullet_orangeArrow.gif") no-repeat;font-size:1.2em;color: #333; text-decoration: none;}
#map ul li a:hover { color: #069;}
#map ul li a img { padding-top: 15px; }

#change {background: #f90 url("images/bg_orangeCurveBtm.gif") left bottom no-repeat;width: 171px;padding:5px 29px 10px 10px;color: #fff;}
#change p{font-size:1.1em;line-height: 1.25em;}
#change ul{padding: 0;list-style: none;margin: -2px 0 10px;}
#change ul li{text-indent: -15px;margin-left: 15px;}
#change ul li a{padding: 0 0 0 15px;background: url("images/bullet_whiteArrow.gif") no-repeat left center;color: #fff;font-size:1.1em;}
#change ul li a:hover { color: #039;}

#page{margin-left: -10px;padding: 60px 0 40px 20px;width:300px;}
#page h2{color: #f90;line-height: 1.5em;width: 160px;}
#page p{font-size:1.2em;line-height: 1.4em;padding-right:100px}

.state #leftPanel #subNav{margin-bottom: 170px;}

/*center content*/
#content{float: right;width: 670px;margin-top: 0;}
#content h1{margin: 22px 0 10px 0;font:normal 23px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#333; letter-spacing: .02em;}
h1.mapTitle {clear: both;margin: 22px 0 10px 50px;font:normal 23px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#333; letter-spacing: .02em;}
#content h1 .headline2{font:normal 17px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#336699; letter-spacing: .04em;}
#content p{font-size:1.2em;line-height: 1.3em;}
#content h2{color: #036;font-size: 1.3em;}
#content h3{color: #ff9900; font:bold 13px "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing: .04em; text-transform:uppercase;}
#content ul{padding: 0;list-style: none;font-size:1.2em;}
#content ul li{padding: 0 0 0 15px;background: url("images/bullet_orangeArrow.gif") no-repeat left top !important;color: #333;margin-bottom: 10px;}
#content ul * a{padding: 0;list-style: none;}
#content ul li * a{text-indent: -15px;margin-left: 15px;}
#content #text{ clear: both;float: left;width: 400px;}
#content .headline2 { background: url("images/bullet_orangeBlue.gif") no-repeat top left; padding-left: 20px; margin-left: 10px;}

/*center content for specific pages*/ 
#content.mop {background:  url("images/bg_mop.gif") top right no-repeat; }
#content.mop #text{margin-top: 305px;}

#content.ourNationsChallenge{background: url("images/bg_challenge.gif") top right no-repeat; }
#content.ourNationsChallenge #text {margin-top: 115px;}

#content.about #text{margin-top: 95px;}
#content.about {background: url("images/bg_about.gif") top right no-repeat; }

#content.partners{background:  url("images/bg_partners.gif") top right no-repeat;}
#content.partners #text{margin-top: 120px;}
#content.partners a{color: #369;}
.partners .logo{float: left;display: block;padding: 10px 0 0px;clear: left;width: 120px;}
.partners h2.part{padding-left: 120px;margin-bottom: 5px;}
.partners h3.part{margin: -3px 0px 0;padding: 0 auto;font-size:1.2em;font-weight: normal;}
.partners p.part{margin-bottom: 15px;margin-top: 0;}
.partners .part{display: block;float: left;width: 260px;margin-left: 10px !important;}
.partners .fundingList{margin-top: -10px;}
.partners .fundingList li{padding-left: 0;background: none !important;margin-bottom: 4px;}
.partners .fundingList li a{text-decoration: none;}

#content.eduResources{background: url("images/bg_resources.gif") top right no-repeat;}
.eduResources #text{width: 700px;margin-top: 130px;}
.eduResources .square{width: 290px;display: block;float: left;padding: 30px;}
.eduResources .square h2{margin-bottom: 20px;}
.eduResources .square li a{background: none;padding: 0;}
.eduResources .square li{text-indent:0;margin-left:0;margin-bottom: 15px;}
.eduResources .outsideText{width: 500px;}
.eduResources #text{background: url("images/border_orangeDotted.gif") top center repeat-y;}
.eduResources p.coverBg{padding: 5px 0;}
.eduResources .bottom{background: url("images/border_orangeDottedH.gif") top left repeat-x;}
.eduResources .top.right a, .eduResources .bottom.left a{color: #f90;}
.eduResources .bottom.right a, .eduResources .top.left a{color: #369;}
.eduResources .bottom.left{clear: both;}

#content.home {width: 700px;margin-top: 40px;}
#content.home #text {width: 500px;}
#mainBottom { clear: both; margin-top: 5px;}
#mainLeft{padding-left: 30px;width: 305px;padding-top: 20px; position: absolute;}
#mainLeft #enews { margin-left: 10px;}
#mainLeft #change li { margin-top: 5px;}
.button{ background-color: #fff; border: 1px solid #69c; font: bold 12px Arial, Helvetica, sans-serif; color: #69c; padding: 2px 5px;}
.button:hover{ background-color: #69c; border: 1px solid #fff; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; cursor: pointer;}
#mainLeft #enews input { margin: 5px;}
#mainRight{width: 561px;float: right;margin-left: 60px;background: url("images/bg_mainOrangeMiddle.gif");margin-top: 10px;}
#mainRight img{display: block;}
#mainRight #mainMap{float: right;margin-right: 20px; margin-left: 10px;}
#mainRight p,#mainRight h2,#mainRight ul li{padding-left: 30px;width: 500px;display: block;margin: 0;}
#mainRight li a{font-size:1em !important}
#mainRight p,#mainRight h2{font-size:1.2em;}
#mainRight h2{color: #f90;text-transform: uppercase;width: 210px;margin-bottom: 20px;}
#mainRight ul li.first{padding-top: 20px;}
#mainRight ul{list-style: none;font-size:1.2em;}
#mainRight ul li{text-indent: -15px;margin-left: 15px;}
#mainRight ul li a{padding: 0 0 0 15px;background: url("images/bullet_orangeArrow.gif") no-repeat left center;color: #333;font-weight: bold;text-decoration: none;font-size:1.1em;}


/*map pages*/
#mapLinks{width: 670px;margin-top: 0;}
#mapLinks #col1 { margin-left: 50px; width: 900px; border-bottom: 1px dashed #F90; padding-bottom: 10px;}
#mapLinks .cols { float: left; margin-left: 50px;}
#mapLinks #col1:after { content: ""; display: block; height: 0; clear: both; }
#col1 h3 a{background: url("images/bullet_orangeArrow.gif") no-repeat left center;color: #333;text-decoration: none; padding: 2px 0 0 10px; font:bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: normal; }
#col1 h3 a:hover { color:#369;}

#mapLinks #col2 {  clear: both; margin: 20px 0 50px 120px; font: normal 1.2em/1.3em Arial, Helvetica, sans-serif;}
#mapLinks h3{color: #003366; font:normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing: .04em; margin-top: 50px;}
a.btt {background: url("images/bullet_orangeArrow.gif") no-repeat left center;color: #333;text-decoration: none; padding: 2px 0 0 10px;}
a.btt:hover { color:#369;}

#stateTable {font-size: 12px;background: #fff;width: 700px; border-collapse: collapse;text-align: center;}
#stateTable th{font-size: 11px;font-weight: bold;color: #036;padding: 10px 8px;border-bottom: 1px solid #F90;}
#stateTable td{color: #333;	padding: 9px 8px 3px 8px;border-bottom: 1px solid #B9E6F9;}

.state h1 img{margin-top: -5px;}
.state h1 img.arrow{margin: -3px 0 0;padding: 0 4px 0 1px;}
.state h1 .stateName{text-transform: uppercase;color: #f90;}

.state #content h2{color: #333 !important;font-weight: normal;text-transform: uppercase;margin-bottom: 0;}
.state #content p,
.state #content p a,
.state #content h3{color: #f90;}
.state #content p{margin-top: 0;}
.state #content ul li {background: none !important;margin: .2em;}
.state #content ul li a{color: #333;}
.state #content h2.stateAdmin{margin-top: 30px;}
.state #content h2.techCur,
.state #content h2.sciTech{font-weight: bold;margin: 30px 0 10px;}
.state #content ul.techCur li{padding: 0;}
.state #content .note{padding: 10px 20px;background-color: #ffe9c8;color: #900;margin: 20px 0;}
.state #content p.sciTech,
.state #content p.sciTech a{color: #333;}

#rightPanel.stateRtPanel p, #rightPanel.stateRtPanel h2, #rightPanel.stateRtPanel ul, #rightPanel.stateRtPanel img.border{background:url("images/bg_dottedLineMiddle.gif") top left repeat-y;padding-left:15px}
#rightPanel.stateRtPanel h2{color: #69c !important; padding: 5px 20px 10px;}
#rightPanel.stateRtPanel ul li a{color: #f90;font-size: 1em;text-decoration: none;padding-left: 15px;}
#rightPanel.stateRtPanel ul li a:hover{color: #69c;}
#rightPanel.stateRtPanel img {margin:0; padding:0;}

#content.news{background:url("images/bg_news.gif") top right no-repeat;}
#content.news h1{padding-bottom: 120px;}

#content.contact{background: url("images/bg_contact.gif") top right no-repeat;}
#content.contact h1{padding-bottom: 160px;}

#content.k12{ background:url("images/bg_k12.gif") top right no-repeat; }
#content.k12 h1{padding-bottom:340px;}
/*right Panel*/

#rightPanel{float: right;width: 176px;margin:15px 0 0;}
#rightPanel img{display:block;}
#rightPanel h2 { color:#036; font: normal 12px/17px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform:uppercase; letter-spacing:1px; padding: 15px 13px 15px 13px; margin:0;}
#rightPanel p,#rightPanel ul,#rightPanel img.border{padding-left:13px;padding-right:13px;padding-bottom:15px;margin:0;}
#rightPanel ul li{text-indent: -15px;}
#rightPanel ul li a{display: inline;padding: 0 0 0 15px;font-size:1em}

#ourNationsChallenge #rightPanel p,#ourNationsChallenge #rightPanel ul,#ourNationsChallenge #rightPanel img.border{background:url("images/bg_dottedLineMiddle.gif") top left repeat-y;}
#ourNationsChallenge #rightPanel ul li a{background: url("images/bullet_redArrow.gif") no-repeat left center;display: inline;}

#rightPanel.whitepaper {margin-top:150px}
#rightPanel.whitepaper p, #rightPanel.whitepaper h2, #rightPanel.whitepaper ul, #rightPanel.whitepaper img.border{background:url("images/bg_blueDotMid.gif") top left repeat-y;padding-left:15px}

#rightPanel.missing {margin-top:130px}
#rightPanel.missing p, #rightPanel.missing h2, #rightPanel.missing ul, #rightPanel.missing img.border{background:url("images/bg_dottedLineMiddle.gif") top left repeat-y;padding-left:15px}

#rightPanel.youCanHelp {background-color: #369;padding-right: 7px;margin-top: 105px;}
#rightPanel.youCanHelp p{color: #fff;font-size:1.1em;}
#rightPanel.youCanHelp a{color: #fff;font-weight: bold;}

#rightPanel.eieMap .map{ position: absolute; margin: 170px 0 0 -50px;}
#rightPanel.eieMap #rtText { margin: 360px 0 0 0;}
#rightPanel.eieMap img{display:block;}
#rightPanel.eieMap p, #rightPanel.eieMap h2, #rightPanel.eieMap ul, #rightPanel.eieMap img.border{background:url("images/bg_dottedLineMiddle.gif") top left repeat-y;padding-left:15px}

#eieTable { border-collapse: collapse; text-align: center; background:url("images/bg_dottedLineMiddle.gif") top left repeat-y; padding: 0 6px 35px 6px;}
#eieTable th { font-weight: bold; color: #333; background-color:#CCC; }
#eieTable td { color: #333; border-bottom: 1px solid #ccc; }

/*footer*/
#footer {padding: 45px 0 15px 20px !important; font-size:12px; clear: both; }
#subfooter { margin: 15px 20px !important; padding: 15px 0; border-top: 1px solid #d3d3d3;}
#subfooter, #footer { color:#666; font-size:11px; line-height:36px; }
#footer a, #subfooter a { text-decoration: none; color:#666; }
#subfooter h2 a { color:#666; }
#footer a:hover { color: #036; }
#footer a:hover, #subfooter a:hover { color: #036; text-decoration:underline; }
#footer .links { float:left; }
#subfooter h2 { display:inline; font-size:11px; }
#subfooter .address { float:left; }
#subfooter .address, #subfooter .address a, #subfooter .legal, #subfooter .legal a { color:#666; }
#subfooter .legal { float:right; }

/*quote image rules*/
.blue { color: #336699; }
.yellow { color: #fd7f03; }
.red { color: #96140F; }

#quote img { margin: -25px 0 0 430px; position: absolute; }
.quote { margin: 10px 10px 30px 5px; }
h4.quote  { font: bold 12px/19px Georgia, "Times New Roman", Times, serif; padding: 15px 0 0 0;}
h4.quote .credit { font: normal 12px/19px Georgia, "Times New Roman", Times, serif; color:#666; }

#abquote { margin: 40px 140px 0 180px; }
#abquote h4 { font: bold 14px/23px Georgia, "Times New Roman", Times, serif; }
#abquote h4 .credit { font: normal 12px/19px Georgia, "Times New Roman", Times, serif; text-transform:none; color:#333; }

#naquote { margin: 30px 240px 0 30px; }
#naquote h4 { font: bold 14px/23px Georgia, "Times New Roman", Times, serif; }
#naquote h4 .credit { font: normal 12px/19px Georgia, "Times New Roman", Times, serif; text-transform:none; color:#333; }

.noquote {margin-top: -100px;}

#events h3 { margin-bottom: 5px; color:#369; letter-spacing: .3px; font-size: 14px; text-transform: none;}
#events h4 {margin: 0 0 5px; font: bold 11px Arial, Helvetica, sans-serif; font-style:italic; }
#events p { margin-top: 0; font: normal 12px/18px Arial, Helvetica, sans-serif; }

.enews label { font: normal 12px Arial, Helvetica, sans-serif;}
.enews input { margin: 5px;}
.enews #errors { background-color: #f9c6c6; padding: 8px; border: 1px solid #ff3333; margin-bottom: 15px; color: #990000; background-image: none;}
#content.enews #errors ul li { list-style: inside disc; color: #990000; padding: none; background-image: none !important; margin-top: 5px;}
.enews #messages { background-color: #B3FFB3; padding: 8px; border: 1px solid #090; margin-bottom: 15px; color: #060; background-image: none;}
#content.enews #messages ul li { list-style: inside disc; color: #060; padding: none; background-image: none !important; margin-top: 5px;}
.enews .button { margin-left: 220px;}

#content.news #text h3 { color: #336699;}
#rss { float: right; background: url(images/feed-small.png) top left no-repeat; padding-left: 18px; }
#content.news ul { margin-top: 15px; clear:both;}
