/* CSS Document */

/*
Colours 

dark blue: #1c2947;
light blue: #2799cf;

*/

body, div, span, br, form, label, fieldset, legend, img, blockquote, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, a, table, td, tr, th {
	border:0;
	margin:0;
	padding:0;
}


body{
	font: normal 12px Tahoma, Arial,Helvetica,sans-serif;
	color: #ffffff;
	background: #1c2947 url(images/bg.jpg) repeat-x;
}


/*
Main Sections
*/

#whole-container{
	width: 800px;
	margin: auto;
	padding: 0px 0px 50px 0px;
}


/*
Header
*/
#header{
	width: 800px;
	height: 120px;
	float: left;
	padding: 0px 30px 0px 25px; 
	background: #000000 url(images/headerbg.jpg)repeat-x;
}

#header #logo{
	width: 191px;
	height: 77px;
	margin: 22px 0px 0px 0px;
	float: left;
	background: url(images/logo.png);
}

#header .tagline{
	width: 400px;
	margin: 40px 0px 0px 0px;
	float: right;
}

#header .tagline h5{
	font: bold 18px Tahoma, Arial,Helvetica,sans-serif;
	color: #ffffff;
	width: 340px;
	float: right;
}

#header .tagline h6{
	font: bold 18px Tahoma, Arial,Helvetica,sans-serif;
	color: #ffffff;
	width: 259px;
	float: right;
}

/*
Menu
*/



a.link{
	padding: 15px 25px 14px 25px;
	float: left;
	font: bold 12px Tahoma, Arial,Helvetica,sans-serif;
	color: #ffffff;
	text-decoration: none; 
}

a.link:hover{
	background: #ffffff url(images/linkbg2.jpg) repeat-x;
}

.linkon{
	padding: 15px 25px 14px 25px;
	display: block;
	float: left;
	background: #ffffff url(images/linkbg.jpg) repeat-x;
	font: bold 12px Tahoma, Arial,Helvetica,sans-serif;
	color: #1c2947;
}

dt{
	display: none;
}


/*
Content
*/


#content-area{
	width: 800px;
	float: left;
}

#content-area .column1{
	width: 350px;
	margin: 0px 50px 0px 0px;
	float: left;
	text-align: justify;
}

#content-area .column2{
	width: 350px;
	float: left;
	text-align: justify;
}

#content-area p {
	margin: 0px 0px 17px 0px;
}

#content-area .highlight{
	font: bold 18px Tahoma, Arial,Helvetica,sans-serif;
}

#content-area .highlight2{
	font: bold 15px Tahoma, Arial,Helvetica,sans-serif;
}

#content-area .content-block{
	width: 750px;
	padding: 25px;
	margin: 25px 0px 0px 0px;
	background: #ffffff;
	float: left;
	font: normal 12px Tahoma, Arial,Helvetica,sans-serif;
	line-height: 1.5em;
	color: #1c2947;
}

/*
Blue Panel
*/

#content-area .panel{
	width: 700px;
	height: 158px;
	overflow: hidden;
	padding: 25px;
	margin: 25px 0px 0px 0px;
	float: left;
	font: normal 12px Tahoma, Arial,Helvetica,sans-serif;
	background: #1c2947;
	color: #ffffff;
}

#content-area .panel-noscript{
	width: 700px;
	padding: 25px;
	margin: 25px 0px 0px 0px;
	float: left;
	font: normal 12px Tahoma, Arial,Helvetica,sans-serif;
	background: #1c2947;
	color: #ffffff;
}

#content-area .text-link{
	color: #2799cf;
	font-weight: bold;
}

.arrow{
	float: left;
	height: 154px;
	display: none;
}

.arrowright{
	float: right;
	height: 148px;
	display: none;
}


#content-area .panel .panel-content-container{
	float: left;
	width: 612px;
}

#content-area .panel .panel-content-container .members-content{
	float: left;
	width: 612px;
}
.members-image-1{
	float: left;
	width: 256px;
	height: 148px;
	margin: 0px 15px 0px 15px;
	background: url(images/members1.jpg);
}

.members-image-2{
	float: left;
	width: 256px;
	height: 148px;
	margin: 0px 15px 0px 15px;
	background: url(images/members2.jpg);
}

.members-image-3{
	float: left;
	width: 256px;
	height: 148px;
	margin: 0px 15px 0px 15px;
	background: url(images/members3.jpg);
}

#content-area .panel .panel-content-container .members-content .members-text{
	margin: 0px 0px 5px 0px;
	float: left;
	font: normal 12px Tahoma, Arial,Helvetica,sans-serif;
	background: #1c2947;
	color: #ffffff;
}

#content-area .panel .panel-content-container .members-content .members-title1{
	font: bold 16px Tahoma, Arial,Helvetica,sans-serif;
	color: #ffffff;
}

#content-area .panel .panel-content-container .members-content .members-title2{
	font: bold 14px Tahoma, Arial,Helvetica,sans-serif;
	color: #2799cf;
}

#content-area .panel .panel-content-container .members-content .members-title3{
	font: bold 14px Tahoma, Arial,Helvetica,sans-serif;
	color: #ffffff;
}

/*
Form
*/

#content-area .formline{
	width: 730px;
	margin: 10px 0px 0px 0px;
	float: left;
}

#content-area .formtext{
	width: 240px;
	float: left;
	color: #1c2947;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
}


#content-area .textfield{
	width: 300px;
	float: left;
	border: 1px #1c2947 solid;
	background: #ffffff;
}

#content-area .address{
	width: 300px;
	height: 100px;
	float: left;
	border: 1px #1c2947 solid;
}

#content-area .message{
	width: 400px;
	height: 100px;
	float: left;
	border: 1px #1c2947 solid;
}

#content-area .button{
	width: 130px;
	height: 30px;
	border: 2px #1c2947 solid;
	background: #2799cf;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
}