/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #000000;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background-color		: #FFFFFF;
	
}


/*###################
##### CONTAINER #####
###################*/ 

#container{
	display					: block;
	width					: 960px;
	margin					: 0px auto 0px auto;
	text-align				: left;
	
}


/*###############
##### FONTS #####
###############*/ 


p{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 10px 0px;
	font-size 				: 100%;
	line-height				: 1.5em;
}



h1{ /* Page title */
	padding		 			: 0px 0px 5px 0px;
	margin					: 5px 0px 10px 0px;
	font-size 				: 120%;
	border-bottom			: 1px solid #E0E2B8;
}


h2{ /* Paragraph heading */
	padding		 			: 0px 0px 0px 0px;
	margin					: 5px 0px 10px 0px;
	font-size 				: 120%;
	color					: #670001;
}

.altColour{
	color					: #670001;
}

#content a{
	color					: #7D3817;
	text-decoration			: none;
}

#content a:hover {
	color					: #000000;
	text-decoration			: underline;
}


 /* Main content bullet point */

#content ul{
	list-style 			: none;
	margin 				: 0px 0px 0px 0px;
	padding 			: 5px 0px 5px 0px;
}

#content ul li {
	display 			: block;
	margin 				: 0px 0px 5px 10px;
	padding 			: 0px 0px 0px 15px;
	line-height			: 1.6em;
	background-image	: url(../images/bullet.gif);
	background-position : top left;
	background-repeat	: no-repeat;
}

#content ul li li{
	background-image	: url(../images/bullet1.gif);
}



/*################
##### HEADER #####
################*/ 


#header{
	width					: 960px;
	height 					: 83px;
	padding		 			: 0px 0px 0px 0px;
	margin					: 0px auto 0px auto;
	background-color		: #670001;
	background-image		: url(../images/headerLogo.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}

.headerLink{
	position				: absolute;
	margin					: 18px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	border					: none;
	width					: 270px;
	height					: 40px;
}

*html .headerLink{
	margin					: -2px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
}


/*#########################
### LANGUAGE NAVIGATION ###
#########################*/ 

#navTop{
	margin					: 0px 0px 0px 80px;
	padding					: 5px 0px 0px 0px;
	display 				: block;
	float					: right;
	width					: 158px;
	height					: 15px;
	clear					: both;
}


ul#navTop{
	display 				: block;
	list-style 				: none;
}


ul#navTop li{
	display 				: inline;

}
ul#navTop li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 18px 0px 13px;
	display 				: block;
	float 					: left;
	font-weight				: normal;
	color					: #9B5756;
	text-decoration 		: none;
	font-size 				: 12px;
	height					: 15px;
	background-image		: url(../images/langArrowOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}
ul#navTop li a:hover, ul#navTop li a.selected{
	color					: #FFFFFF;
	background-image		: url(../images/langArrow.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}


/*#####################
### MAIN NAVIGATION ###
#####################*/ 

#nav{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 2px 0px 20px;
	width					: 850px;
	height					: auto;
	float					: right;
}

ul#navMain{
	margin 					: 41px 0px 0px 0px;
	padding					: 0px;
	display 				: block;
	list-style 				: none;
	background-color 		: #DCD3CA;
	background-image		: url(../images/btnBkgnd.jpg);
	background-position		: bottom left;
	background-repeat		: repeat-x;
	height					: 22px;
	float					: right;
}

*html ul#navMain{
	margin 					: 36px 0px 0px 0px;
}



ul#navMain li{
	display 				: inline;

}
ul#navMain li a{
	display 				: block;
	color 					: #666666;
	text-decoration 		: none;
	float 					: left;
	padding 				: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	background-image		: url(../images/btnRight.gif);
	background-position		: top right;
	background-repeat		: no-repeat;

}
ul#navMain li a:hover{
	color 					: #000000;
}

ul#navMain li a.selected{
	color 					: #000000;
	background-color 		: #F4F5E5;
}


.btnLeft {
	border					: none;
	padding					: 0px;
	margin					: 0px;
	float					: left;

}

.btnText{
	padding 				: 0px 7px 0px 7px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 12px;
	line-height				: 1.8em;
}




/*###############
#### CONTENT ####
###############*/ 
	

#content{
	padding					: 0px 0px 0px 0px;
	margin					: 0px auto 0px auto;
	width 					: 960px;
	height					: auto;
	display 				: block;
	line-height 			: 175%;
	min-height				: 450px;
	background-color		: #FFFFFF;
	background-image		: url(../images/contentBkgrnd.jpg);
	background-position		: top left;
	background-repeat		: repeat-x;
}

*html #content{
	height					: 450px;
}


#contentFull{
	padding					: 20px 10px 10px 30px;
	margin					: 0px 0px 0px 0px;
	width 					: 900px;
	min-height				: 450px;
	float					: left;
	display 				: block;
}

*html #contentFull{
	height					: 450px;
}

