/* standard elements */
html {min-height: 100%;}

hr { height: 3px; width: 100%; background: #33AAEE; }

* {
	margin: 0;
	padding: 0;
}

a {
	color: #444;
	text-decoration: none;
	}
a:hover {
	color: #33AAEE;
	text-decoration: none;
	}

body {
	background: #fff;
	color: #444;
	font: normal 62.5% Tahoma,sans-serif;
}
b.listbold {font-weight:normal;}
p,code,ul {
	padding-bottom: 1.2em;
	padding-right: 20px;
}

li {list-style: none;}

h1 {font: bold 1.4em sans-serif;}
h2 {font: bold 1.4em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 24px;
}

h1,h2,h3 {padding-top: 6px; color: #33AAEE; margin-bottom: 4px;}

/* misc */
.clearer {clear: both; font-size: 0;}
.credits {
	color: #33AAEE;
	font: bold 0.8em Tahoma,sans-serif;
}
.right {float: right;}
.number {
	color: #33AAEE;
	display: block;
	text-align: center;
	font: normal 1.8em Tahoma,sans-serif;
}	
.space {
	width: 240px;
	height: 35px;
	background: #fff;
}

/* structure */
.inner-container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 10px;
	width: 780px;
}

.outer-container {
}

/* headere & title */
.header {
	background: #fff url('img/logo.gif') no-repeat;
	height: 60px;
	margin-bottom: 5px;
	text-align: right;
}
.header .title {
	color: #FFF;
	padding-top: 0px;
}
.header .title  {
	background: #fff url('img/logo.gif') no-repeat;
	height: 40px;
	float: left;
}

/* bluebar */
.bluebar {
	background: #33AAEE;
	height: 5px;
	float: right;
	width: 100%;
}

/* main */
.main {
	border-top: 4px solid #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

/* topbox */
.topbox {
	width: 510px;
	height: 490px;
	background: url("img/topbox_image.gif") 0 0 no-repeat;
	padding-top: 16px;
}

.topbox h1{
	color: #fff;
	font: bold 1.9em Tahoma,sans-serif;
	text-align: left;
	line-height: 10px;
	padding-left: 20px;
	padding-bottom: 25px;
	}

.topbox h2{
	color: #33AAEE;
	font: 1.3em Tahoma,sans-serif;
	text-align: left;
	line-height: 10px;
	padding-left: 14px;
	padding-bottom: 7px;
	}

.topbox p{
	color: #444;
	text-align: left;
	font: 1.1em Tahoma,sans-serif;
	line-height: 10px;
	padding-left: 15px;
	padding-right: 20px;
	}
	
.topbox li {
	color: #444;
	font: 1.1em Tahoma,sans-serif;
	list-style: url(img/li.gif);
	margin-left: 32px;
	line-height: 22px;
}	
	
/* butbox */
.butbox {
	/*float: right;*/
	width: 510px;
	height: 50px;
	background: url("img/but_back.gif") 0 0 no-repeat;
}
.butbox a {
	color: #fff;
	text-decoration: none;
	}
.butbox a:hover {
	color: #444;
	text-decoration: none;
	}
div.row {margin: 0; padding: 0; width: 98.5%;}

div.butcolsleft {
	float: left;
	width: 330px;
	height: 50px;
	margin: 0 3px 0 0;
	padding: 0;
	}
div.butcolsright {
	float: right;
	width: 170px;
	height: 50px;
	margin: 0 3px 0 0;
	padding: 0;
	}
.butbox h1{
	color: #444;
	font: bold 1.7em Tahoma,sans-serif;
	line-height: 10px;
	margin-top: 8px;
	padding-left: 50px;
	padding-bottom: 5px;
	padding-top: 7px;
	}
.butbox h2{
	color: #444;
	font: bold 1.7em Tahoma,sans-serif;
	line-height: 10px;
	margin-top: 8px;
	padding-left: 50px;
	padding-bottom: 5px;
	padding-top: 7px;
}
.butbox p{
	color: #fff;
	font: bold 1.5em Tahoma,sans-serif;
	line-height: 25px;
	padding-left: 12px;
	padding-bottom: 5px;
	padding-top: 7px;
	}

/* left nav bar */
.leftNav{
float:left;
width:200px;}

/* left menu */
#treemenu {
background-color:#33AAEE;
background-position:0 1px;
background-repeat:no-repeat;
margin-bottom:5px;
}

#treemenu {
background-image:url(img/bg_menu_cap_top.gif);
}

#treemenu ul {
background-image:url(img/bg_menu_cap_bottom.gif);
}

#treemenu ul {
background-position:0 100%;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#treemenu li {
background-image:none;
border-color:#ffffff ;
border-style:solid none none;
border-width:1px medium medium;
display:block;
line-height:1.7em;
margin:0;
padding:0;
text-align:left;
}

