/*
Theme Name: St. John's
*/

/* GLOBAL TAGS */

body {margin: 0; padding: 15px 0 0 0; background: #f4f6fb url(img/body_bg.jpg) repeat-x; color: #000; font-family: Arial, sans-serif; font-size: 12px;}
p {margin-bottom: 15px;}
a {color: #000; font-weight: bold;}
a:hover {text-decoration: none;}

/* GLOBAL CLASSES */

div.page {margin: 0 auto; width: 803px; overflow: hidden;}
ul.links, ul.menu {display: block; clear: both; overflow: hidden; text-decoration: none; margin: 0; padding: 0;}
ul.links li, ul.menu li {display: block; float: left; margin: 0;}
ul.links li a, ul.menu li a {text-decoration: none;}

/* HEADER STYLES */

#header {overflow: hidden;}

#header h1 {text-indent: -4000px; height: 0; clear: both; margin: 0;}

#header ul.links {line-height: 12px; font-size: 11px; float: right; color: #CCC; padding-right: 20px;}
#header ul.links li {padding-right: 6px; margin-right: 6px; border-right: 1px solid #CCC;}
#header ul.links li.last {border: none; padding: 0; margin: 0;}
#header ul.links li a {color: #CCC;}
#header ul.links li a:hover {text-decoration: underline;}

#header ul.menu {background: url(img/menu_fill.png) repeat-y; padding: 8px 0 8px 40px;}
#header ul.menu li {line-height: 16px; letter-spacing: 1px; font-size: 14px; margin-right: 12px; padding-right: 12px; border-right: 1px solid #FFF;}
#header ul.menu li.last {border: none; padding: 0; margin: 0;}
#header ul.menu li a {color: #FFF;}
#header ul.menu li a:hover {color: #003399;}

/* CONTENT STYLES */

#content {background: transparent url(img/content_fill.png) repeat-y; overflow: hidden; padding: 0 11px; zoom: 1;}

#content #main {width: 548px; padding: 16px 20px; float: right;}
#content #main h2 {font-size: 18px; color: #336699;}
#content #main div.contentBody {font-family: Verdana;}

#content #main div.module {width: 264px; float: left; color: #FFF; background-color: #003399;}
#content #main div.module a {color: #99ccff;}
#content #main div.module div.moduleBody {font-family: Verdana; margin: 0 14px 14px 14px;}
#content #main div.module ul {margin: 0; font-size: 11px; list-style-type: square;}
#content #main div.module ul li {margin-left: 15px;}
#content #main div.module h2 {color: #99ccff; font-size: 16px; margin-bottom: 16px; margin: 14px 14px 0 14px;} 
#content #main div.first {margin-right: 20px; background-color: #CC3333;}
#content #main div.first a, #content #main div.first h2 {color: #ffcccc;}

#content #sidebar {width: 171px; padding: 15px 11px; float: left; font-size: 11px; color: #6666CC;}
#content #sidebar a {color: #6666CC;}

#content #sidebar address {color: #333; font-style: normal; margin-top: 15px;}
#content #sidebar address a {color: #333;}

/* FOOTER STYLES */

#footer {background: url(img/footer_fill.png) repeat-y; padding: 7px 22px; overflow: hidden; letter-spacing: 1px;}
#footer hr {margin: 0 0 12px 0;}
#footer #copyright {float: left; color: #999; font-family: Verdana; font-size: 10px; padding-left: 40px; line-height: 34px; background: url(img/shield.gif) no-repeat left center; clear: none; margin-bottom: 5px;}
#footer ul.links {line-height: 11px; font-size: 10px; float: right; color: #999; clear: none; margin-top: 12px;}
#footer ul.links li {padding-right: 6px; margin-right: 6px; border-right: 1px solid #999;}
#footer ul.links li.last {border: none; padding: 0; margin: 0;}
#footer ul.links li a {color: #999; font-weight: normal;}
#footer ul.links li a:hover {text-decoration: underline;}