* {margin:0px; padding:0px;}
body {font-family:Arial, Helvetica, sans-serif; font-size:76%;}
#wrapper {width: 789px; margin:0px auto 0px auto;}
#header {height:148px; background:url(../img/header_background.jpg) no-repeat; border-bottom:1px solid #00ADEF; margin-bottom:10px;}
#header h1 {float:left; width:271px; height:85px; margin-top:0px; background-image:url(../img/hstts_logo.gif); text-indent:-100em; overflow:hidden;} 
#header ul {clear:left; margin-left:15px; }
#header ul .hide { display: none; }
#header li {float:left; list-style-type:none; position:relative; z-index: 999;}
#header li a {display:block; color:#0054A4; text-decoration:none; padding-right:6px; margin-right:6px; border-right:1px solid #00AEEF;}

#header li.last a {border:none;}
#header ul ul { position:absolute; left:-7px; padding:7px; margin:0px; background:#FFF; border-left:1px solid #00AEEF; width:120px; border-bottom:1px solid #00AEEF;}

#header ul ul li {padding-top:0px; padding-bottom:6px; width:120px;}
#header ul ul li.last-child {padding-bottom:0px;}
#header ul ul li a {display:block; padding:0px; margin:0px; border:none;}

.loggedin {height:29px; text-align: right; padding-right: 15px; padding-top: 10px; color: #0054A4;}
.loggedin a {color:#0054A4; text-decoration:none;}
.loggedin a:hover {text-decoration:underline;}

.datetime {display:block; float:right; margin-right:10px; color:#AAAAAA;}

#header li.last a { border:none; }

#main {float:left; margin-bottom:5px;}

#navigation { float:left; width:190px; padding-bottom:60px; }
#navigation ul {list-style-type:none; margin-right:20px; margin-top:25px;}
#navigation li {border-top:1px solid #00ADEF; display:block; float:left; width:170px;}
#navigation li a {display:block; padding-left:25px; text-decoration:none; color:#0054A4;padding-top:7px; padding-bottom:7px;  width:145px}
#navigation li a:hover {background:url(../img/cross.gif) 6px 8px no-repeat #EDF3F9; width:145px }
#navigation li.last {border-bottom:1px solid #00ADEF;}


#content {float:left; width:395px; z-index: -1; overflow:hidden; min-height: 200px; }
#keyimages img, .imageright img {margin-bottom:-30px; padding: 0px; position: relative; left: -1000px;}
#content h1 {color:#626466; font-size:1.3em; margin-bottom:5px;}
#content h3 {color:#0054A4; font-size:1.3em; margin-bottom:5px;}
h2 {color:#0054A4; font-size:1.3em; margin-bottom:8px; background:url(../img/cross_white.gif) 0px 2px no-repeat; padding-left:20px; }
p {}

#content a { color:#0054A4; text-decoration:none; }
#content a:hover { text-decoration:underline; }

#content div.imageright { float:right; padding-left:10px; padding-bottom:10px; margin-bottom: 10px;}

#content #keyimages {padding-top: 15px; margin-bottom: 30px; z-index: -1;}
#content #keyimages .edit {color:#0054A4; background:#FFF; padding:3px;}
#content #keyimages .edit a {color:#0054A4; text-decoration:none;}
#content #keyimages .edit a:hover {text-decoration:underline;}
#content blockquote { padding-left:20px; color:#0054A4; padding-right:20px; font-style:italic; padding-bottom:10px; padding-top:10px;}

ol {list-style-type:decimal; padding-left:35px; padding-bottom:15px;}

#content div.testimonialboxleft {width:310px; padding-left:30px; padding-top:30px; padding-right:30px; padding-bottom:0px; background:url(../img/quotes_left.gif) no-repeat; }
#content div.testimonialboxright {width:310px; padding-left:30px; padding-top:30px; padding-right:30px; padding-bottom:0px; background:url(../img/quotes_right.gif) no-repeat;}

#newsbox {width:560px; padding:10px; background: #DDECF6; margin-bottom:10px;}
#newsbox table {width:555px;}
#newsbox td {border-bottom:1px solid #0054A4; padding-bottom:5px; padding-top:4px; height:2px;}

.usefuldocs {width:380px; background:#DDECF6; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:3px; margin-bottom:10px;}

.resourceslist {width:100%px; padding-left:0px; padding-bottom:4px; padding-top:4px; margin-bottom:0px; border-bottom:1px solid #00ADEF;}
.link {position:relative;}
.resourceform {margin-bottom:10px;}

#pagination {text-align:center;}


/* .imageanim { width: 388px; height: 147px; float:left; padding:0px;}
#keyimages ul { float: left; padding:0px; }
#keyimages ul.imageanim li {padding:0px; float:left;} */

#leftcolumn {width:180px; float:left;}
#rightcolumn {width:180px; float:left;}

div.accreditationgroup {float:left; border:1px solid #DDD; padding:7px; width:370px; margin-bottom:10px;}
div.accreditationgroup img {float:left; padding-right:15px; padding-bottom:10px;}
div.accreditiongroup p {margin-bottom:10px;}

#rightpanel {margin-left:15px; width:185px; float:right;}

#rightpanel ul {float:left; list-style-type:none; margin-bottom:5px;}
#rightpanel li {border-top:1px solid #00ADEF; display:block; float:left; width:185px;}
#rightpanel li a {display:block; text-decoration:none; color:#0054A4; padding-top:7px; padding-bottom:7px; padding-left:10px; width:168px; padding-right:7px;}
#rightpanel li a:hover {background:#EDF3F9;}
#rightpanel li.last {border-bottom:1px solid #00ADEF;}
.more {text-align:right; margin-bottom:10px; margin-right:10px; color:#0054A4;}
.more a {color:#0054A4; text-decoration:none;}
.more a:hover {text-decoration:underline;}

#accreditation {float:left; width:160px;}
#accreditation img {position:relative; top:-54px;}
#accreditation p {position:relative; top:-43px; color:#AAAAAA;}
#accreditation a {text-decoration:none; color:#AAAAAA;}
#accreditation a:hover {text-decoration:underline;}
#footer {clear:both; font-size:0.9em; color:#0054A4; padding-top:5px; border-top:1px solid #00ADEF;}
#footerlinks {float:right; width: 629px; text-align:right; }
#footerlinks a {text-decoration:none; color:#0054A4;}
#footerlinks a:hover {text-decoration:underline;}
#flashMessage { background-color: #FCFFC8; border-top:1px solid #FFD200; border-bottom:1px solid #FFD200; color: #000; padding:5px; width:99%; margin-bottom:5px; text-align:center;clear: both;}

/* CLIENT ZONE STUFF */

.error {font-weight:bold; color:#F00;}
form div.adminlogin {background:#DDECF6; width:240px; padding:10px;}
form div.adminlogin input {width:150px;}
form div.adminlogin label {width:80px;}
form div.adminlogin div.submit input {width:auto;}
form div.adminlogin div.submit {width:230px;}

#reportsbox {width:560px; padding:10px; background: #DDECF6; margin-bottom:10px;}
#reportsbox table {width:555px;}
#reportsbox td {border-bottom:1px solid #0054A4; padding-bottom:5px; padding-top:4px; height:2px;}

body #report_download a {width:150px; background: #FFF; border:1px solid #BBB; margin-left:10px; margin-bottom:10px; padding-top:10px; float:right; text-align:center;text-decoration: none !important;  }

#report_download a img { border: 0; }
#report_download a:hover {background:#EEE;}
.report_title {color:#0054A4; font-size:1.3em; font-weight:bold; padding-bottom:15px;}

#notesbox { clear:both; width:557px; border:1px solid #BBB; padding:10px; margin-top:5px;}
.notestable table {}
#message {clear:both; width:557px; border-left:1px solid #BBB; border-right:1px solid #BBB; border-bottom:1px solid #BBB; padding:10px;margin-bottom:10px;}
#client_welcome {width:150px; background: #DDECF6; padding-left:10px; padding-right:10px; padding-bottom:7px; padding-top:7px; color:#555; font-size:0.9em;}
#client_welcome p.welcome {color:#0054A4;}

table.accounts {border:1px solid #CCC; padding:5px; width:100%; margin-bottom:10px;}
table.accounts td {padding-top:2px; padding-left:5px; padding-right:5px; padding-bottom:10px; text-align:left;}

/* FORMS */
#formBlock textarea {width:300px;}
div.required label {font-weight:bold;}
.actions {clear:both;}

#cakeSqlLog { clear: both; width: 100%; }

div.image img { margin-left: 10px; margin-bottom: 10px; }

.linklist {border-bottom:1px dotted #00ADEF; margin-top:5px;}