#treemenu li li a {
background:#E7E7E7 none repeat scroll 0 0;
border-left:15px solid #A2BCD5;
color:#777777;
}

#treemenu a {
border-bottom-width:0;
color:#FFFFFF;
display:block;
margin:0;
padding:3px 0 3px 16px;
text-decoration:none;
}

#treemenu a:hover {
color:#33AAEE;
}

/* content */
.content {
	float: left;
	width: 310px;
}

.contentIndex{
float:left;width:510px;}
.content .descr {
	color: #000;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content p {
	color: #444;
	line-height: 17px;
	font: 1.1em Tahoma,sans-serif;
	}
.content h2 {
	padding-top: 12px;
	color: #33AAEE;
	margin-bottom: 4px;
	}

/* navigation */
.navigation {
	float: right;
	width: 300px;
}
.navigation h2 {
	color: #33AAEE;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 10px;
	padding-right: 0px;
}
.navigation ul {
	padding: 0;
	border-top: 1px solid #33AAEE;
}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {
	font-size: 1.1em;
	color: #444;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover {
	background: #FAFAFA;
	color: #654;	
}
.sidepanel {
	float: right;
	width: 240px;
}
.sidepanel h2 {
	color: #5A5A43;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 10px;
}
.sidepanel ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.sidepanel li {border-bottom: 1px solid #EAEADA;}
.sidepanel li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidepanel li a:hover {
	background: #F0F0EB;
	color: #654;	
}

/* footer */
.footer {
	background: #E7E7E3;
	color: #000;
	margin-top: 5px;
}
.footer a {
	color: #000;
	text-decoration: none;
}
.footer a:hover {color: #FFC;}

/* login */
.login {
	float: right;
	width: 240px;
	height: 150px;
	margin-bottom: 20px;
	background: url("img/broker_back.gif") 0 0 no-repeat;
}
.login .someClass {
	color: #444;
	font: 1.1em Tahoma,sans-serif;
	line-height: 20px;
	padding-right: 17px;
	padding-bottom: 20px;
}
.login h2 {
	color: #fff;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 24px;
	margin: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	text-align: right;
}
.login p {
	color: #444;
	font: 0.9em Tahoma,sans-serif;
	padding-right: 20px;
	padding-bottom: 1px;
}


/* callback */
.callback {
	float: right;
	width: 240px;
	height: 185px;
	margin-bottom: 20px;
	background: url("img/callback_back.gif") 0 0 no-repeat;
	}
.callback H2{
	text-align: right;
	color: #fff;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 17px;
	padding-right: 21px;
	padding-bottom: 17px;
	}
	
.button {
	text-align: right;
	padding-right: 22px;
	}

/* Menu Tabs */ 
#tabs {
	float:left;
	width:100%;
	background:#fff;
	font: bold 0.9em Tahoma,sans-serif;
	line-height:normal;
      }
#tabs ul {
    padding:10px 10px 0 0;
    list-style:none;
     }
#tabs li {
    display:inline;
      }
#tabs a {
    float:left;
    background:url("img/tableft.gif") no-repeat left top;
    padding:0 0 0 4px;
    text-decoration:none;
      }
#tabs a span {
	float:left;
	display:block;
	background:url("img/tabright.gif") no-repeat right top;
	color:#fff;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 4px;
      }
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
    color:#33AAEE;
      }
#tabs a:hover {
    background-position:0% -42px;
    background:url("img/tableft2.gif") no-repeat left top;
      }
#tabs a:hover span {
	background-position:100% -42px;
	background:url("img/tabright2.gif") no-repeat right top;
}

/* slogan image */
.slogan {
	font: bold 2.0em Tahoma,sans-serif;
	color: #33AAEE;
	float: right;
	text-align: right;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 410px;
	padding-bottom: 5px;
}
/* warning text */
.warning {
	font: bold 0.9em Tahoma,sans-serif;
	color: #33AAEE;
	text-align: center;
	display: block;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	}

div.row {margin: 0; padding: 0; width: 98.5%;}

div.colsleft {
	float: left;
	width: 310px;
	margin: 0 3px 0 0;
	}

div.mortCol{
float: left;
width: 310px;
margin: 0 3px 0 0;
padding-left:20px;
}

div.colsright {
	float: right;
	/*text-align:center;*/
	width: 240px;
	margin: 0 0 0 0;
	}
	
/* text styles */
.style1 {
	color: #000000;
	font: 1.2em Tahoma,sans-serif;
	text-align:center;
	margin-bottom:25px;
}
.style2 {
	color: #33AAEE;
	font: bold 1.0em Tahoma,sans-serif;
	width: 172px;
}
.style3 {
	color: #ccc;
	font: bold 1.0em Tahoma,sans-serif;
	width: 172px;
}
.style4 {
	color: #444;
	font: 1.2em Tahoma,sans-serif;
	text-align:left;
	line-height: 18px;
}
.style4 li ul{
	list-style: url(img/li.gif);
}	
/* telephone number box */
.telnumber {
	width: 240px;
	height: 125px;
	margin-bottom: 20px;
	background: url("img/telnumber_image.gif") 0 0 no-repeat;	
	}

