html {background-color: #255c89}
body {font-size: 100%; font-family: verdana, tahoma, sans-serif; background-color: #255c89}
p {font-size: 0.75em}
li {font-size: 0.75em}
h1 {color: #000; font-weight: normal; font-size: 1.5em; margin-bottom: 0em}
h2 {color: #000; font-weight: normal; font-size: 1.125em; margin-bottom: 0em; margin-top:2em}
h3 {color: #000; font-weight: normal; font-size: 0.875em; margin-bottom: 0em; margin-top:2em}
p {margin: 0.5em 0; line-height: 1.5}
img {border: 0}
a {color: #05a}
a:hover {text-decoration: none}
a:focus, a:active {color: #000; background: #ddd}
#uberwrap{position: relative; padding:0; margin: 0 50px 0 50px}
#wrap {position: relative; width: 99%; width: 990px; background-color:#f2f9ff; margin: 0 auto; z-index: 2;
-moz-box-shadow: 2px 2px 15px #333;
-webkit-box-shadow: 2px 2px 15px #333;
box-shadow: 2px 2px 15px #333
}
#header {background:#255c89}
#header img {border: 0; margin: 0;}
#header a:focus {background-color: transparent}
#header a:active {background-color: transparent}
#logo {margin: 0; padding:0; width: 100%; background: #fff;
-moz-box-shadow: 2px 2px 15px #333;
-webkit-box-shadow: 2px 2px 15px #333;
box-shadow: 2px 2px 15px #333
}
#logo #acslogo {margin: 10px 0 0 10px; float: left}
#logo #collage {margin: 0; float: right}
#nav {clear: left; margin: 10px 0 0 0; padding:0; width: 100%;position: relative;
-moz-box-shadow: 2px 2px 15px #333;
-webkit-box-shadow: 2px 2px 15px #333;
box-shadow: 2px 2px 15px #333;
font-size: 1.15em
}
#nav ul {background: #fff; height: 2.75em; width: 100%; margin: 0; padding:0; border-bottom: solid #3d729d 1px}
#nav li {list-style-type: none; float: left; margin:0 10px 0 0; font-size: 0.9375em}
#nav li.first {margin-left: 25px}
#nav a {color: #3d729d; text-decoration: none; display: block; float: left; font-weight: normal; padding: 0.875em 5px 0.875em 10px}
#nav a.here, #nav a:hover, #nav a:focus, #nav a:active {color:#314c67; background: #9bb2c2}
#subnav {clear: left; margin-top: -1px; width: 100%; margin-bottom: 10px;font-size: 1em}
#subnav ul {background: #9bb2c2; height: 2em; width: 100%; margin: 0}
#subnav li {list-style-type: none; float: left; margin-left: 5px; margin-right: 10px; font-size: 0.9375em}
#subnav li.sepsubnavfirst {margin-left: 45px}
#subnav a {color: #fff; text-decoration: none; display: block; float: left; font-weight: normal; padding: 0.5em 10px 0.5em 10px}
#subnav a.here, #subnav a:hover, #subnav a:focus, #subnav a.active {color: #314c67!important; background: transparent!important}
#main {clear: left; margin-top: 0; margin-left: 30px; margin-right: 2%; float: left; width: 670px; color: #000
}
#fullwidthimg {top: -1px!important; position: relative}
#fullwidthdiv {top: -1px!important; position: relative; height:353px; background: transparent url('../images/homepage-image.jpg') no-repeat scroll left top}
#hphack {line-height: .1; font-size: 1px; margin:0; padding: 203px 0 0 0}
#hptext {background: #000; /* solid color */
background: rgba(0,0,0,0.6); color:#fff; padding: 0 0 10px 0; height: 140px}
#hptext h1 {margin:0 0 0 20px; padding-top: 10px; color:#fff;}
#hptext p {margin:0 0 0 20px;padding-top: 10px;color:#fff; font-size: 0.875em}
#hptext a {color:#fff}
#sidebar {margin-top: 20px; margin-right: 2em; float: right; z-index: 2; position: relative; width: 220px; background-color: transparent; padding: 0}
#sidebar p {margin: 0; padding: 0.5em 10px 10px 10px}
#sidebar h2,#sidebar h3,#sidebar h4 {margin: 0}
#sidebar h2 {padding: 1em 10px 10px 10px}
#sidebar h3,#sidebar h4 {padding: 0.5em 10px 10px 10px}
#sidebar input {width: 8em}
#sidebar .submit input {width: 2.5em}
#rightsubnav {padding: 0; margin:0 0 0 12px; background: #fff; width: 200px}
#rightsubnav h2 {padding: 6px; font-size: 1.15em; margin: 0; color: #3d729d; border: 1px solid #a1afba; border-bottom: none; width: 188px}
#rightsubnav ul {list-style-type: none; padding: 0; margin:0; background: #fff; width: 200px; border-bottom: 1px solid #a1afba}
#rightsubnav ul li {padding:0; margin:0; width: 200px}
#rightsubnav ul li a {display: block; padding:0; margin:0; width: 188px; background: #fff; color: #000; text-decoration: none; font-size: 1.25em; border: 1px solid #a1afba; border-bottom: none;padding: 6px}
#rightsubnav ul li a.here, #rightsubnav ul li a:hover, #rightsubnav ul li a:focus {background: #9bb2c2; color: #fff}
#charity h2 {margin-bottom:0; padding-bottom:6px}
#charity p {width: 200px; padding: 0; text-align: center; border: 1px solid #a1afba; background: #fff; margin-left: 12px}
#sponsorimages { padding: 0 0 0 12px;}
#sponsorimages ul {list-style-type: none; padding: 0 0 0 12px; margin:0; border: 1px solid #a1afba; background: #fff; width: 188px}
#sponsorimages li {padding-top: 10px}
#main h3 a {font-weight: bold}
#main ul {margin-top: 0.5em; margin-bottom:0.5em; margin-left: 0; padding-left: 24px}
#main li {margin-top: 0.5em; margin-bottom: 0.5em; list-style-type: square}
.alignright {float:right}
.clearright {clear:right}
.alignleft {float:left}
.clearleft {clear:left}
img.alignright {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin: 0 0 0.5em 1em; float: right}
img.alignleft {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin: 0 1em 0.5em 0; float: left}
img.aligncenter {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin-right: 0 auto}
#footer {clear: right}
/* #footer {color: #fff; float: left; width: 100%; background: #e84c13; clear: right; margin-top: 2em; z-index: 1; margin-bottom:-10px} */
#footertextholder ul {margin: 0; padding: 0; padding-top: 1px}
#footertextholder li {list-style-type: none; float: right; margin-left: 0; margin-right: 0; font-size: 0.6875em; padding: 7px; text-align: right}
#footertextholder a {color: #f2f9ff; text-decoration: none}
#footertextholder a:hover, #footertextholder a:focus {text-decoration: underline}
#footer ul {margin: 0; padding: 0; padding-top: 1px}
#footer li {list-style-type: none; float: right; margin-left: 5px; margin-right: 10px; font-size: 0.6875em; padding: 7px; text-align: right}
#footernav li.first {margin-right: 10px}
#footer a {color: #000; text-decoration: none}
#footer a:hover, #footer a:focus {color: #000; text-decoration: underline}
#footertextholder a:focus, #footertextholder a:active {color:#000; text-decoration: none}
#footertextholder {position: relative; width: 99%; max-width: 1024px; min-width: 720px; background-color:transparent; margin: 0 auto; z-index: 3; margin-top: 10px}
#footertext {position: relative; background-color:#fff; z-index: 10; width: 240px; margin: -160px 0 0 -50px; border: 1px solid #85bcd9;
-moz-box-shadow: 0 0 15px #053c59;
-webkit-box-shadow: 0 0 15px #053c59;
box-shadow: 0 0 15px #053c59
}
#footertext p {margin: 0; padding: 6px; position: relative}
#footertext a {color: #05a; text-decoration: underline}
#footertext a:hover {text-decoration: none}
#footertext a:focus,#footertext a:active {color: #000; background: #ddd}
.tictacb {padding-left:3px; color: #3d729d}
* html .tictacb {width: 100%}
* html .tictacb .mr {width: 96.5%}
* html .tictacb .mc {width: 97%}
* html .background .tictacb {width: auto}
* html .background .tictacb .mr {width: auto}
.tictacb .mrhome {width: 226px}
* html .background .tictacb .mc {width: auto}
.tictacb .tl,.tictacb .ml,.tictacb .bl,.tictacb .mlcontact {width:100%}
.tictacb .tl {background:no-repeat top left url('../images/balloon_tl.gif');padding-left:10px}
.tictacb .tc {background:repeat-x top left url('../images/balloon_tc.gif');height:10px}
.tictacb .tr {background:no-repeat right url('../images/balloon_tr.gif');padding-right:10px}
.tictacb .ml {background:#fff repeat-y left url('../images/balloon_ml.gif');padding-left:10px; margin-left: 3px}
.tictacb .mlcontact {background:#fff repeat-y left url('../images/balloon_ml_contact.gif');padding-left:10px}
.tictacb .mc {background:#fff; position:relative}
.tictacb .mr {background:#fff repeat-y right url('../images/balloon_mr.gif');padding-right:10px}
.tictacb .mrhome {background:#fff repeat-y right url('../images/balloon_mr.gif');padding-right:10px}
.tictacb .bl {background:no-repeat left url('../images/balloon_bl.gif');padding-left:10px}
.tictacb .bc {background:repeat-x left url('../images/balloon_bc.gif');height:10px}
.tictacb .br {background:no-repeat right url('../images/balloon_br.gif');padding-right:10px}
/* Contact Form */
#main form fieldset {background-color: #f4f4f4;
padding: 0.5em}
#main form fieldset label {font-weight:bold; display: block; float: left; width: 17em; padding-top: 0.2em}
#main form fieldset label.radiolabel {font-weight:bold; display: inline; float: none; width: auto; padding-top: 0; padding-left: 1em}
#main form fieldset label span.req {font-weight:normal; font-style: italic}
#main form input , #main form textarea {
background-color: #fff;
color: #000;
border: 1px solid #364457;
padding: 0.1em 0.3em 0.1em 0.3em;
font-family: verdana, tahoma, sans-serif;
font-size: 1em;
width: 30em
}
#main form input#submitbutton {width: 5em}
#main form input#searchsubmit {width: 5em}
#main form p { clear: left}
#main form p.submit { padding-left: 47.8em}
*+html #main form input {
padding:0.15em 0.3em 0.15em 0.3em
}
* html #main form input {
padding:0.15em 0.3em 0.15em 0.3em
}
form input.navsubmit {
background-color: #255c89!important;
color: #fff!important;
border: 1px solid #fff;
font-weight: bold;
padding: 0 0.3em 0 0.3em;
}
*+html form input.navsubmit {position: relative; top: 2px}
* html form input.navsubmit {position: relative; top: 2px}
form input.navsubmithov {
background-color: #80a3b7!important;
color: #fff!important;
border: 1px solid #255c89;
font-weight: bold;
padding: 0 0.3em 0 0.3em;
}
*+html form input.navsubmithov {position: relative; top: 2px}
* html form input.navsubmithov {position: relative; top: 2px}
#searchform input {float: left}
/* General */
small {font-size: 0.9em}
.login {font-size: 0.6875em; text-align: right}
.more-link {font-size: 0.6875em}
/* comments */
img.avatar {float:left; margin-right:5px; border: solid #ccc 1px; padding: 3px; background: #ffe}
.count {float:right; font-size:1em; color:#333; text-align: center; padding: 3px; background: #ffe; margin: 0 0 0 1em; border: solid #ccc 1px; width: 2.5em}
ol.commentlist {margin: 0; padding: 0; border-top: solid #ccc 1px}
ol.commentlist img {float: left; border: solid #ccc 1px; margin-right: 5px}
ol.commentlist li {list-style-type: none; padding: 1em 0.5em; clear: both; margin: 0}
.odd {background-color: #eaeaea; color: #333; border: solid #ccc 1px; border-top: none}
.even {background-color: #f6f6f6; color: #333; border: solid #ccc 1px; border-top: none}
.authorcomment {background-color: #d0d0d0; color: #333}
.tbcomment {padding: 5px; background-image: url(images/tb.png) no-repeat;} /* trackback */
.pbcomment {padding: 5px;background-image: url(images/pb.png) no-repeat;} /* pingback */
ol.commentlist li p {margin: 0 !important; padding: 0; font-size: 1em}
h2#respond {font-size: 0.75em; padding-top: 1em; clear: left; color: #585858; font-weight: bold; font-family: tahoma; margin-bottom: 0; background: #eee; padding: 0.5em; border: solid #ccc 1px; border-bottom: none; margin-top: 0}
#commentform {background: #eee; padding: 0.5em; border: solid #ccc 1px; border-top: none}
#commentform input#author, #comment form input#email, #comment form input#url {margin: 0 0.25em; background: #ffffcc; border: solid #aaa 1px; font-family: tahoma; font-size: 1em; padding: auto 3px}
#commentform textarea {background: #ffffcc; border: solid #aaa 1px; padding: 2px; width: 95%; font-family: tahoma; font-size: 1em}
#commentform label.width {float: left; width: 5.5em}
#commentform #submitbutton {margin-left: 31.2em}
/* system */
.error {font-weight: bold; color: red}
.skipinvis {
width: 1px;
height: 1px;
overflow: hidden}
.skipinvisinner {width: 100%}
p.question { font-weight: bold;
margin-bottom: 0em
}
p.answer { margin-top: 0em;
margin-bottom: 0.2em}
p.btt { margin-top: 0em;
text-align: right;
font-size: 0.8em
}
/* Skip link styling starts here. */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skiplinkholder a:focus, #skiplinkholder a:active {left: 0; top: 0; z-index: 100}
#skiptargetholder {position: absolute; left: -200%}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {background: #ddd; color: #000; text-decoration: none; solid black 1px; padding: 5px}
/* End of skip link styling */
/* Sharelinks */
ul.share {margin: 0 0 1em 0; text-align: right; padding: 0}
#article ul.share {text-align: left; margin-top: 0.75em}
ul.share li {list-style-type: none; display: inline; margin: 0 2px 0 0; padding: 0; color: #777; font-size: 0.6875em}
ul.share li img {vertical-align: bottom}
ul.share a {border: none}
ul.share a img {opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80); border: none}
ul.share a:hover img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}
ul.share a:focus img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}
.bookonline {text-align: right}
.bookonline a {background-color: #05a; color: #fff; padding:3px; text-decoration:none; border: 2px solid #80A3B7; font-weight: bold; font-size: 1.2em}
.bookonline a:hover , .bookonline a:focus {background-color: #80A3B7; color: #fff; padding:3px; text-decoration:none; border: 2px solid #05A; font-weight: bold; font-size: 1.2em}
.bookonlineside a {background-color: #05a; color: #fff; padding:3px; text-decoration:none; border: 2px solid #80A3B7; font-weight: bold; font-size: 1.2em}
#fblink {text-align: right; margin: 170px 600px 0 0}
#footer ul.share {text-align: right;float: right}
#footer ul.share li {float: left; margin: 0 8px 0 0; font-size: 0.6875em; padding: 0; text-align: left}
#footer ul.share li img {height: 24px; width: 24px}