/********************** Initialise */

/*
Border Maroon: #8A004E
Header/footer Grey: #EDEFEF
*/

* {
margin:0px;
padding:0px;
border:0px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

.clearfix {
display: block;
}

/********************** Basic HTML */

body {
margin: 0px;
color: #444;
font-family: Helvetica, Arial, sans-serif;
font-size:0.82em;
background-color:#EDEFEF;
background-image:url(/images/site/sitebg.gif);
background-repeat:repeat-x;
}

a:link,
a:visited,
a:hover,
a:active {
color:#444;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/********************** Layout */

#outer {
position: absolute;
left: 50%;
width: 800px;
margin-left: -400px;
margin-top: 0px;
}

#inner {
position:relative;
padding-top:29px;
background-image:url(/images/site/topcurve.png);
background-repeat: no-repeat;
}

/********************** Header */

#header {
background-color:#EDEFEF;
height:140px;
border-left:22px solid #8A004E;
border-right:22px solid #8A004E;
}

#logo {
float:left;
padding-left:30px;
padding-top:10px;
}

#headertext {
margin-left:220px;
padding-top:35px;
}

/********************** Nav */

#nav {
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color:white;
float:left;
width:220px;
}

#nav ul {
padding:20px 10px 10px 0px;
list-style: none;
line-height:180%;
font-size:0.8em;
font-weight:bold;
}

#nav ul li {
padding-left:30px;
}

#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:hover,
#nav ul li a:active {
color:#444;
text-decoration:none;
}

#nav ul li a:hover,
#nav ul li.active a {
color:#8A004E;
}

#nav ul li.active {
background-image:url(/images/site/menuarrow.png);
background-repeat: no-repeat;
background-position: left;
}

/********************** Main */

#main {
background-color:white;
border-left:22px solid #8A004E;
border-right:22px solid #8A004E;
}

#content {
margin-left:220px;
padding-top:20px;
padding-right:30px;
}

#content h1 {
font-size:1.6em;
padding-bottom:0.6em;
}

#content h2 {
font-size:1.5em;
font-weight:normal;
line-height:125%;
padding-bottom:0.6em;
}

#content h2 em {
font-style:normal;
color:#8A004E;
font-weight:bold;
}

#content h3 {
font-size:1.5em;
font-weight:normal;
line-height:125%;
padding-bottom:0.2em;
}

#content h4 {
font-size:1.4em;
font-weight:heavy;
line-height:120%;
padding-bottom:0.6em;

color:#8A004E;
}

#content h5 {
font-size:1.1em;
font-weight:heavy;
line-height:120%;
padding-bottom:0.6em;
padding-top:0.4em;
color:#8A004E;
}

#content p {
line-height:150%;
padding-bottom:1em;
}

#content ul,
#content ol {
padding-left:3em;
padding-bottom:1em;
}

#content p a:link,
#content p a:visited,
#content p a:hover,
#content p a:active {
font-weight:bold;
text-decoration:underline;
}

#linksbox {
margin-bottom:20px;
height:160px;
}

#linksbox .box {
width:160px;
float:left;
}

#linksbox .box img {
float:left;
}

#linksbox .boxpad {
padding-right:10px;
}

#headimage {
padding:5px 0px 15px 0px;
}

table.camera {
width:100%;
margin-bottom:10px;
}

table.camera tr {

}

table.camera td {
background-color:#EAECED;
padding:4px 4px 4px 10px;
font-weight:bold;
}

table.camera tr.head td {
background-color:#4D5051;
color:white;
}

#cpic1 {
float:left;
padding-right:10px;
}

#cpic2 {
float:left;
}

#cameramap {
width:506px;
height:350px;
background-color:green;
}

div.faqsection {

padding-bottom:20px;
}

ul.newsarchive {
background-color:blue;
padding-left:0px;
margin-left:0px;
}

ul.newsarchive li {
background-color:red;
padding-left:0px;
margin-left:0px;
}

/********************** Footer */

#footer {
clear:both;
background-color:#EDEFEF;
height:100px;
border-left:22px solid #8A004E;
border-right:22px solid #8A004E;
}

#tagline {
float:left;
padding-left:30px;
padding-top:20px;
}

#partners {
margin-left:220px;
padding-top:13px;
font-size:0.75em;
font-weight:bold;
color:#8A004E;
}

#partners .cols {
width:49%;
float:left;
padding-right:1%;
}