html { text-align: center; margin: auto; font-family: tahoma, arial, san serif; font-size:11px; }

table {margin:0; padding:0; border:0;}
th, td { border: 0; padding: 0; vertical-align: top; text-align: left; }
a img, img, div { border: 0; margin: 0; padding: 0; }
th { font-weight: normal; }
hr {color: #0b2464; height: 1px; }

form {margin: 0; padding: 0;}
input {font-size: 11px; }

h1 { font-size: 18px; font-family: tahoma, arial, san serif; color: #061d53 ; padding: 4px 0 4px 0; line-height: 20px; margin: 0;}
h2 { font-size: 17px; font-family: tahoma, arial, san serif; color: #061d53 ; padding: 0; margin:0; font-weight: bold; }
h3 { font-size: 11px; color: #016A4C; padding:12px 0 0 0; margin:0;}
h4 { font-size: 11px; color: #061d53; padding: 0 0 0 0; margin:0; text-align: right; font-weight: normal;}
h5 { font-size: 11px; color: #061d53; padding: 0 0 0 0; margin:0; text-align: right; font-weight: normal;}

A {color: #243956; text-decoration: none;}
A:LINK {color: #243956; text-decoration: none;}
A:VISITED {color: #234676; text-decoration: none;}
A:ACTIVE {color: #234676; text-decoration: none;}
A:HOVER {color: #234676; text-decoration: underline; }

body { 
     background: #053bbd url('img/tile.jpg') repeat-x center top;
     font-family: tahoma, arial, sans-serif;
     font-size: 11px;
     text-align: center; 
     margin: auto; 
     }

div#wrapper { width: 772px; margin: 0 auto; background-color: #FFFFFF; border: 2px solid #032371; border-top: none; }
div#hometop { width: 772px; padding: 0px; background: url('img/top_tile.gif') repeat-x center bottom; }
div#homebot { width: 770px; padding: 4px 1px 1px 1px; background: url('img/bot_tile.gif') repeat-x center top; }


/* MAIN NAVIGATION */


div#nav {
     margin: 0; 
     width: 776px;
     height: 27px; en
     overflow: hidden;
     background: #749bff url('img/menu_tile.gif') repeat-x center top;
     }

div>div#nav {
     height:27px; 
     overflow: visible;
     }

div#icons {
     float:left;
     margin: 0;
     width: 89px;
     height: 27px;
     overflow: hidden;
}

div#nav ul {
     float: left;
     padding: 0; 
     margin: 0; 
     list-style: none; 
     width: 687px; 
     height:27px; 
     z-index: 100; 
     }

div#nav li {  float: left; height:27px; padding: 0; margin: 0; position: relative;}
div#nav li a img { padding: 0 0 0 0;  }
div#nav li a:hover{ background: url('img/menu_over.gif'); background-repeat:repeat-x; display: block;  }

div#nav li.icons { height: 16px; float:none; padding: 0; margin: 0; position: relative; }
div#nav li.icons a:hover { background:none; height: 16px; display: block; }

div#nav li ul {
	display: none; position: absolute; top: 27px; font-size: 11px;
	left: -1px; width:150px; }

div#nav li li { 
	height: auto; line-height: 23px; text-align: left; color: white; width:148px;
        border: 1px solid #00267F; border-top: none; background-image: none; background-color: #749BFF; }

div#nav li li a { display: block; width: 100%; padding-left: 5px; color: #00267F; }
div#nav li li a:hover { background-image: none; background-color: #001C66; color: white; text-decoration: none; width: 148px; }
div#nav li li>a:hover { width: 143px; }
div#nav li:hover ul { display: block; }
div#nav li.over ul { display: block; }
div#nav ul#menu li:hover ul { display: block; }
div#nav ul#menu li.over ul { display: block; }

/* ACTIONS */

div#actions {
     width: 776px;
     height: 64px;
     padding: 0;
     text-align: left;
     background: #ffffff url('img/hdthree.jpg') repeat-x center top;
     overflow: hidden;
}

div#actions table {
     margin: -2px 0 0 176px;
}

td#action1 {
     width: 163px; 
     margin: 0; padding: 0 10px 0 0;
     background: url('img/actionback_join.jpg') no-repeat right top;
     }

td#action2 {
     width: 182px; 
     margin: 0; padding: 0 10px 0 15px;
     background: url('img/actionback_contribute.jpg') repeat-x left top;
     }

td#action3 {
     width: 185px; 
     margin: 0; padding: 0 10px 0 15px;
     background: url('img/actionback_tell.jpg') repeat-x left top;
     }

td#action1 div, td#action2 div, td#action3 div { 
     padding: 10px 0 0 0; margin: 0;
     text-align: left;
     }

