body { margin: 0; padding: 0; font-family: verdana, arial, sans-serif; font-size: 75%; background: #ffffff; }

h1, h2, h3, p { margin: 0; padding: 0; }
img { vertical-align: bottom; border: 0; }

.clear { clear: both; }

.sg_left { float: left; padding: 0; margin: 0 10px 10px 0; }
.sg_right { float: right; padding: 0; margin: 0 0 10px 10px; }
.sg_center { display: block; margin: 0 auto; }
.sg_default { margin: 0 5px 0 0; }

/* layout */

.main { width: 980px; margin: 0px auto; padding: 0; background: url( ../images/middle.gif ); }

.header { padding: 0 0 0 0; position: relative; border-bottom: 1px solid #c0c0c0; }
.header img { border: 0; margin: 0; }
.header img.logo { padding: 30px 0 10px 0; }
.header img.banner { margin: 0 0 6px 0; vertical-align: bottom; }
.header img.call { position: absolute; top: 0; left: 480px; z-index: 1; }

.navigation { padding: 0px 0; margin: 0; height: 100%; font-size: 120%; text-transform: uppercase; }
.navigation ul { margin: 0; padding: 0; }
.navigation li { color: #000; display: block; padding: 8px 0px; margin: 0px; float: left; }
.navigation li.selected { }
.navigation a { border-left: 1px solid #000; color: #000; text-decoration: none; padding: 0 10px; }
.navigation a:hover { text-decoration: underline; }
.navigation li.selected a {  }
.navigation li.first a { border: 0; padding-left: 0; }

.content { margin: 0; padding: 6px 0; border-top: 1px solid #ccc; color: #333; }
.content .left { width: 320px; float: left; margin: 0; padding: 15px; background: url(../images/gradient.gif) top left repeat-x; } /* 350px wide total */
.content .centre { width: 615px; float: left; padding: 8px 0 8px 15px; } /* 630px wide total */
.content .centre p { color: #333; }
.content .right { width: 160px; float: left; margin: 0; padding: 15px 0 0 0; }

.content .fullwidth { width: 980px; padding: 8px 0; margin: 0; }
.content .fullwidth p { color: #333; }
.content .fullwidth hr { color: #fff; border-top: 1px solid #ccc; clear: both; }

.content h1 { font-size: 160%; margin: 0 0 0.6em 0; color: #0b4069; }
.content h2 { font-size: 140%; margin: 0 0 0.7em 0; color: #0b4069; }
.content h3 { font-size: 120%; margin: 0 0 0.8em 0; color: #0b4069; }
.content p  { font-size: 100%; margin: 0 0 1em 0; line-height: 140%; }
.content a  { color: #0b4069; text-decoration: none; }
.content a:hover { text-decoration: underline; }
.content ul { margin: 1em 0; padding: 0; list-style-type: square; color: #333; }
.content ol { margin: 1em 0; padding: 0; color: #333; }
.content li { margin: 0 0 0 30px; padding: 0; }

.footer { border-top: 1px solid #ccc; font-size: 90%; padding: 5px 0 0 0; }
.footer img { float: left; padding: 0 30px 0 15px; }
.footer p { margin: 0 0 0 58px; padding: 15px; color: #666; float: left; }
.footer p span { color: #0b4069; }
.footer p a { color: #0b4069; text-decoration: none; }
.footer p a:hover { text-decoration: underline; }

.bottom { width: 960px; height: 50px; margin: 0px auto; background: url( ../images/bottom.gif ); }

/* other styles */

.newsfeed { margin: 10px 0; color: #666; }
.newsfeed h2 { background: #dff2fb; color: #0c406a; margin: 0 0 2px 0; padding: 6px; font-size: 100%; }
.newsfeed .newsItem { padding: 6px 0; border-bottom: 1px solid #666; clear: both; }
.newsfeed h3 { padding: 0 0 2px 0; margin: 0; font-size: 100%; }
.newsfeed h3 a { color: #333; text-decoration: none; padding: 0; margin: 0; }
.newsfeed h3 a:hover { text-decoration: underline; }

.searchresult { background: #e7e7e7; padding: 10px; border: 1px solid #333; margin: 0 0 10px 0; }
.searchresult a { color: #333; }
.searchresult span { background: #B3DBEF; }


.secondarynavigation { padding: 0; margin: 0 0 12px 0; }
.secondarynavigation ul { margin: 0; padding: 0; }
.secondarynavigation li { color: #fff; padding: 0; margin: 0; list-style-type: none; }
.secondarynavigation li.selected li { margin-left: 5px; }
.secondarynavigation a { color: #ffffff; text-decoration: none; background: #008FC5; padding: 8px 25px; display: block; margin: 0 0 2px 0; height: 100%; }
.secondarynavigation a:hover { text-decoration: underline; }
.secondarynavigation li.selected a { background: #00526F }
.secondarynavigation li.selected li a { background: #008FC5; padding: 6px 25px; font-size: 90%; }
.secondarynavigation li.selected li.selected a { background: #00526F }
.secondarynavigation li.selected ul { margin: 0 0 5px 0; }

.searchbox { margin: 0 0 10px 0; }
.searchbox h2 { background: #008FC5; color: #fff; margin: 0; padding: 6px; font-size: 100%; }
.searchbox .inner { border: 1px solid #ccc; padding: 10px 6px 6px 6px; }
.searchbox p input { vertical-align: middle; font-size: 100%; margin: 0; }
.searchbox p { padding: 0; margin: 1px 0; color: #666; }

.searchresult { background: #e7e7e7; padding: 10px; border: 1px solid #333; margin: 0 0 10px 0; }
.searchresult a { color: #333; }
.searchresult span { background: #B3DBEF; }

div.subnav { float: right; width: 140px; padding: 10px; margin: 0 0 10px 10px; border: 1px solid #ccc; background: url(../images/gradient.gif) top left repeat-x; }
div.subnav h2 { font-size: 100%; font-weight: bold; color: #555; }
div.subnav ul { margin: 0; padding: 0; }
div.subnav li { margin: 0 0 0 20px; padding: 2px 0; }
