body{font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; background: #fff; }

.desktophidden{display: none;}
.mobilehidden{display: block;}
.printhidden{display: block;}

/* Headings */
h1, h2, h3, h4, h5, h6{line-height: 1em; color: #5D99C7; font-weight: normal; margin-top: 0;}
h1 {font-size: 2em;  margin-top: 11px !important;}
h2 {font-size: 1.5em; margin-top: 10px !important; margin-bottom: 9px !important; font-weight: 500; letter-spacing: -0.05em;}
h3 {font-size: 1.5em; font-weight: 200; margin-bottom: 0.7em !important;}
h4 {font-size: 1.1em; font-weight: 300; letter-spacing: -0.05em; margin-bottom: 0.7em !important;}
h5 {font-size: 0.9em; margin: 0 0 0.3em 0; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 0.3em; font-weight: bold;}
h3 span{color: #97B93F;}

ul, p, ol{line-height: 1.4em; color: #0A090A; font-weight: 300; margin-bottom: 2em;}

ul {list-style: square;}

p.navheader {display: none;}

ul, ol{padding: 0 0 10px 20px;}
ul.inlinelist{margin: 0; }
ul.inlinelist li{float: left; padding: 2px 10px; margin-bottom: 0; list-style-type: none;}

#gridoverlay{position: absolute; left: 50%; top: 20px; margin: 0 0 0 -490px; display: none;}
#printlink{position: absolute; right: 200px; top: 0px; margin: 0; font-size: 0.8em; cursor: pointer;}

ul#sitemap li a {text-decoration:none;}

.centre{text-align: center;}

img.left{float: left; margin: 0 1em 1em 0; max-width: 100%}
img.right{float: right; margin: 0 0 1em 1em; max-width: 100%}

/* Invisible Separator */
.invisiblesep{clear: both;}

/* Image Styles */
img.LEFT{float: left; margin: 0 15px 15px 0;}
img.RIGHT{float: right; margin: 0 0 15px 15px;}
img.CENTRE{text-align: center; display: block; margin: 10px auto;}
img.INLINE {display: inline; margin: 15px 0 15px 0;}

.imagecaption{color: #909090; font-size: 0.7em; margin: 0; text-align: center;}
.imageborder{padding: 5px; background-color: #FFF; border: 1px solid #CCC; display: block; margin-bottom: 5px;}

#index .c12 {margin-bottom:0; padding-top:0; padding-bottom:0}

/* Warning Message */
p.warning {width: 96%; padding: 2%; font-weight: normal; text-align: center; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
p.fail {background-color:#A00; border-top: 2px solid #900; color: #FFF !important;}
p.success {background-color: #0A0; border:2px solid #090; color: #FFF !important;}
p.warning a{color: #FFF !important;}

/* Skip Navigation */
.skipnav, .skipnav:visited{position: absolute; left: 40px; font-size: 0.75em;}
.skipnav:active, .skipnav:focus, .skipnav:hover{z-index: 10000; color: #CFCFCF;}

/* Tables */
.main-container table{background-color: #FFF; width: 100%; margin: 15px 0 30px 0;}
.main-container table thead tr td{padding: 10px 0 10px 15px; color: #fff; background-color: #024181; font-size: 1.1vw;} 
.main-container table thead td a{color: #fff !important; text-decoration: underline;}
.main-container table tbody tr{border-bottom: 1px solid #ddd} 
.main-container table tbody tr td{padding: 10px 0 10px 15px; color: #0a0a0a; font-size: 0.9vw;} 
.main-container table td.centercell{text-align: center;}
.main-container table td a{text-decoration: none;}

/* Table Column Styles - only primary and secondary pages */
.page-id-37 #colheading0{width: 15% !important;}
.page-id-37 #colheading1{width: 30% !important;}
.page-id-48 #colheading0{width: 15% !important;}
.page-id-48 #colheading1{width: 30% !important;}
.page-id-50 #colheading0{width: 15% !important;}
.page-id-50 #colheading1{width: 30% !important;}

/* Main Page Sections */
.wrapper{margin: 0; position: relative; padding: 0px;}

/* Header container */
.header-container{position: relative; height:auto;}
.header-container .wrapper{height:150px; width:100%; max-width: 1600px; margin: 0 auto; background: #1C548E url('../images/header_bg.png') no-repeat left top; position: relative;}
.header-container .wrapper .logo{position: absolute; top: 21px; left: 4%; cursor: pointer;}
.header-container .wrapper .contactinfo {background:url('../images/topdots_repeat.png') repeat-x center right; height:110px; top: 6px; text-align:right; position:absolute; right: 4%; padding-right:0px;}
.header-container .wrapper .contactinfo .email {margin-bottom:30px;}
.header-container .wrapper .contactinfo .email a {color:#fff; text-decoration:none;}
.header-container .wrapper .contactinfo .telephone {height: 27px; color:#fff; margin-top:20px; background:url('../images/phoneicon.png') no-repeat 230px -4px; }

/* Menu container - Main menu */
.menu-container{position: relative; background:#012850;}
.main-container-overflow{/*overflow: auto; height: 600px;*/}
.menu-container .wrapper {margin: 0 auto; width: 100%;}
.menu-container ul#mainmenu{padding: 0; margin: 0 0 0 4%; height: 50px; width: 95%; text-align: left;}
.menu-container ul#mainmenu li{width: auto; height:50px; font-size: 0.7rem; display: inline-block; margin: 0; padding: 0; vertical-align:middle;}
.menu-container ul#mainmenu li a{display: block; padding: 10px 25px; margin: 0; font-size:0.8rem; line-height: 1.1em; color: #fff; text-decoration: none; }
.menu-container ul#mainmenu li a:hover{color: #fff;}
.menu-container ul#mainmenu li.selected, .menu-container ul#mainmenu li.hover, .menu-container ul#mainmenu li:hover {background:#52718f}
.menu-container ul#mainmenu li.lastitem{border: none;}

.menu-container ul#mainmenu li.selected ul li {background-color:#9F0010;}
.menu-container ul#mainmenu li.hover ul li {background-color:#9F0010}

/* Menu container - Sub menu */
.menu-container #mainmenu li ul {visibility: hidden; position: absolute; top: 34px; padding: 0; width: 180px}
.menu-container #mainmenu li.hover ul {visibility: visible; opacity: 1; margin-left: 0px; z-index: 1000;}
.menu-container #mainmenu li ul li{background-color: #9F0010; padding: 5px; height: auto; margin:0 !important; display:block;}
.menu-container #mainmenu li ul li a{padding: 2px 20px; background: #9F0010; font-size: 0.7rem; display:block; border-right: 0;}
.menu-container #mainmenu li ul li a:hover{display: block; color: #fff; text-decoration: underline;}
.menu-container #mainmenu li ul li:hover a {text-decoration: underline;}

/* Menu container - Sub Sub menu */
.menu-container #mainmenu li ul li ul {visibility: hidden; position: absolute; top: 0; left: 180px; width: 300px; display: block; padding: 0;}
.menu-container #mainmenu li.hover ul li ul {visibility: hidden;}
.menu-container #mainmenu li.hover ul li.hover ul {visibility: visible; opacity: 1;  margin-left: 0px; z-index: 1000;}
.menu-container #mainmenu li ul li ul li{background-color: #9F0010; width: auto !important; padding: 5px 10px 5px 10px; height: auto; margin:0 !important; display:block;}
.menu-container #mainmenu li ul li ul li a{padding: 2px 5px; text-decoration: none !important; background: #9F0010; font-size: 0.7rem; display:block; border-right: 0;}
.menu-container #mainmenu li ul li ul li a:hover{display: block; background: #9F0010; text-decoration: underline !important;}

#sitesearchform{display: none;}

/* Main container */
.main-container{color: #AAA;   margin:0 4%;}
.main-container .wrapper{text-align: left; padding: 0;}
.main-container .wrapper h1 {color:#024181; font-size:1.5rem; background:#fff; margin: 12px 0 0 0 !important; height:30px; padding-top:10px; z-index:2}
.main-container .wrapper .c12 {padding:0;}
.main-container .wrapper h3 {font-size: 1.1em; font-weight: 500;}
.main-container .wrapper p {color:#0a0a0a; font-size: 1rem;}
.main-container .wrapper ul {font-size: 1rem;}
.main-container .wrapper a{color: #544893};

/* Contact Form */
#contactform label {color:#181818}

.footer-container{position: relative; height:auto; border-top: 2px solid #fff;}
.footer-container .wrapper{height:122px; width:100%; max-width: 1600px; margin: 0 auto; background-color: #024181; position: relative;}
.footer-container .wrapper .logo{position: absolute; top: 10px; left: 4%; cursor: pointer;}
.footer-container .wrapper .contactinfo {background:url('../images/topdots_repeat.png') repeat-x center right; height:104px; top: 0; text-align:right; position:absolute; right: 4%; padding-right:0px;}
.footer-container .wrapper .contactinfo .email {margin-bottom:30px; margin-top: 10px;}
.footer-container .wrapper .contactinfo .email a {color:#fff; text-decoration:none;}
.footer-container .wrapper .contactinfo .telephone {margin-bottom: 14px; height: 27px; color:#fff; margin-top:20px; background:url('../images/phoneicon.png') no-repeat 230px -4px; }

.footer-container p.web-design-link{text-align: right; margin: 0 0 15px 0; font-size: 0.65rem;}
.footer-container p.web-design-link a{color: #FFF; display: block; text-decoration: none;}
.footer-container p.web-design-link a:hover{text-decoration: underline;}

/*.footer-container .wrapper{color: #fff; margin:0 auto; }
.footer-container .wrapper .c12 {padding:0 !important; height: 20px; margin: 0 !important; background-color:#000; font-size: 0.75em; width: 100%;}
*/

/* OLD styles */
.main-container .wrapper .rightcol .breadcrumb {font-size: 0.75rem; height:20px; list-style:none; padding:15px 0 5px 30px; margin:0; background:#eee; color:#0a0a0a;}
.main-container .wrapper .rightcol .breadcrumb a {text-decoration:none; color:#1b538d;}

.main-container .wrapper .leftcol {width:260px !important; position:absolute; z-index:2; height:100%; padding-top:20px; padding-left:20px}
.main-container .wrapper .leftcol .fixedbox {margin-top:31px;}
.main-container .wrapper .leftcol .fixedbox h3 {color:#fff; font-size:1.2rem; font-weight: 400;}
.main-container .wrapper .leftcol .fixedbox ul {padding:0; margin:0;}
.main-container .wrapper .leftcol .fixedbox li {color:#fff; list-style:none; padding:10px 0 10px 0; margin:0; line-height:1.1em}
.main-container .wrapper .leftcol .fixedbox li a {color:#fff; text-decoration:none; font-size:0.8rem; line-height:1em}
