@import "layout.css";
@import "form.css";
@import "home.css";

/*-------------------------*//*global text styles & classes *//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

/*define basic elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

*{
	margin:0;
	padding:0;
}

ol li 
{
	margin-bottom: 10px;
}

html{
	background:url(/images/bg_html.gif) repeat-x top;
	height: 100%;
}

body{
	font:normal 62.5%/1 Arial,Helvetica,sans-serif;
	color:#333;
	min-height: 100%;
	_height: 100%; /* :hack: min-height for IE6 */
	position: relative;
}

div.formError
{
	color: #ff0000;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
	
}

div.booking 
{
	background: #eeeeee;
	padding: 8px;
	font-size: 1.2em;
	line-height: 1.1;
	margin-bottom: 10px;
}

/*headings*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5{
	margin:0 0 10px;
}

h1{
	font-weight: normal;
	font-size: 2.4em;
	color: #000;
	margin: 0 0 15px;
}

h2{
	font-size: 1.4em;
	color: #000;
	margin: 0 0 15px;
}

h3{
	font-size: 1.3em;
	color: #000;
	margin: 0 0 5px;
}

h4{
	font-size: 1.2em;
	color: #000;
	margin: 0 0 5px;
}

h2 span, h3 span {
	font-weight: normal;
	font-size: .9em;
}

/*paragraphs etc*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

p{
	font-size:1.3em;
	margin:0 0 15px;
	line-height:1.33;
}

p.more {
	margin-top: 10px;
}

.para_dark{
	font-weight:bold;
	color:black;
}

.section {
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	border: solid #e6e6e6;
	border-width: 4px 0 1px;
	padding: 10px 0;
	color: #043c73;
}

.standfirst {
	font-size: 1.7em;
	color: #999;
}

address{
	font:normal 1.1em/1.3 verdana, arial, sans-serif;
	margin:0 0 10px;
}

strong {
	color: #333;
}

blockquote{
	
}

cite{
	
}

abbr, acronym {
	border: 0;
	cursor: help;
}

.avatar {
	float: left;
	margin: 0 20px 10px 0;
}

/*list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

ol{
	
}

ul{
	margin:0 0 10px 30px;	
}

li{
	line-height:1.33;
	font-size:1.2em;
}

ul.normal {
	margin: 15px 0 15px 10px;
}

ul.normal li{
	background:url(/images/list_marker.gif) no-repeat 0 5px;
	padding-left:10px;
	list-style:none;
	font-size:1.2em;
	margin:0 0 15px;
	line-height:1.33;
}

/* item lists - no marker, border bottom */
.items ul {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.items li {
	border-bottom: 1px solid #e4e4e4;
	padding: 0 0 5px;
	margin: 0 0 15px;
	font-size: 1em;
	zoom: 1;
}
.items li:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.items h2 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 0 7px;
	#display: inline; /* :hack: fix extra line next to floated images in IE6+7 */
}

.items p {
	margin: 0 0 7px;
}


.items img {
	float: left;
	margin: 0 20px 15px 0;
}

.body_careers .items img {
	float: right;
	margin: 0 0 15px 20px;
}

/*list styles for Branch Officers*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.officers h2 {
	margin: 0px;
	padding: 0px;
}

.officers p {
	margin: 0px;
}

.officers {
	padding-top: 5px;
	margin-bottom: 17px;
}


/*definition list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

dl{
	
}

dt{
	clear:left;
	float:left;
	width:100px;
	font-size:1.1em;
}
	
dd{
	font-size:1.1em;
}

/*link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

a img{
	border:none;
}

a {
	color: #43a8d2;
	text-decoration: none;
}

a:focus, a:hover{
	text-decoration: underline;
}

a:active{
	
}


#content_main a, #content_main2 a { text-decoration: underline; }
#content_main a:focus, #content_main a:hover, #content_main2 a:focus, #content_main2 a:hover { text-decoration: none; }

.skip{
	position:absolute;
	left:-9999px;
}

/*image replacement*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.replace{ 
	position:relative; 
	/*hide overflow:hidden from IE5/Mac */ 
	/*\*/ 
	overflow:hidden;
	 /**/
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

a.replace span{
	cursor:hand;
}

/*bug workarounds */
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/


iframe{
	height: 1050px;
}

.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac \*/*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac */

/*general custom classes*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.dotrule{
	height:1px; 
	font-size:1px;
	background:url(/images/dot.gif) repeat-x; 
	clear:both;
	margin:5px 0;
}
	
.right{
	float:right;
}

.left{
	float:left;
}

.thumb{
	border:1px solid #e6e6e6;
	padding:1px;
	margin-bottom: 15px;
}

.thumb.left{
	margin:0 15px 15px 0;
}

.thumb.right{
	margin:0 0 15px 15px;
}

.clear{
	clear:both;
}

.intro{
	font-weight:bold;
}

.meta {
	font: italic 1.1em Georgia serif;
	margin-bottom: 10px;
}

.breadcrumbs {
	background: #f4f4f4;
	padding: 8px;
}

/* pagination */

.pagination{
	margin:0 0 20px;
	color: #000;
	font-size: 1.1em;
	zoom: 1;
}
.pagination:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }

.pagination span, .pagination a {
	float:left;
	margin:0 5px 0 0;
	padding: 4px 7px;
	border: 1px solid #ddd;
}

.pagination .current {
	border-color: #fff;
}

.pagination .disabled {
	display: none;
}

.flash{
	padding:8px 10px 10px 27px;
	margin:0 0 20px;
	font-size:1.1em;
	line-height: 1.1;
	border: 1px solid;
	color:#333;
}

.error{
	border-color: #eaafa5;
	background: #fdebe8 url(/images/admin/error.gif) 10px 10px no-repeat;
}

.notice{
	border-color: #b0d585;
	background: #ecfbd0 url(/images/admin/notice.gif) 10px 10px no-repeat;
}