@charset "utf-8";
/* CSS Document */

/* TEMPLATE */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#3a4d61;
}

a:link {
	color: #073046;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ff6600;
}
a:hover {
	text-decoration: none;
	color: #ff6600;
}
a:active {
	text-decoration: none;
}

#mastertemplate {
	width:950px;
	height:1300px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

#masterblock {
	width:50px;
	height:182px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(images/template/b3-banner-block.jpg);
	background-repeat:no-repeat;
}

#masterleft {
	width:216px;
	height:700px;
	float:left;
	background-color:#073046;
}

#masterright {
	width:684px;
	height:1300px;
	float:left;
	background-image:url(images/template/b3-content-banner.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

/* COPY */

#maincopy {
	width:624px;
	float:left;
	margin-left:30px;
	margin-right:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	color:#073046;
}

.firstpara {font-weight:lighter; font-size:18px; line-height:130%; color:#073046;}

.contactnumber {font-size:18px; font-weight:normal; color:#073046;}	

.orange {color:#ff6600; font-size:14px; font-weight:bold; line-height:110%;}

#rule {
	width:624px;
	height:15px;
	border-bottom: 1px dotted #ff6600;
}

/* FORM */

.cssform p{
width: 424px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
border-top: 1px dotted #ff6600;
height: 1%;
}

.cssform label{
font-weight: normal;
float: left;
margin-left: -200px; /*width of left column*/
width: 195px; /*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: 300px;
}

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

.smalltext {font-size:9px; }

.required {color:#ff6600; }

/*.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;
}


/* LINKS MENU */

.sexypanels{
list-style-type: none;
margin: 0;
padding: 0;
width: 216px; /* width of menu */
}

.sexypanels li{
border-bottom: 0px solid white; /* white border beneath each menu item */
}

.sexypanels li a{
background: #073046 url(media/sexypanelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 11px Arial;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 30px;
text-decoration: none;
border-bottom: 0px solid #3a4d61; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.sexypanels li a:visited, .sexypanels li a:active{
color: #ffffff;
}

.sexypanels li a:hover{
background-color: #3a4d61; /*color of menu onMouseover*/
color: #ff6600;
border-bottom: 0px solid #3a4d61; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

<!--[if IE]>
<style type="text/css">
.sexypanels li a{ /* Menu link width value for IE */
width: 100%;
}
</style>
<![endif]-->