body {
margin: 0px; 
text-align:left; 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a {
color: #25507D;
text-decoration: underline;
}
a:hover {
color: #B20000;
}
div.wrapper {
margin: 0 auto; 
width: 760px; 
}
div.logo {
margin: 10px 0px 10px 0px;
text-align: left;
float:left;
}
div.headerlinks {
float:right;
padding: 60px 10px 0px 0px;
text-align: right;
color: #666666;
}
div.headerlinks a {
padding: 0px 5px 0px 5px;
color: #000000;
text-decoration: none;
}
div.headerlinks a:hover {
color: #666666;
}
div.headernavcontainer {
clear: left;
width: 760px; 
height: 30px; 
padding: 0px 0px 10px 0px;
background: #2877C6 url("images/nav-corners.jpg") top left no-repeat;
}
div.headernavlinks {
padding: 10px 0px 0px 20px;
text-align: left;
font-size: 16px;
color: #FFFFFF;
}
div.headernavlinks a {
padding: 0px 30px 0px 0px;
text-align: left;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
div.headernavlinks a:hover {
color: #25507D;
}
div.photo {
width: 760px;
height: 242px; 
background: #2877C6 url("images/photo.jpg") top right no-repeat;
}
div.leftcolumn {
margin: 10px 20px 10px 0px;
width: 260px;
float: left;
}
div.boxcontainer {
margin:0px 0px 10px 0px;
background: #4F8BC9 url("images/light-blue-top-corners.jpg") top left no-repeat;
padding:10px 0px 0px 0px;
width: 260px;
}
div.box {
background: #4F8BC9 url("images/light-blue-bottom-corners.jpg") bottom right no-repeat;
padding: 0px 0px 5px 0px;
text-align: left;
width: 260px;
}
div.rightcolumn {
margin: 10px 0px 10px 0px;
padding: 30px 0px 0px 0px;
width: 480px;
float: left;
text-align: left;
}
span.welcome {
display:block;
font-size:36px;
padding: 10px 10px 5px 20px;
color:#FFFFFF;
}
span.boxcaption {
display:block;
padding: 0px 10px 10px 20px;
font-weight: bold;
color:#25507D;
}
span.text {
display:block;
padding: 0px 10px 10px 20px;
line-height: 18px;
color:#FFFFFF;
}
span.date {
display:block;
padding: 10px 10px 10px 20px;
font-weight: bold;
color:#25507D;
text-decoration:underline;
}
h1 {
font-size:24px;
font-family: "Times New Roman", Times, serif;
padding: 0px 10px 5px 0px;
margin: 0px;
font-weight: bold;
font-style:italic;
color:#B20000;
}
span.caption2 {
display: block;
padding: 0px 10px 5px 0px;
line-height: 18px;
font-weight: bold;
color: #666666;
}
span.readmore {
display: block;
width: 210px;
margin: 20px 10px 10px 0px;
float: left;
}
span.readmore a {
text-decoration: none;
}
span.readmore2 {
display: block;
width: 210px;
margin: 20px 10px 10px 0px;
float: right;
text-decoration: none;
}
span.readmore2 a {
text-decoration: none;
}
span.caption3 {
padding: 0px 10px 10px 0px;
font-weight: bold;
color: #B20000;
}
span.text2 {
display:block;
padding: 5px 10px 10px 0px;
color:#000000;
}
span.button {
display: block;
width: 90px;
padding: 8px 0px 10px 0px;
background: #FFFFFF url("images/grey-button.jpg") top left no-repeat;
text-align: center;
font-weight: bold;
color: #000000;
text-decoration: none;
}
span.button:hover {
display: block;
width: 90px;
padding: 8px 0px 10px 0px;
background: #FFFFFF url("images/white-button.jpg") top left no-repeat;
text-align: center;
font-weight: bold;
cursor:pointer;
color: #000000;
text-decoration: none;
}
span.button a {
color: #000000;
text-decoration: none;
}
div.hr {
margin: 20px 0px 20px 0px;
clear: left;
display: block;
height: 4px;
background:  url("images/dot.gif") top left repeat-x;
border: 0px; 
}
div.hr hr {
display: none;
}
span.footer {
clear: left;
display: block;
margin: 20px 0px 10px 0px;
padding: 10px 20px 10px 0px;
text-align: center;
color: #666666;
font-weight: bold;
border-top: 3px solid #4F8BC9;
border-bottom: 3px solid #4F8BC9;
line-height: 24px;
}
span.footer a {
padding: 0px 20px 0px 0px;
color: #4F8BC9;
text-decoration:none;
}
span.footer a:hover {
padding: 0px 20px 0px 0px;
color: #25507D;
}
span.credit a {
color: #666666;
}
span.credit a:hover {
color: #000000;
}