#contentLeft{
	padding					: 20px 10px 10px 30px;
	margin					: 0px 0px 0px 0px;
	width 					: 700px;
	min-height				: 450px;
	float					: left;
	display 				: block;
}

*html #contentLeft{
	height					: 450px;
}


#contentRight{
	padding					: 20px 10px 5px 10px;
	margin					: 0px 0px 0px 0px;
	width 					: 180px;
	min-height				: 450px;
	float					: right;
	display 				: block;
}

*html #contentRight{
	height					: 450px;
}


/*################
##### TEASER #####
################*/ 


.teaser{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 172px;
	min-height				: 450px;
	display 				: block;
	background-image		: url(../images/teaserBkgrd.jpg);
	background-position		: top;
	background-repeat		: no-repeat;
	font-size				: 90%;
}

*html .teaser{
	height					: 450px;
}

.teaser p{
	padding					: 0px 5px 5px 10px;
	margin					: 0px 0px 0px 0px;
}

.teaser h2{
	padding					: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	text-align				: center;

}

.teaser img{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 15px 11px;
	border					: 1px solid #621501;
}

.arrowBtn{
	padding					: 5px 5px 5px 10px;
	margin					: 0px 0px 0px 0px;
	background-image		: url(../images/arrow.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

/*################
##### FOOTER #####
################*/ 


#footer{
	margin					: 0px auto 0px auto;
	padding					: 0px 0px 0px 0px;
	display					: block;
	width					: 960px;
	height					: 40px;
	clear					: both;
	text-align				: left;
	font-size				: 90%;
	font-weight				: normal;
	color					: #AC4E20;
	background-image		: url(../images/footerBkgrnd.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}


#copyright{
	margin					: 0px 0px 0px 0px;
	padding					: 13px 0px 0px 5px;
	color					: #660000;
	float					: left;
	
}

#copyright a{
	color					: #9B0000;
	
}

#copyright a:hover{
	color					: #000000;
	
}



/*#########################
### FOOTER NAVIGATION ###
#########################*/ 


ul#footerNav{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 0px 0px;
	display 				: block;
	float					: right;
	list-style 				: none;
	width					: 960px;
}


ul#footerNav li{
	display 				: inline;

}
ul#footerNav li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 9px 0px 9px;
	display 				: block;
	float 					: left;
	font-weight				: normal;
	color					: #9B5756;
	text-decoration 		: none;
	font-size 				: 11px;
	height					: 15px;
	border-right			: 1px solid #9B5756;
}
ul#footerNav li a:hover, ul#footerNav li a.selected{
	color					: #FFFFFF;
}




/*################
##### TABLES #####
################*/ 


.tblProfile{
	width					: 450px;
	font-size				: 12px;
	float					: left;

}

.tblProfile td{
	height					: 25px;
	vertical-align			: top;
	padding					: 0px 0px 10px 0px;

}


/*###############
##### MISC. #####
###############*/ 


.miscTxt{
	clear					: both;
	color					: #777777;
	padding					: 20px 0px 0px 0px;
	
}

.barristerLink{
	display					: block;
	width					: 250px;
	float					: left;
	padding					: 0px 0px 0px 15px;
	margin					: 0px 0px 0px 10px;
	background-image		: url(../images/bullet.gif);
	background-position		: top left;
	background-repeat		: no-repeat
}

.imgRight{
	float					: right;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 10px 20px;		
}



.photoProfile{
	border					: 1px solid #CCC;
	float					: right;
	margin					: 0px 0px 0px 10px;
}

.photoProfileLeft{
	border					: 1px solid #CCC;
	float					: left;
	margin					: 0px 20px 0px 0px;
}

hr{
	margin					: 5px 8px 10px 8px; 
	padding					: 0px 0px 0px 0px; 
	height					: 1px; 
	border					: 1px solid #DEDEDE;
}


.clear{
	clear					: both;
}


/* Form Fields */
.textArea, .textField{
	width					: 200px;
	padding					: 2px 2px 2px 2px;
	margin					: 2px 0px 2px 0px;
	border					: 1px solid #AC4E20;
	background-color		: #FFFFFF;
	color					: #000000;
	font-size				: 80%;
}


#content .miscBtn a{
	width					: 80px;
	height					: 20px;
	padding					: 0px 0px 0px 0px;
	margin					: 2px 0px 2px 0px;
	border					: 1px solid #E0E2B8;
	background-color		: #ECEDD1;
	color					: #999999;
	text-align				: center;
	text-decoration 		: none;
	font-size 				: 10px;
	line-height				: 2.0em;	
	float					: right;
	cursor					: pointer;
	cursor					: hand;
}

#content  .miscBtn a:hover{
	color					: #333333;
	background-color		: #E3E6C1;
	text-decoration 		: none;
	border					: 1px solid #DADDAC;
}


#googleMap
{
	float: right;
}