td#action1 p { margin: 7px 0 0 0; padding: 0; }

td#action2 p, td#action3 p { margin: 11px 0 0 0; padding: 0; }



/* HOME */

table#home {
     width: 768px;
     border-top: 1px solid #ffffff;
     background-color: #ffffff;
}

td#homeleft {
     width: 510px;
     padding: 0; margin: 0;
     background-color: #013ac2;
}

td#homeright {
     width: 258px;
     padding: 0px 0px 0px 8px; margin: 0;
     background: #c8d7ff url('img/homeright_tile.jpg') repeat-x center top;
     border-left: 1px #ffffff solid;
}

div#mainpackage {
     width: 510px; 
     padding: 0; margin: 0;
     background-color: #ffffff;
     }

div#secondary {
     width: 494px;
     padding: 8px; margin: 0;
     background: #013ac2 url('img/secondary_tile.jpg') repeat-x center top;
display: none;
}

td#news div#secondnews, div#news div#secondnews {
     text-align: left;
     border: 1px solid #c8d7ff;
     padding: 0;
     background: #c8d7ff;
     }

td#news div#secondnews {
     width: 243px; 
     margin: -73px 0 0 0;
     }

div#news div#secondnews {
     width: 214px; 
     margin: 0 0 10px 0;
     }

#news div#secondnews  div  {padding: 3px 7px 7px 5px; background-color: #749bff; border: 1px #00267f solid;}
#news p {margin: 0; padding: 8px 1px 8px 1px; border-bottom: 1px solid #5178d8; }
#news p a {display: block; color: #001242; font-weight: bold; }
#news p a:hover {display: block; color: #ffffff; }

td#events div#secondevents {
     width: 243px; 
     text-align: left;
     border: 1px solid #c8d7ff; border-top: none;
     padding: 0; margin: 0 0 0 4px;
     background: #c8d7ff;
     }
td#events div#secondevents div {padding: 3px 7px 7px 5px; background: #749bff url('img/secondevents_tile.jpg') repeat-x center top; border: 1px #00267f solid; border-top:none;}
td#events div#eventshead {padding: 0; margin: 0 0 0 4px;}
td#events p {margin: 0; padding: 8px 1px 8px 1px; border-bottom: 1px solid #5178d8; }
td#events p a {color: #001242; font-weight: bold; }
td#events p a:hover {color: #ffffff; }

div#multimedia, div#endorsements, div#threethings {
     width: 241px; 
     text-align: left;
     border: 1px solid #4c71d1;
     padding: 0; margin: 0 0 10px 0;
     background: #c7d5fc;
     }

div#multimedia{
display: none;
}

div#multimedia div#events div {padding: 3px 3px 7px 3px; background-color: #c7d5fc; border: 1px #ffffff solid;}
div#endorsements div {padding: 3px 3px 7px 3px; background: #c7d5fc url('img/endorsements_tile.gif') repeat-x left top; border: 1px #ffffff solid;}
div#threethings div {padding: 3px 0px 7px 3px; background: #f9d786 url('img/threethings_tile.jpg') repeat-x left top; border: 1px #ffffff solid;}
div#multimedia p, div#events p, div#endorsements p, div#threethings p {margin: 0; padding: 8px 1px 8px 1px; border-bottom: 1px solid #8da7ea; }
div#multimedia p a, div#events p a, div#endorsements p a, div#threethings p a {display: block; color: #001242; font-weight: bold; }
div#multimedia p a:hover{display: block; color: #013ac2; }
div#endorsements p a:hover, div#threethings p a:hover {display: block; color: #00267f; }

div#events {
     width: 241px; 
     text-align: left;
     border: 1px solid #4c71d1;
     padding: 0; margin: 0 0 10px 0;
     background: #c7d5fc;
     }

#news div#secondnews div#linkhead {
     border: 1px #00267f solid;
     background: #ffffff url('img/linkhead_tile.gif') repeat-x center top; 
     height: 11px; 
     padding: 5px 5px 5px 6px; 
     margin-bottom: 1px;
     }

div#events div#linkhead, div#multimedia div#linkhead, div#endorsements div#linkhead, div#threethings div#linkhead {
     border: 1px #ffffff solid;
     background: #ffffff url('img/linkhead2_tile.gif') repeat-x center top; 
     height: 11px; 
     padding: 5px 5px 5px 6px; 
     margin-bottom: 1px;
     }
 
td#events p#more, 
td#news p#more,
div#multimedia p#more,
div#endorsements p#more { 
      border-bottom: none; 
      padding: 0;  
      margin: 8px 0 0px -1px; 
}

td#events p#more a , 
td#news p#more a,
div#multimedia p#more a,
div#endorsements p#more a {
      padding: 2px;
}
 
