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



html, body {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #928a81;

}


body {
	min-width:670px;
	text-align:center;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 13px;
	color: #666666;
	font-style: normal;
	line-height: 100%;
	background-color: #928a81;

}


p {
	line-height: 130%;
	font-size: 100%;
}

	

a {
	font-size: 100%;

	
}



#page-container {
	width: 670px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;						/* scrollbars no */
	text-align:left;				
	background-color: #928a81;
}





#page-picture {
	width: 379px;
	float:left;
	overflow: hidden;
	}
	

#logo_topright {
	width: 291px;
	float: left;
	overflow: hidden;

	}



#main-nav {
	width: 100%;
	background-color: #000000;
	clear:both;

}

	

#content-area {
	width: 664px;
	margin-bottom:12px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #000000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: #CCCCCC;
	}
	
	
	/*ONLY INTERNET EXPLORER (WINDOWS AND MAC) CAN READ WHAT COMES AFTER THE ASTERISK BELOW. So the first width below is for IE5.x WIN only because it interprets box width and height differently to other browsers. The width measurement includes the border width, unlike all other browsers where the padding or border amounts are added to the width amount when rendering the page. Margins are always extra.  The second line, with the slash, is for all other Internet Explorer browser versions  as they can still read this CSS but they interpret width and height correctly i.e. as all other browsers (excluding border and padding). */
	
	
	
					* html content-area {
											
							 				 width: 670px; 
											  w\idth: 664px;
											}

/*When trying to nest divs where a containing div has a background colour and borders, it doesn't work. The fix below FORCES THE CONTENT-AREA, with its black borders and background colour, TO EXTEND THE HEIGHT OF THE LONGEST DIV CONTAINED WITHIN IT.*/


					.clearfix:after {
					content: ".";
					display: block;
					height: 0;
					clear: both;
					visibility: hidden;
					}
					
					
					.clearfix {display: inline-block;}  /* for IE6 Mac */
					
					.clearfix { height: 1%;} /* for IE7 */
						


	#textleft {
	float:left;
	background-color: #CCCCCC;
	width: 56%;
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom:20px;
	}
	
					
					
					
					
					
					
	#content-right-column {
	background-color: #CCCCCC;
	width: 34%;
	float: right;
	text-align:right;
	padding-right: 30px;
	}






			
				#content-area a {
				font-size: 100%;
				font-weight: normal;
				color: #000000;
				padding-bottom: 4px;
				text-decoration: underline;
																		}
									
									
									
				#content-area a:hover {
	color: #000000;
	font-weight: bold;
						}
						
				#content-area a:visited {
				color: #333333;
						}
						
						
						


				h1 {
				font-size: 180%;
				line-height:120%;
				font-weight: normal;
				padding-top: 8px;
				padding-left: 0px;
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-bottom-color: #999999;
				color: #666666;
				padding-bottom: 4px;
				}
																	
				h2 {
				font-size: 120%;
				font-weight: bold;
				padding-top: 8px;
				padding-left: 0px;
				color: #666666;
				}
										
				h3 {
				font-size: 20%;
				line-height:50%;
				font-weight: normal;
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-bottom-color: #999999;
				color: #CCCCCC;
				padding-bottom: 1px;
							}
				
				#content-area li {
				line-height: 140%;
				}
				
				
				.textintables {
					font-size: 100%;
				line-height: 120%;
				}
			
				.smallertext {
				font-size:80%;
			
				}
				
				.boldtext {
				font-size:100%;
				font-weight: bold;
				}