/* blank box - ticks */
.blankbox {
	width: 240px;
	height: 300px;
	margin-bottom: 20px;
	background: url("img/blankbox.gif") 0 0 no-repeat;
	}
.blankbox p {
	font: 1.2em Tahoma,sans-serif;
	color: #333;
	padding-left: 20px;
	}	
.blankbox li {
	margin-left: 37px;
	margin-top: 13px;
	list-style: url(img/tick.gif);
	font: bold 1.3em Tahoma,sans-serif;
	color: #666;
}
.blankbox h2 {
	font: bold 1.3em Tahoma,sans-serif;
	color: #33AAEE;
}
/* 3 steps box */
.steps {
	width: 240px;
	height: 350px;
	margin-bottom: 20px;
	background: url("img/3step.gif") 0 0 no-repeat;
	}

/* 18 days box */
.days {
	width: 240px;
	height: 125px;
	margin-bottom: 20px;
	background: url("img/18days.gif") 0 0 no-repeat;		
}
.days h2 {
	font: bold 1.5em Tahoma,sans-serif;
	color: #fff;
	text-align: right;
	line-height: 15px;
	display: block;
	margin-top: 7px;
	padding-right: 10px;
	padding-left: 100px;
	padding-top: 4px;
	}

/* footerlinks */
.footerlinks {
	font: normal 100% Tahoma,sans-serif;
	color: #444;
	}
.footerlinks a {
	color: #444;
	text-decoration: none;
	}
.footerlinksa:hover {
	color: #33AAEE;
	text-decoration: none;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* news box */
.news {
	background:#eee;
	border-top: 1px #444;
	width: 240px;
	height: 380px;
	overflow: auto;
	font: 1.1em Tahoma,sans-serif;
	color: #444;
	}
.news li{
	font: 1.1em Tahoma,sans-serif;
	color: #444;
	padding-top: 4px;
	padding-left: 8px;
	}
.news h2{
	padding-top: 4px;
	padding-bottom: 4px;
	font: 0.9em Tahoma,sans-serif;
	color: #33AAEE;
	}
.news a{
	color: #444;
	}
.news a:hover{
	color: #33AAEE;
	}

/* location maps */
div.location address {

font-style:normal;
}

/* contact us form */
.form_label_field_container {
border:1px solid white;
clear:both;
margin:0;
}

#contact_form label {
clear:left;
display:block;
float:left;
margin:3px 0;
width:120px;
}

#contact_form input {
border:1px solid #BCBFC0;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:3px 0;
padding:2px;
width:240px;
}

#contact_form input.submit {
margin-left:120px;
margin-top:10px;
padding:1px;
width:100px;
}
#contact_form input {
border:1px solid #BCBFC0;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:3px 0;
padding:2px;
width:240px;
}

#contact_form textarea {
height:120px;
}
#contact_form textarea {
border:1px solid #BCBFC0;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:3px 0;
padding:2px;
width:240px;
}

/* for the services pages */
.services{
background:none; width:510px; height:1000px;}

.newsadmin{
width:780px;}

.newsadmin .spacer{
width:100%;
height:15px;
text-align:right;
margin-top:10px;}

.newsadmin hr{
float:right;
width:715px;
margin:0px;}

.frmEnvelope{
width:100%;
padding-bottom:10px;}

.frmEnvelope#allNews{
height:160px;}

.frmEnvelope#title{
height:18px;
}

.frmEnvelope#author{
height:18px;
}

.frmEnvelope#title input{
color:#33AAEE;}

.frmEnvelope#content{
height:285px;}

.frmEnvelope#state .frmTxtLeft{
background-color:#FFCC00;}

.frmEnvelope#state .frmElementRight{
background-color:#FFCC00;}

.frmEnvelope#state .frmElementRight input{}

.frmEnvelope#state .tblTextLeft{
width:65px;}

.frmTxtLeft{
float:left;
width:55px;
text-align:right;
padding-right:10px;}

.frmElementRight{
float:left;
width:700px;}

.frmElementRight select{
width:500px;}

.frmElementRight .newArticle{
width:150px;
margin-top:-163px;
margin-left:566px;
float:left;
position:relative;}

.frmElementRight.fullWidth input, .frmElementRight.fullWidth textarea{
width:712px;
font-family: Tahoma,sans-serif;
font-size:11px;}

.newsadmin .buttonBar{
width:780px;
text-align:right;}

.footer p{
margin:0px;
padding:2px;}