td#events p#more a:hover, 
td#news p#more a:hover {
      background-color: #c8d7ff;
}
 
div#multimedia p#more a:hover,
div#endorsements p#more a:hover {
      background-color: #ffffff;
      padding: 2px;
}

td#news div#newsteaser {
      position: relative;
      height: 84px;
      width: 84px;
      top: 0px;
      left: 152px;
      z-index: 300;
}

td#events div#eventsteaser {
      position: relative;
      top: 0px;
      left: 168px;
      z-index: 300;
}

/* SECONDARY */

div#secid {
     width: 768px;
     padding: 0px;
     border-top: 1px #ffffff solid;
     border-bottom: 1px #ffffff solid;
     }

table#sec {
     width: 768px;
}

td#right {
     width: 216px; 
     text-align: left;
     background: #c8d7ff url('img/subright_tile.jpg') repeat-x left top;
     border-left: 1px #ffffff solid;
     padding: 8px 8px 10px 8px;
     }

td#right div#threethings, td#right div#endorsements, td#right div#multimedia {
     width: 214px; 
     }

td#right div#endorsements div, td#right div#multimedia div {
     padding: 4px 4px 4px 4px; 
     }

td#section {
     width: 501px; 
     text-align: left;
     background-color: #FFFFFF;
     border: 1px #c8d7ff solid;
     padding: 6px 10px 6px 25px;
     }

div#content {
     padding: 10px;
     font-family: tahoma, arial, san serif;
     line-height: 15px;
     color: #FFFFFF;
     margin: 0 5px 0 0;
     background-color: white;
     }

td#wide {
     padding: 10px;
     width: 746px;
     font-family: tahoma, arial, san serif;
     line-height: 15px;
     margin: 0 5px 0 0;
     background-color: white;
     }

div#wide {
     padding: 10px;
     width: 746px;
     font-family: tahoma, arial, san serif;
     line-height: 15px;
     color: #FFFFFF;
     margin: 0 5px 0 0;
     background-color: white;
     }


div#subnav { margin: 0 0 10px 0; padding: 0; width: 135px; }

div#subnav p {
	width: 216px;
        border-bottom: 1px solid #4c71d1;
        font-weight: bold; 
        margin: 0px;
        display: block;
        font-size: 11px;
	}

div#subnav p a { display: block;padding: 5px 2px 5px 2px; color: #00267f; }
div#subnav p a:hover { background-color: #648bef; color: #ffffff; }

table#list { width: 100%; }
table#list th { padding: 5px 0 5px 0; width: 15%; font-weight: normal; }
table#list td { padding: 5px 0 5px 0; width: 85%;}
table#list td a { font-weight: bold; font-size: 12px;}  


/* FOOTER */

div#footer {
     width: 768px;
     padding: 1px 0px 0px 0px;
     background: #ffffff;
     margin: 0px 2px 2px 2px;
     }


div#footernav{
     height: 18px;
     background: #ffb300 url('img/footer-nav-tile.gif') repeat-x center top;
     text-align: left;
     color: #FFFFFF;
     padding: 5px 8px 0px 8px;
     }

div#footernav a {
     color: #021548;
     font-weight: normal;
     }

div#credit{
     height: 22px;
     text-align: left;
     background: #053bbd url('img/footer-cred-tile.gif') repeat-x center top;
     color: #FFFFFF;
     padding: 10px 8px 0px 8px;
     }

div#credit a {
     color: #749bff;
     font-weight: normal;
     }

div#creditfloat{
     float: right;
}

/* PRINTABLE VERSION */

div#printable {float: right; width: 130px; padding-top: 8px;}

/*  RSS */

.rss, .rssright {
    width: 70px;
    height: 20px;
    float: right; 
    margin: 3px 0 0 0; 
    padding: 0px; 
    font-size: 12px;
    background: url('/img/icon_rss.gif') no-repeat left top;
    text-align: right;
    }

.rssright {
    float: right; 
    }

.rss a, .rssright a {
    text-decoration: none;
    background: none;
    padding: 0;
    display: block;
    }

.rss a:hover, .rssright a:hover {
    text-decoration: underline;
    background: none;
    padding: 0;
    }

/* SPLASH PAGE FORM */

#splashform form {overflow: hidden;display: inline;}
#splashform td.left {width:90px; vertical-align:middle;}
#splashform form fieldset {border:0px; padding:0px}
#splashform form fieldset label {font-size: 11px; font-weight:bold; font-color: #00257d; text-align:left; vertical-align:middle;} 
#splashform form fieldset input {padding: 0px; width: 134px; height:14px; text-align:left; vertical-align:middle;}
#splashform .button {padding: 2px 0px 0px 2px;}