/* CSS Document */

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;
margin-top: 20px;
font-size: 95%;
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;
}


#validation {
text-align: center;
}


/*Large Styles */

body {
font-size: 1em;
}

#maincontent {
width: 575px;
}