body  {font-family: arial, helvetica, verdana, geneva, sans-serif; font-size: .8em; background-color: #78BDEB; color: #666666; margin: 0px; text-align: center;}

TEXTAREA {font-family: arial, helvetica, verdana, geneva, sans-serif;}

img  {display: block; border: 0px;}
  img.leftImage  {float: left; margin: 0px 10px 10px 0px;}
  img.rightImage  {float: right; margin: 0px 0px 10px 10px;}
img.noblock {display: inline; border: 0px;}

img.involved {float:right;margin: auto 3px auto 5px;}
  
a  {text-decoration : underline; color: #178C9E;}
  a:hover  {text-decoration : none; color : #E22C21;}
a.redlinksmall {text-decoration: underline; color:#EE3A43;font-size:1.1em; font-weight: bold;}
  a.redlinksmall:hover{text-decoration : none;}
a.homepagelink {font-size: 1.1em; font-weight: bold;}

.smalltext {font-size:.8em;}
 
p  {margin: 0px 0px 10px 0px;}

br {line-height: 7px;}

form  {margin: 0px;}

.frmbutton {background-color:#0093CF;color:#FFFFFF;font-weight:bold;}

h1  {display: block; height: 34px; font-size: 1.9em; color: #e22c21; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px;}
h2  {font-size: 1.1em; margin: 0px 0px 10px 0px; color: #003366;}
  h2.home  {font-size: 1.1em; margin: 0px 0px 10px 0px; color: #22a1d6;}
  h2.home_leaflet {font-size: 1.1em; margin: 10px 0px 10px 0px; color: #22a1d6;}

h3  {font-size: 1.1em; margin: 0px 0px 10px 0px; color: #0093D0;}
h4  {background-color:#EE3A43;width:310px;font-weight:bold;font-style:italic;font-size:1.4em;color:#FFFFFF;padding:2px;}
h5  {font-size: .8em; margin: 0px;}
h6  {font-size: .7em; margin: 0px;}
h7  {font-size: 1.5em;color:#FFFFFF;font-weight:bold;background-color:#0093D0;}
h8  {font-size: 1.2em;color:#EE3A43;font-weight:bold;}


.evaluation_main_section  {font-size: 1.5em;color:#FFFFFF;font-weight:bold;background-color:#0093D0;}

.evaluation_question  {font-size: 1.2em;color:#0093D0;;font-weight:bold;font-style:italic;}

h2.lightblue   {color:#0093D0;font-size:1.3em;font-weight:bold;}
h2.red {color:#EE3A43;font-size:1.3em;font-weight:bold; margin: -10px 0px 0px 0px;}


.sub_title {display: block; height: 34px; font-size: 1.9em; color: #e22c21; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px;background-color:#EE3A43;}
.textsmallblack {color:#000000;font-size:0.9em;}

.clearAll  {clear: both;}
.floatRight {float: right;}
.floatLeft {float: left;}
.floatLeftPad {float: left; margin: 0px 5px 0px 0px;}

.bolditalic {font-weight:bold;font-style:italic;}

.centered  {text-align: center;}


p.nospace {margin: 0px auto 0px auto;}
ul.nospace {margin: 0px 20px 0px 20px;}


ul  {margin: 0px 0x 10px auto;}
ul.spacedout  {margin: 0px 0x 10px 0px;}
  ul.spacedout li  {margin: auto auto 10px auto; list-style: none;}
  
ul.arrowlist {list-style-image: url(images/link_arrow.gif);}

ul.sitemap li {margin: 10px auto 10px auto;}

#siteContainer  {width: 770px; background-color: #FFFFFF; margin: 0px auto 0px auto;}
  #siteContainer #pageContainer  {width: 770px; background: url(images/frame_bg.jpg) repeat-y 0px 0px; text-align: center;}
    /* site header */
    #siteContainer #pageContainer #headerImage  {background: url(images/header.jpg) 0px 0px; width: 708px; height: 208px; margin: 0px auto 0px auto; text-align: right;}
      #siteContainer #pageContainer #headerImage #topNav  {float: right;padding:0px 125px 0px 0px;}
        #siteContainer #pageContainer #headerImage #topNav #topNavLinks  {float: left; height: 25px;text-align: left;}
          #siteContainer #pageContainer #headerImage #topNav #topNavLinks a  {float: left; font-size: .9em; text-decoration: none; margin: 14px 14px 0px 0px; display: block; color: #003366; padding: 1px 3px 2px 4px;}
            #siteContainer #pageContainer #headerImage #topNav #topNavLinks a:hover  {font-weight:bold;}
            #siteContainer #pageContainer #headerImage #topNav #topNavLinks a #iconHome  {float: left; margin: 0px 4px 0px 0px;}
            #siteContainer #pageContainer #headerImage #topNav #topNavLinks a #iconContact  {float: left; margin: 1px 4px 0px 0px;}
            #siteContainer #pageContainer #headerImage #topNav #topNavLinks a #iconSitemap  {float: left; margin: 1px 4px 0px 0px;}

    /* site sub_header*/
    #siteContainer #pageContainer #headerImage_sub  {background: url(images/header_sub.jpg) 0px 0px; width: 708px; height: 119px; margin: 0px auto 0px auto; text-align: right;}
      #siteContainer #pageContainer #headerImage_sub #topNav  {float: right;padding:0px 125px 0px 0px;}
        #siteContainer #pageContainer #headerImage_sub #topNav #topNavLinks  {float: left; height: 25px;text-align: left;}
          #siteContainer #pageContainer #headerImage_sub #topNav #topNavLinks a  {float: left; font-size: .9em; text-decoration: none; margin: 14px 14px 0px 0px; display: block; color: #003366; padding: 1px 3px 2px 4px;}
            #siteContainer #pageContainer #headerImage_sub #topNav #topNavLinks a:hover  {font-weight:bold;}
            #siteContainer #pageContainer #headerImage_sub #topNav #topNavLinks a #iconHome  {float: left; margin: 0px 4px 0px 0px;}
            #siteContainer #pageContainer #headerImage_sub #topNav #topNavLinks a #iconContact  {float: left; margin: 1px 4px 0px 0px;}
            #siteContainer #pageContainer #headerImage_sub #topNav #topNavLinks a #iconSitemap  {float: left; margin: 1px 4px 0px 0px;}    


    /* main nav */
    #siteContainer #pageContainer #mainNav  {width: 165px; height: 18px; margin: 0px auto 0px 5px; padding: 5px 0px 5px 0px; list-style: none;}


      #siteContainer #pageContainer #mainNav a {display: -moz-inline-block; display: inline-block; height: 18px; color: #FFFFFF; font-weight: bold; font-size: 1.1em; text-decoration: none; padding: 6px 0px 6px 5px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #FFFFFF;width:150px;margin:6px 0px 6px 5px;}
        #siteContainer #pageContainer #mainNav a:hover {color: #d0d659;}
      #siteContainer #pageContainer #mainNav a.last {display: -moz-inline-block; display: inline-block; height: 35px; color: #FFFFFF; font-weight: bold; font-size: .9em; text-decoration: none; padding: 2px 10px 0px 10px; border-style: none; border-width: 0px 1px 0px 0px; border-color: #FFFFFF;}
        #siteContainer #pageContainer #mainNav a.last:hover {color: #d0d659;}
      
      
      /* all lists */
      #siteContainer #pageContainer #mainNav ul {margin: 0px; padding: 0px; list-style: none;}
      #siteContainer #pageContainer #mainNav ul li ul {margin: 0px; padding: 0px; list-style: none;}
      /* all list items */
      #siteContainer #pageContainer #mainNav li {margin-left: 0px; float: left; position: relative; z-index: 10;}
      /* second-level lists */
      #siteContainer #pageContainer #mainNav li ul {position: absolute; background-color: #178C9E; left: -999em;}
      #siteContainer #pageContainer #mainNav li ul li ul {position: absolute; background-color: #6cb6c1; left: -999em;}
      /* second-level lists */
      #siteContainer #pageContainer #mainNav li ul li {width: 190px; margin-left: 0px; color: #1C7523; clear: both;}
      /* second-level lists */
      #siteContainer #pageContainer #mainNav li ul li a  {width: 168px; border: 0px; display: block; height: auto; text-align: left; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #FFFFFF; padding: 2px 10px 2px 10px; margin: 0px;}
      #siteContainer #pageContainer #mainNav li ul li ul li a  {width: 168px; border: 0px; display: block; height: auto; text-align: left; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #FFFFFF; padding: 2px 10px 2px 10px; margin: 0px;}
      #siteContainer #pageContainer #mainNav li ul li ul li a.last  {width: 168px; border: 0px; display: block; height: auto; text-align: left; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #FFFFFF; padding: 2px 10px 2px 10px; margin: 0px;}
      
      /* lists nested under hovered list items */
      #siteContainer #pageContainer #mainNav li:hover ul, #siteContainer #pageContainer #mainNav li.snHover ul  {left: 0px; top: 36px;}
        #siteContainer #pageContainer #mainNav li:hover ul.nav_diary, #siteContainer #pageContainer #mainNav li.snHover ul.nav_diary  {left: -24px; top: 36px;}
        #siteContainer #pageContainer #mainNav li:hover ul.nav_resources, #siteContainer #pageContainer #mainNav li.snHover ul.nav_resources  {left: -74px; top: 36px;}
      /* ensure tier2 nav remains hidden */
      #siteContainer #pageContainer #mainNav li:hover ul li ul, #siteContainer #pageContainer #mainNav li.snHover ul li ul  {left: -999em;}
      
      #siteContainer #pageContainer #mainNav li ul li:hover ul, #siteContainer #pageContainer #mainNav li ul li.soHover ul {left: 189px; top: -1px;}
        #siteContainer #pageContainer #mainNav li ul li:hover ul.sub_left, #siteContainer #pageContainer #mainNav li ul li.soHover ul.sub_left {left: -189px; top: -1px;}

    /* main content */
    #siteContainer #pageContainer #mainContent  {width: 707px; text-align: left; margin: 0px auto 10px auto; padding: 0px 0px 0px 1px;background-color:#FFFFFF;}
      #siteContainer #pageContainer #mainContent #leftColumn  {float: left; width: 170px; text-align: left; margin: 0px 20px 0px 0px;background-color:#FFFFFF;}
      #siteContainer #pageContainer #mainContent #leftColumn #leftcolumn_content {text-align:center;background-color:#FFFFFF;padding:0px 5px 0px 5px;}

    /* main content sub*/
    #siteContainer #pageContainer #mainContent_sub  {width: 707px; text-align: left; margin: 0px auto 10px auto; padding: 0px 0px 0px 1px;background-color:#FFFFFF;}
      #siteContainer #pageContainer #mainContent_sub #leftColumn_sub  {float: left; width: 170px; text-align: left; margin: 0px 20px 0px 0px;background-color:#FFFFFF;}
      #siteContainer #pageContainer #mainContent_sub #leftColumn_sub #leftcolumn_sub_content {text-align:center;background-color:#FFFFFF;padding:0px 5px 0px 5px;}


          
      #siteContainer #pageContainer #mainContent #fullMainColumn  {text-align:left;padding:10px 0px 0px 0px;}
      #siteContainer #pageContainer #mainContent_sub #fullMainColumn_sub  {text-align:left;padding:10px 0px 0px 0px;width:516px;left;170px;position: relative;float:right;}


      #siteContainer #pageContainer .home_box {float:right;width:516px;}
        #siteContainer #pageContainer .home_box_title {background-color:#EE3A43;width:320px;font-weight:bold;font-style:italic;font-size:1.2em;color:#FFFFFF;position: relative; left: 0px; top: 0px; z-index:10;margin:10px 0px 0px 0px; padding: 4px;}
          #siteContainer #pageContainer .home_box_content {background-color:#EE3A43;float:left;width:485px;background-color:#FFFFFF;position: relative: left: 0px; top: -5px; z-index: 1;border: 1px solid #EE3A43;}    
            #siteContainer #pageContainer .home_box_content .home_box_image {float:right;width:168px;}
            #siteContainer #pageContainer .home_box_content .home_box_text {float:left;width:306px;padding: 5px;}
              #siteContainer #pageContainer .home_box_content .home_box_text a {font-weight: bold; font-size: 1.1em;}
      
    /*LESSON PLAN TABLE*/
    .standardtable TD {vertical-align:top;background-color:#E1DEDE;padding: 4px;border-color:#999999;border-width:1px 1px 1px 1px;border-style:solid;}
      .standardtable TR.title {font-weight:bold;font-size: 1.1em;}
        .standardtable TD UL LI {margin: 3px 3px 10px -10px;} 
   
    
    /*FORM TABLE*/
    .formtable {width:100%;}
    .formtable TD {padding:4px;vertical-align:top;}
    .formtable TD.title {font-weight:bold;font-style:italic;background-color:#0093CF;width:180px;color:#FFFFFF;}
    .formtable .top_title{text-align:center;background-color:#E1DEDE;font-weight:bold;font-size:.9em;}
    .formtable .entry_center {text-align:center;vertical-align:middle;background-color:#E1DEDE;}
    .formtable TD.titleerror {font-weight:bold;font-style:italic;background-color:#e22c21;width:180px;color:#FFFFFF;}
    .formtable TD.entry {background-color:#E1DEDE;font-size:.9em;}
    .formtable TD.submitentry {font-size:.9em;}    
      .formtable INPUT, SELECT {font-size: .9em;}
      .formtable TEXTAREA {width:300px;height:120px;font-size:1.0em;} 


    /* NEWS */
    .newsItem  {border: 1px solid #e6e6e6; padding: 5px; margin: 0px 0px 10px 0px; background-color: #f7fdff;}
    .references  {border: 1px solid #e6e6e6; padding: 5px; margin: 0px 0px 10px 0px; background-color: #f7f7f7; font-weight: bold; font-size: .85em;}
      .references h3  {font-size: 1.2em; color: #666666;}
      
      /* SITEMAP STYLE */
      #siteContainer #pageContainer #mainContent #sitemap li {list-style: none; margin: 0px 0px 0px 0px; font-size: 1.3em;}
        #siteContainer #pageContainer #mainContent #sitemap li ul li {list-style: none; margin: 0px 0px 0px -25px; font-size: .8em;}
          #siteContainer #pageContainer #mainContent #sitemap li ul li a.indent {margin: 0px 0px 0px 10px;}      
    
    /* footer */
    #footer  {width: 770px; height: 16px; margin: 10px auto 0px auto; background-color: #E0E0E0; font-size: .8em; padding: 4px 0px 0px 0px;color:#003366;}
      #footer a {color:#003366;}
    #footerLinks  {width: 770px; margin: 10px auto 0px auto; font-size: .8em; padding: 0px 0px 0px 0px;}
     #footerLinks a {text-decoration: none; color: #003366; font-weight: bold;}
        #footerLinks a:hover {color: #FFFFFF;}
     
    /*MAIN_NAVIGATION*/   
      
      .glossymenu {background-color: #0093D0;}
      .glossymenu, .glossymenu li ul{ list-style-type: none; margin: 0; padding: 0; width: 160px;z-index:11;}
      .glossymenu li{ position: relative;background-color: #0093D0;z-index:11;padding:0px 2px 0px 2px;}
      .glossymenu li ul{position: absolute; width: 170px;left: 5;top: 0;display: none;filter:alpha(opacity=100); -moz-opacity:1;background-color: #0093D0;z-index:11;border-style: solid; border-width: 0px 1px 1px 1px;border-color:#FFFFFF;}
      
      .glossymenu li a{font: bold 12px Verdana, Helvetica, sans-serif;color: white;display: block;width: auto;padding: 5px 0;padding-left: 15px;text-decoration: none;z-index:11;border-style: solid; border-width: 1px 0px 0px 0px; border-color: #FFFFFF;}

       
      
      .glossymenu .arrowback{background: transparent url(images/nav_arrow.gif) no-repeat top left;};
      .glossymenu li a:visited, .glossymenu li a:active{ color: white; z-index:11;}
      
      .glossymenu li a:hover{color: #0093D0;background-color:#FFFFFF;z-index:11;}
      
      /* Holly Hack for IE \*/
      * html .glossymenu li { float: left; height: 1%;z-index:11; }
      * html .glossymenu li a { height: 1%; z-index:11;}
      /* End */        

table.linksTable  {font-size: .8em;}
  table.linksTable tr td  {border-width: 0px 1px 1px 0px; border-style: solid; border-color: #999999; text-align: center;}
    table.linksTable tr td.colHeading  {font-weight: bold; background-color: #DDDDDD; border-top: 1px solid #999999;}
    table.linksTable tr td.rowHeading  {text-align: left; font-weight: bold; background-color: #DDDDDD; border-left: 1px solid #999999;}
    table.linksTable tr td.rowSubHeading  {text-align: left; border-left: 1px solid #999999;}
    table.linksTable tr td img  {margin: auto;}