* {margin:0px; padding:0px;}
body {font-family:Arial, Helvetica, sans-serif; font-size:76%; background:#EFEFEF;}
#wrapper {
	width: 1000px; 
	margin:0px auto 0px auto;  
	background: #FFFFFF;
     padding-left: 10px;
     padding-right: 10px;
}
#header {
	height:148px;
	margin-bottom:10px;
	background: #e4e4e4; 
}


#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: #f58025; 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;
	position: fixed;
    right: 0;
    background: #FFF;
    padding-left: 10px;
}
.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:210px; padding-bottom:60px; }
#navigation ul {list-style-type:none; margin-right:20px; margin-top:25px;}
#navigation li {border-top: 1px solid #143d8d; display:block; float:left; width:170px; }

#navigation li a {display:block; padding-left:25px; text-decoration:none; color: #f58025; 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:555px; z-index: -1; overflow:hidden; min-height: 200px; padding-right: 20px;}
/*#keyimages img, .imageright img {margin-bottom:-30px; padding: 0px; position: relative; left: -1000px;}*/
#keyimages img, .imageright img {padding: 0px; border-radius: 15px; margin-bottom:0px;}

#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 {}

a {
	color: #f58025;
}

#content a { color: #f58025; 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: #FFFFFF; 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:200px; float:left;}
#rightcolumn {width:200px; 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:200px; float:right;}

#rightpanel ul {float:left; list-style-type:none; margin-bottom:5px;}
#rightpanel li { border-top: 1px solid #143d8d; display:block; float:left; width:185px;}
#rightpanel li a {display:block; text-decoration:none; color: #f58025; 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:185px;}
/* #accreditation img {position:relative; top:-54px;}
#accreditation p {position:relative; top:-43px; color:#AAAAAA;} */

#accreditation img {float:left; margin:0 5px 5px 0;}
#accreditation p {float:left; color:#AAAAAA; margin-top:10px;}

#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: none !important;}
#footerlinks {float:right; width: 629px; text-align:right; }
#footerlinks a {text-decoration:none; color:#f58025;}
#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;}


/* CAMPAIGN MONITOR */

#content #cm-news-archive h3 {
	float:left;
	margin-top:20px;
}

#content #cm-news-archive ul {
	list-style-type:none;
	margin-bottom:0px;
	margin-left:0px;
	border-bottom:1px solid #DDDDDD;
	float:left;
	width:580px;
}

#content #cm-news-archive ul li {
	float:left;
	width:580px;
	border-top:1px solid #DDDDDD;
	padding-top:8px;
	padding-bottom:8px;
}



/* UPDATED DEC 21 */

@font-face {
    font-family: 'fsalbertregular';
    src: url('fsalbert_regular-webfont.eot');
    src: url('fsalbert_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fsalbert_regular-webfont.woff2') format('woff2'),
         url('fsalbert_regular-webfont.woff') format('woff'),
         url('fsalbert_regular-webfont.ttf') format('truetype'),
         url('fsalbert_regular-webfont.svg#fsalbertregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, p, h1, h2, h3, h4, h5, tr, td, a {
	font-family: 'fsalbertregular' !important;
}

* {
	font-size: 1rem;
}

h1, h2, h3, h4, h5 {
	color:#223a7f !important;
}

#header {
	height:111px;
	border-radius: 0.25rem;
}

#header ul > li {
	width: 137px !important;
	text-align: center;
}

#header ul > li > a {
	color: #143d8d !important;
	padding-bottom: 10px;
}

#header li a {
	border-right: none !important;
}

#header ul ul li a {
	color: #223a7f !important;
	padding-bottom: 5px;
}

#header ul ul {
	/* margin-top: 10px !important; */
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
	-webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.31); 
	box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.31);
	width: 148px !important;
}

#header img {
	width: 300px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

#content {
	padding-top: 30px;
}

#rightpanel {
	padding-top: 30px;
}

#rightpanel ul li {
	display: none;
	color: #F00;
	overflow: hidden;
    margin-bottom: -20px;
    background-color: #FFF;
}

#rightpanel ul li:nth-child(1),
#rightpanel ul li:nth-child(2),
#rightpanel ul li:nth-child(3),
#rightpanel ul li:nth-child(4),
#rightpanel ul li:nth-child(5),
#rightpanel ul li:nth-child(6) {
	display: block;
}

#rightpanel ul li:nth-child(6) {
	content: " ";
	background-color: #FFF;
	color: #FFF;
	height: 30px;
}

#rightpanel ul li:nth-child(6) a:hover {
	background-color: #FFF;
}

#rightpanel ul li:nth-child(6) a {
	color: #FFF;
}


h2 {
	padding-left: 0px !important;
	background-image: none !important;
}

#footerlinks {
	width: 100%;
	padding: 10px 0px;
}

#accreditation {
	clear: both;
}

div.accreditationgroup {
	width: 100%;
}