/* TAGS ETC
-------------------------------- */

h1, h2 {margin: 0;color: #005dab;	font-size: 105%;font-weight: bold;}
h1  {font-size: 110%; margin: 5px 0 7px 0; padding: 0;}
h2  {font-size: 125%; margin: 17px 4px;}
p { line-height: 18px; font-size: 75%; color: #666;}
a { color: #222; }
.logo { background: transparent url(../Images/logo.png) no-repeat top left;width: 385px;	height: 64px;	margin: 60px 0 20px 20px;display: inline;float: left;}
a img { border: none;}
a:hover img {border: none;}
.copyright {float: left;	margin: 0;padding: 0;}
.footer a {	text-decoration: underline;	}

/* MAIN STRUCTURE 
----------------------------------------------- */

.wrapper { width:1004px;margin: 0 auto 0 auto;	text-align: left; background: transparent url(../Images/sides.png) repeat-y top left;}
.wrap {width:1004px;margin: 0px auto 0px auto;text-align: left;background: transparent url(../Images/sides.png) repeat-y top left;padding: 0;clear: both;  float: left;}
.container {width:930px;margin: 0 10px 15px 10px;text-align: left;background: #fff;clear: both;float: left;display: inline;}
.container img {display: inline; margin: 10px 0 0 0;padding: 0; width: 930px;float: left;}
.clear {clear: both;}
.header {	background: transparent url(../Images/top.png) no-repeat top left;width:1004px;	margin: 0 auto;height: 28px;	float: none;	clear: both;	position: relative;}
.brand { z-index: 2;width:979px;background: transparent url(../Images/header.jpg) no-repeat top left;margin: 0 0 0 25px;float: left;display: inline;padding: 0;height: 145px;}
.content {width: 952px;	background: none ;	border-left: solid 1px #ccc;border-right: solid 1px #ccc;margin-left: 25px;	margin-right: 0;float: left;clear:both;display: inline;padding-top: 15px;}
.insidefoot {	background: #fff url(../Images/insidefoot.jpg) no-repeat bottom left;width: 956px;float: left;clear: both;height: 27px;margin-left: 25px;display:inline;}
.left {width: 615px;float: left;display: inline;	margin: 0 0 0 10px;padding: 0;	clear: left;}
.right {	width: 310px;	float: right;display: inline;margin: 0 10px 0 0;padding: 0;}
.homeleft {float: left;}
.homeright {float: right;}

.features{width: 942px;	margin: 5px 0 20px 10px;	float: left;display: inline;}
.features .articlelist .article {width: 304px;margin-right: 10px;float: left;display: inline;padding-top: 0;}
.features .articlelist .article h2.title {	margin: 0;padding: 0;	line-height: 20px;float :left;clear: both;	width: 100%;}
.features .articlelist .article h2.title a{margin: 0;padding: 0;color: #005dab;font-size: 75%;font-weight: bold;clear: both;	line-height: 20px;text-decoration: underline;float :left;clear: both;width: 100%;}
.features .articlelist .article .readmore a{margin: 0;color: #005dab;font-weight: bold;font-size: 80%;}

.right .articlelist {	margin: 0 5px 5px 10px;float: left;clear: both;	width: 298px;	display: inline;}
.right .articlelist .article {	margin: 10px 0 15px 0;	display: inline;}
.right .articlelist .article .summary {margin: 0 5px 5px 0; font-size: 75%;}
.right .articlelist .article .summary p {margin-left: 0;	font-size:100%;}
.right .articlelist .article p.date {margin: 0 5px 5px 0;}
.right .articlelist .article h2.title {margin: 0;padding: 0;}
.right .articlelist .article h2.title a{	margin: 0;padding: 0;color: #005dab;font-size: 0.7em;font-weight: bold;width: 297px;}

.right .team .articlelist .article h2.title {	margin: 0;}
.right .team .articlelist .article h2.title a{margin: 0;color: #005dab;font-size: 70%;font-weight: bold;background: #fff url(../Images/user.jpg) no-repeat top right;padding-right: 17px;float: left;clear: both;width: 90%;}
.right .articlelist .article .readmore a {  width: 297px;}
.right .team .articlelist .article .summary {clear: both;width: 100%;	margin: 0 0 3px 0;padding: 0;font-size: 75%;}
.right .team .articlelist .article .summary p {margin-left: 0;}
.right .team .articlelist .article .readmore a{font-size: 75%;}
.right .team .articlelist .article { margin-bottom: 7px;  float: left;  clear: both; width: 100%;}
.services .articlelist .article { background: #fff url(../Images/article_foot.jpg) no-repeat bottom left;width: 607px;float: left;clear: both;margin: 10px 0 5px 5px;display: inline;}
.services .articlelist .article .thumbnail {float: left;padding: 10px;}
.services .articlelist .article h2.title {margin: 0;	padding: 10px 0 0 170px;	background: transparent url(../Images/article_top.jpg) no-repeat top left;}
.services .articlelist .article h2.title a{color: #005c9b;font-size: 80%;}
.services .articlelist .article p.summary {margin: 0 5px 8px 170px;padding-right: 5px;}
.services .articlelist .article .readmore a {float: right;margin: 5px 10px 5px 5px;font-size: 80%;}
.footer 
{
     clear:both;
     position: relative;
	margin: 0 auto ;
	width: 954px;
	padding: 0 25px 20px 25px;
	text-align: left;
	background: transparent url(../Images/foot.png) no-repeat bottom left;
}
.footer p.copy {line-height: 15px;font-size: 65%;	color: #999;float :left;}
.footer p.contact {background: transparent url(../Images/phone_icon.jpg) no-repeat top left;padding-left: 16px;	float :right;}
.search {	float: left;clear: both;margin: 0 0 15px 10px;}
.left .content {margin: 10px;}
.content .left p {margin: 0 0 10px 0px;}

/* NAVIGATION
------------------------------------------------ */

.nav {width:964px;clear: both;float: left;position:relative;display: inline;background: transparent url(../Images/nav.jpg) no-repeat top left;padding-top: 10px;margin: 0 0 0 25px;}
.nav ul {margin:0;padding: 0;	list-style-type: none;}
.nav ul li {	float: left;background: transparent ;margin-left: 5px;display: inline;}
.nav ul li a {float: left;background: transparent;	color: #fff;font-weight: normal;font-size: 90%;text-decoration: none;}
.nav li a span  {	float: left;background: none;color: #fff;	font-weight: normal;   padding: 5px 19px 7px 19px;text-decoration: none;}
.nav li a:hover   {background: #fff url(../Images/overtableft.gif) no-repeat top left;float: left;cursor:pointer;}
.nav li a:hover span  {	float: left;background: transparent url(../Images/overtabright.gif) no-repeat top right;color: #444;	font-weight: normal;   padding: 5px 19px 7px 19px;text-decoration: none;cursor:pointer;}

#nav a span {float:left;display:block;	background:url(../Images2/nav_clear_right.jpg) no-repeat right top;	padding:5px 14px 1px 5px;	font-weight:bold;color:#333333;cursor: pointer;}
#nav a:hover span {color: #FFFFFF;}
#nav .current a {	background-position:0 -125px;background:url(../Images2/nav_solid_left.jpg) no-repeat left top;}
#nav .current a span {background-position:100% -125px;background:url(../Images2/nav_solid_right.jpg) no-repeat right top;color:#FFFFFF;}
#nav a:hover {background-position:0% -125px;	background:url(../Images2/nav_solid_left.jpg) no-repeat left top;}
#nav a:hover span {background-position:100% -125px;	background:url(../Images2/nav_solid_right.jpg) no-repeat right top;
}
/*----------------------------------*/

.bar {float: left;width: 990px;clear: both;	background: #a1a1a2;	height:30px;}
.largeimage {    margin-top: 0;}
.head {background: transparent url(../Images/headright.jpg) no-repeat top right;	width: 100%;	float: left;clear: both;}
.head span {background: transparent url(../Images/headleft.jpg) no-repeat top left;	float: left;padding: 10px 0 10px 10px;	font-weight: bold;color: #183a4d;}
.head a { color: #183a4d;}
.head span.rss {float: right;background: none;margin-right: 12px;}

/* PANELS
---------------------------------- */
.panel{float: left;display: inline;}
.panel p, .panel h2, .fullwidth h2 {margin: 10px;}
.first {margin-right: 10px;}
.fullwidth {float: left;margin: 5px 0;border: solid 1px #555;clear: both;position: relative;width: 588px;}
.panel li a {background: transparent url(../Images/circlearrow.jpg) no-repeat top right; padding-right: 20px;}

/* FORMS
------------------------------- */

label {
	font-weight: bold;
	color: #222;
	clear: both;
	width: 210px;
	margin: 7px 0;
	float: left;
}
.textinput {
	width: 210px;
	border: solid 1px #222;
	padding: 2px;
	margin: 0;
	float: left;
}
.newsletterinput {
	width: 180px;
	border: solid 1px #222;
	padding: 2px;
	margin: 0 7px 0 0;
	float: left;
}
.button {
	background: #333;
	color: #fff;
	padding:1px 4px;
	border: none;
	}
select {
	width: 220px;
	border: solid 1px #222;
	clear: both;
	}
.submitbutton {
	background: #333;
	color: #fff;
	float: left;
	padding: 3px 6px;
	border: none;
	clear: both;
	margin: 6px 0;
}
.contactform {
	width: 450px;
	}
.contactform label {
	float: left;
	clear: none;
	width: 150px;
	margin: 3px 3px 3px 10px;
	font-size: 75%;
}
.contactform .textinput {
	width: 200px;
	margin: 3px;
	float: none;
	clear: none;
}
.contactform .textbox {
	width: 250px;
	height: 100px;
	font-family: Arial, sans-serif;
	border: solid 1px #333;
	margin: 3px;
}
.contactform .submitbutton {
	margin-left: 170px;
	}
.left p, .right p  {
	margin: 10px;
	}
/* ARTICLE LISTS 
---------------------------------- */
.news {float: left; clear: both; margin: 5px; width: 600px; display: inline;}
.news .articelist { float: left; clear: both; margin: 0; padding: 0; width:100%;}
.news .articlelist .article { float: left; clear: both;margin: 0 0 12px 0; width: 100%;}
.news .articlelist .article h2.title {
	margin: 0;
	padding: 0;
	}
.news .articlelist .article h2.title a{ 
	padding: 0 25px 2px 5px;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	font-size:0.7em;
	color: #005dab;
}
.news .articlelist .article p.date {
	margin: 0 0 0 5px;
	font-weight: bold;
	}
.news .articlelist .article .summary {
	margin: 0 0 0 5px;
	}

.news .articlelist .article .readmore {
	font-size: 75%;
	margin: 0 0 0 5px;
	}
.home {
	float: right;
	}
.right .readmore a 
{
    font-size: 80%;
}

/* CALLBACK
-------------------------------------------------- */
.callback {
	margin-bottom: 15px;
	float: left;
	clear: both;
	width: 300px;
	}
.callback p.message { margin: 0 0 0 12px; padding: 0;}
.contactform p.message { margin: 0 0 0 10px; padding: 0;}
.callback label{
		font-size: 0.8em;
		margin-left: 12px;
}
.callback .textinput {
		border: solid 1px #999;
		margin-left: 15px;
}
.callback .submitbutton{
		margin-left: 15px;
}
/* PAGINATION
-------------------------------------------------- */

ul#months {width: 100%; margin: 0; padding: 0; list-style-type: none;}
ul#months li{ display: inline; float: left;}
ul#months li a{float: left; padding: 3px 5px;font-size: 0.8em; background: #fff; border: solid 1px #ccc; color: #222;margin-right: 4px;}
ul#months li a.selected{background: #222; color: #fff;}

.paging {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding: 4px 0;
	font-size: 80%;
}
.paging a 
{
    font-weight: bold;
}
/* LOGIN BOX
---------------------------------------------------- */

.loginbox {
	width: 350px;
	height: 20em;
	margin: 0 auto;
	text-align: left;
}
.loginbox label {
	float: left;
	font-weight: bold;
	margin: 3px;
}
.loginbox .textinput  {
	margin: 3px;
	border: solid 1px #444;
	padding: 2px;
}
.loginbox .submitbutton {
	background: #222;
	color: #fff;
	font-weight: bold;
	padding: 3px 6px;
	float: left;
	margin: 5px;
}
.loginbox .message, .message {
	color: #cc0000;
	font-weight: bold;
	clear: both;
	width: 100%;
	margin: 3px 0;
}
.left .mainbanner {
	margin-bottom: 5px;
	display: inline;
	float: left;
	clear: both;
}

.page {
	float: left;
	width: 300px;
	margin-right: 5px;
	}

.page ul li a {
	font-size: 75%;
	margin: 0 0 7px 0;
	font-weight: bold;
}
.page .article {
	margin: 0;
	padding: 0;
	}
.page .article h2.title {margin: 0; padding: 0;}
.page .article h2.title a{
	font-size: 65%;
	margin: 0 0 7px 0;
	padding: 0;
	}