/* Main CSS Document (should mirror screen.css)*/


body {
background: #d8e8f3  url(../images/body-back.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
width: 760px;
margin: auto;
}

h1 {
color: #c23834;
font-size: 170%;
font-weight:lighter;
}

h2 {
color: #4e4e4e;
font-size: 130%;
font-weight: lighter;
}

h3 {
color: #004983;
border-bottom: 1px solid #98b7cc;
}

h4 {
padding-bottom: 0px;
margin-bottom: 0px;
color: #333333;
}

.staff-index table {
width: 540px;
margin-bottom: 30px;
}

.staff-index table tbody {
margin-top: 10px;
}


caption{
text-align: left;
font-size: 110%;
font-weight: bold;
margin-bottom: 10px;
color: #004983;
border-bottom: 1px solid #98b7cc;
}

tr.teaser td {
font-size: 90%;
padding-top: 10px;
border-bottom: 0px;
}

th {
text-align: left;
color: #004983;
background-color: #f1f1f1;
border-bottom: 1px solid #fff;
}

td {
padding-left: 10px;
border-bottom: 1px solid #f1f1f1;
}



#header {
background: url(../images/blue-banner.jpg) no-repeat bottom;
height: 170px;
clear: both;
font-size: 90%;
color: #999;
}

#header a {
color: #666;
}

#crest {
float: left;
display: inline;
margin-top: -100px;
margin-left: 20px;
}

#sectiontitle {
text-align: left;
font-size: 140%;
margin-left: 15px;
margin-bottom: 5px;
color: #000000;
padding-top: 10px;
}


a {
text-decoration: underline;
color: #004983;
}

#crumbs a,
#leftmenu a,
#header a {
text-decoration: none;
}

a:hover,
#crumbs a:hover,
#leftmenu a:hover {
text-decoration: underline;
color: #c23834;
}

#sitetitle {
float: right;
}

#main-nav {
text-align: center;
font-size: 128%;
text-indent: 0px;
list-style: none;
margin: 0px;
padding: 0px;
border-left: 1px solid #dfdfdf;
}

#main-nav li {
display: inline;
margin: 0px;
padding: 0px;
margin-right: 1px;
}


#whitepage {
background: #fff url(/global/images/watermark.jpg) no-repeat left;
clear: both;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
}



#maincontent {
width: 590px;
float: right;
border-left: 1px solid #dfdfdf;
}

#crumbs {
border-top:  1px solid #dfdfdf;
border-bottom:  1px solid #dfdfdf;
font-size: 80%;
color: #333333;
padding: 3px 15px;
}

#crumbs a {
color: #333333;
}

#text {
padding: 0px 10px 30px 15px;
}

#text img {
padding: 0px 4px;
}


#leftmenu {
display: inline;
float: left;
padding: 10px;
margin-top: 10px;
font-size: 95%;
}


.staff-index #leftmenu,
.staff #leftmenu {
width: 160px;
padding:0px;
}

#section {
padding-left: 20px;
}

#leftmenu ul {
list-style: none;
margin: 0px;
padding: 5px 15px 15px 15px;
}

ul {
list-style: none;
}

li {
background: url(../images/blue-bullet.jpg) no-repeat;
padding-left: 15px;
}

#leftmenu a {
color: #000000;
}

#leftmenu a:hover {
color: #c23834;

}

#footer {
background-color: #004a83;
color: #fff;
text-align: center;
font-size: 80%;
padding: 5px;
clear: both;
}

#footer a,
#footer a:visited,
#footer a:active{
color: #fff;
text-decoration: none;
}

#footer a:hover{
text-decoration:underline;
}


.lowvis {
display: none;
}

#homecontent {
padding: 15px;
font-size: 90%;

}

#homeleft {
width: 460px;
float: left;
padding-right: 15px;
margin-bottom: 10px;
border-right: 1px solid #dfdfdf;
}

#homeleft img{
border: 0px;
}

#events-text {
width: 210px;
}


#flickr {
float: right;
margin: 4px;
}

#flickr a {
color: #3993ff;
}

#flickr a:hover {
color: #ff1c92;
text-decoration: none;
}

#homeright {
width: 240px;
float: right;
}

#homeright h1 {
text-align: center;
padding-top: 0px;
margin-top: 0px;
}

#homeleft h2 {
text-align: left;
border-bottom:  1px solid #e8b2b1;
padding-bottom: 3px;
}

#homeleft h3{
color: #1f6092;
border-bottom: none;
font-size: 110%;
padding-top: 10px;
}

#newstitle {
text-align: center;
}
 
#homeright h3{
color: #1f6092;
text-align: right;
font-size: 120%;
border-bottom: 1px solid #e8b2b1;
padding-top: 10px;
}

#homeright img.graph {
float: none;
border: none;
padding: 0px;
margin-top: -3px;
}

#homeright img {
float: right;
margin: 3px;
border: 1px solid #dfdfdf;
}

a.readmore,
.red {
float: right;
color: #c23834;
clear: both;
}

#homeleft a.readmore,
.blue {
color: #1f6092;
}


/*Style Sheet for low vision users*/

body,
#header,
#footer,
#whitepage,
h1,h2,h3,h4,
#leftmenu,
#maincontent,
#crumbs,
#leftmenu li,
li,
caption,
th,
td{
background: #000;
color: #fff;
border: 0px;
}

.staff-index table {
border-bottom: 1px solid #ffffff;
padding-bottom: 20px;
}

.staff-index #leftmenu,
.staff #leftmenu {
width: 150px;
}

#header {
height: auto;
}


#header h2 {
text-align: left;
margin-top: -10px;
}

#sectiontitle {
color: #fff;
}


#crumbs {
border-top: 1px solid white;
border-bottom: 1px solid white;

} 

#footer {
border-top: 1px solid white;
}

#homeleft a.readmore,
#homeright a.readmore,
a,
#flickr a,
#leftmenu a,
#crumbs a,
#footer a,
#header a {
color: #2de0f4;
}

#homeleft a.readmore:visited,
#homeright a.readmore:visited,
a:visited,
#flickr a:visited,
#leftmenu a:visited,
#crumbs a:visited,
#footer a:visited,
#header a:visited  {
color: #ffff00;
}

#homeleft a.readmore:hover,
#homeright a.readmore:hover,
a:hover,
#flickr a:hover,
#leftmenu a:hover,
#crumbs a:hover,
#footer a:hover,
#header a:hover {
color: #ff9900;
}

#maincontent {
border-left: 1px solid white;
padding-left: 10px;
}

#leftmenu ul,
ul{
list-style: disc;
}

#leftmenu li,
li{
padding: 0px;
margin: 0px;
}

#main-nav,
.graph {
display: none;
}

.lowvis {
display: block;
}

ul.lowvis {
list-style: none;
font-size: 120%;
font-weight: bold;
text-align: center;
border-bottom: 1px solid white;
padding-bottom: 5px;
}

ul.lowvis li {
display: inline;
padding: 0px 15px;
}

#menu {
text-align: center;
}

/*Home Page */
#homecontent h1,
#homeleft h1,
#homeright h1
{
color: #fff;
border-bottom: none;
font-size: 180%;
}

#homecontent h2,
#homeleft  h2,
#homeright h2 {
color: #fff;
border-bottom: 1px solid white;
font-size: 160%;
}

#homecontent h3,
#homeleft h3,
#homeright h3 {
color: #fff;
border-bottom: none;
font-size: 130%;
}
 
#homecontent h4,
#homeleft h4, 
#homeright h4 {
color: #fff;
border-bottom: none;
font-size: 110%;
}