/* 
  -------------------------------------------
  Layout : 2 Column Sidebar Left
  -------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFF;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 100%;
	background: #fff url(../images/design/masthead-bg.jpg) repeat-x top left;
}
#masthead {
	overflow: hidden;
	width:940px;
}
#masthead .logo {
	float:left;
	width:140px;

}
#masthead .logo img{
	border:none;

}
#masthead .title {
	float:left;
	width:450px;
	padding-left:50px;
}
#masthead .phone {
	float:right;
	width:260px;
	padding:40px 0 0 10px;
	font-size:14px;
	font-weight:bold;
}
#masthead .phone p{
	color:#FFFFFF;
	margin:0;
	text-align:right;
	padding:3px 0 0 0;
}
#masthead .title h1 {
	font-size:1.4em;
	color:#FFFFFF;
	font-variant:small-caps;
	letter-spacing:0.2em;
	padding-top:8px;
}
#masthead .strapline {
	font-size:1.1em;
	margin-top:0;
	color:#cccccc;
}
/*
Layout Width
*/
#outer {
	width: 940px;
	margin: 0 auto;
}
#contentwrapper {
	background-color: #FFF;
	background: #fff url(../images/design/logo-btm.jpg) no-repeat top left;
}
#topmenuwrapper {
	margin-left:240px;
	background: #fff url(../images/design/top-navs-bg.jpg) repeat-x top left;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
}
/*
Floated Columns
700 + 240  = 940
*/
.maincolumn {
	float: right;
	width: 699px;
}
.sidebarwrapper {
	float: right;
	width: 235px;
	margin-top: 40px;
	background-color:#F4FCFF;
	padding:0 0 0 5px;
}
.maincontent {
	padding: 24px 32px;
	font-size: .8em;
	line-height: 1.5em;
	border-left: 1px solid #ccc;
}
h1 {
	font-size: 1.3em;
	margin: 26px 0 0 0;
	letter-spacing: 0.25em;
}
h2 {
	font-size: 1.1em;
	margin: 26px 0 0 0;
	letter-spacing: 0.15em;
}
h3 {
	font-size: 1.0em;
}
.sidebarbox {
	padding: 0;
	margin: 0 0 10px 0;
}
.sidebarbox h2{
	font-size:0.9em;
	margin-bottom:20px;
	font-variant:small-caps;
	letter-spacing:0.2em;
	border-bottom: 1px solid #000;
	padding:0 3px;
}
/*Links*/
.maincontent a {color:#003B6F;}
.maincontent a:visited {color:#003B6F;}
.maincontent a:hover {color:#000;}
/* Footer */
.footer {
	overflow: hidden;
	font-size: 0.7em;
	color: #333;
	margin-top: 20px;
	border-top: 1px solid #ccc;
	padding-top:16px;
	background-color:#F4FCFF;
}
.footercolumn1 {
	float: left;
	width: 580px;
	margin-right: 30px;
	border-right:1px dotted #333;
	padding-left:8px;
}
.footercolumn2 {
	float: left;
	width: 200px;
}
.footercolumn3 {
	float: left;
	width: 100px;
}
.footer p {
	margin: 0 0 12px 0;
}
.footercolumn1 a, .footercolumn2 a {
	color: #666;
	text-decoration: underline;
	padding: 2px 6px;
}
.footercolumn1 a:hover, .footercolumn2 a:hover {
	color: #000;
}
.footercolumn2 ul {
	margin: 0;
	padding: 0;
}
.footercolumn2 a {
	display: block;
}
.footercolumn2 li {
	margin-bottom: 2px;
	list-style-type: none;
}
/* Global */
.float-left {
	float:left;
	margin-right: 10px;
}
.float-right {
	float:right;
	margin-left: 10px;
}
li {
	padding:3px;
}
/* about page ----------------------------------------------------  */
#about-page div.role {
	border-top: 1px dotted #ccc;
	margin:10px 0;
	float:left;
}
#about-page div.role img {
	border:1px solid #ccc;
}
#about-page .highlight {
	margin:2px 0 0 0;
	color:#333;
	font-size: 1.1em;
}
/* news page  ------------------------------------------------------- */
#news-page div.item {
	border: 1px dotted #ccc;
	margin:10px 0;
	padding:8px;
}
#news-page .date {
	margin:0;
	color:#333;
	font-size: 0.9em;
}
#news-page .description {
	margin:5px 0 5px 0;
}
#news-page .article {
	border: 1px dotted #ccc;
	padding:10px;
}
#news-page .article h1{
	background: #fff url(../images/news-icon.jpg) no-repeat center left;
	padding:20px 0 20px 75px;
	margin:0;
}
#news-page .back {
	font-size:1.0em;
	padding:30px 0 20px 220px;
	width:100%;
}
#news-page img {
	border:1px solid #ccc;
	padding:10px;
}
/* FAQ page ----------------------------------------------------*/
#faq-page div.item {
	border: 1px dotted #ccc;
	margin:10px 0;
	padding:8px;
}
#faq-page h1{
	background: #fff url(../images/faq-icon.jpg) no-repeat center left;
	padding:20px 0 20px 75px;
	margin:0;
}
#faq-page .question {
	margin:0;
	color:#333;
	font-size: 1.2em;
}
#faq-page .answer {
	margin:5px 0 5px 0;
}
/* Contact page ---------------------------------------------- */
#contact-page h1 {
	margin-bottom: 10px;;
}
#contact-page p {
	margin: 0;
}
#contact-page h3 {
	margin-bottom: 0;
}
/* Contact form page ---------------------------------------------- */
#contact-form-page form {
	padding: 20px;
}
#contact-form-page legend {
	color:#000;
}
#contact-form-page input {
	width: 15em;
}
#contact-form-page label{
	font-weight:bold;
}
#contact-form-page div.row {
  clear: both;
  padding-top: 5px;
  width:80%;
}
#contact-form-page div.row span.label {
  float: left;
  width: 12em;
  text-align: right;
  padding-right:1em;
}
#contact-form-page div.row span.formw {
  width: 60%;
  text-align: left;
}
#contact-form-page .submit-btn input {
	color:#000;
	width:6em;
	margin-top:20px;
	margin-left:170px;
}
#contact-form-page p.instruction{
	padding:10px 30px 0 30px;
	font-style:italic;
}
#contact-form-page label.form-error:after {
	content: " [Invalid]";
	color: #C41034;
}
#contact-form-page p.form-error:after {
	content: " [Invalid]";
	color: #C41034;
}
#contact-form-page input.form-error, #contact-form-page textarea.form-error {
	background: #F62B0C;
	color: #000000;
}
#contact-form-page #list-error {
	list-style-type: none;
	color: #666666;
}
#contact-form-page #list-error li {
	padding: 0 0 0 20px;
	background: transparent url(../images/list_error_bullet.gif) no-repeat 0 50%;
}
 /* location map page
----------------------------------------------*/
#location-page #map {
	width: 480px;
	height: 300px;
	margin:20px 0;
	border:1px solid #ccc;
}
#location-page #map2 {
	width: 480px;
	height: 300px;
	margin:20px 0;
	border:1px solid #ccc;
}
#location-page h1 {
	margin-bottom:20px;
}
/* terms and conditions page
----------------------------------------------*/
#terms-page ol {
	margin:10px 0;
	padding:0;
	font-size:0.9em;
}
#terms-page ol dl li {
	list-style-type:decimal;
}
#terms-page dt {
    font-weight:bold;
    margin:0;
 }
#terms-page dd {
    padding:0;
	margin:0;
}
#terms-page p {
    padding:3px 0;
	margin:0;
}
#terms-page ol dl li ul li{
	list-style-type:lower-roman;
}