/* CSS Document */
/* Friends */

body {
	background-color: #918c7f;
	margin: 0;
	font-size:x-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	text-align:center;
	}	
	
h1 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size:200%;
	color:#cfcbc4;
	letter-spacing: .02em;
	margin:0;
	padding:0 0 27px 0;
	}			
	
	
abbr, acronym {border-bottom: 1px dotted #CCCCCC; cursor: help;}

abbr {speak:spell-out;}

acronym {speak:normal;}		
	
#wrap {
	width: 752px;
	margin: 0 auto; 
	text-align:left;
	background:url(../images/bkgtile.jpg) repeat-y center;
	}
		
#toparea {
	width: 752px;
	background:url(../images/topbanner.jpg) no-repeat top center;
	padding:0;
	margin:0;
	}
	
#logo {
	padding: 43px 0 13px 204px;	
	}
	
#logo a  {
	display: block;
	width: 195px;
	}
	
#logo img  {
	display: block;
	width: 0;
	}
	
#logo span {
	display: block;
	width: 195px;
	height: 34px;
	background: url(../images/logo.gif) no-repeat ;
	}	

/*--------------menu-----------------*/

#menu {
	font-size:110%;
	width:722px; 
	float:left; 
	display:block;
	margin-left:15px;
	border-bottom: #c5c4c2 solid 1px;
	background: url(../images/menubkg.jpg) top left no-repeat #d3d6cd;
	display: inline;
	}

#menu ul {margin:0 0 0 150px ; padding:0}
	

#menu li {
	float:left;	
	list-style-type:none;	
	}
	
#menu a {
	float:left;
	text-decoration: none;
	color:#6f6f6f;
	padding:10px .8em 10px .8em;
	border-bottom: 0;
}
	
#menu a:hover {
	color:#171717;
	}	

	
/*----------------main area-------------------*/	
	
#mainarea {
	font-size: 110%;
	width:662px;
	margin-left:15px;
	background: url(../images/mainareatile.jpg) top right repeat-x #f0ede8; 
	padding:35px 30px 20px 30px;
	}			
			
#mainarea p {
	padding: 0 0 15px 0;
	line-height: 2em;
	margin:0;
	}			

#mainarea ul {
	padding: 0 0 10px 12px;
	margin:0;
	line-height: 2em;
	}

#mainarea ul li {
	padding: 0 0 6px 0;
	}
	
#mainarea a:link {
	color: #4e9b3a; 
	text-decoration: none; 
	border-bottom: 1px dotted #4e9b3a;
	}

#mainarea a:visited {
	color: #4e9b3a; 
	text-decoration: none; 
	border-bottom: 1px dotted #4e9b3a;
	}

#mainarea  a:hover {
	color: #4e9b3a; 
	text-decoration: none; 
	border-bottom: 1px solid #4e9b3a;
	}		
	
#homepageimg {
	width:150px;
	float:right;
	margin-left: 15px;
	}
	
#homepageimg img {	
	border: solid 5px #ded8ce;
	}	
	
#homepageimg p {	
	color:#a9a398;
	line-height: normal;
	margin-top:5px;
	}	
	
#visit {	
	margin-top: 20px	
	}
	
#visit a:link {
	border:#c5c4c2 1px solid;
	padding: 10px;
	border-bottom: 1px solid #c5c4c2;
	}	
	
#visit a:visited {
	border:#c5c4c2 1px solid;
	padding: 10px;
	border-bottom: 1px solid #c5c4c2;
	}	
	
#visit a:hover {
	background-color:#f5f3f0;
	border-bottom: 1px solid #c5c4c2;
	}	
	
	
/*----------------clear floats---------------------*/	
	
.clearthefloats {clear:both;}	


/*----------------footer---------------------*/	
	
#footer {
	color:#6f6f6f;
	text-align:center;
	width:682px;
	border-top: #d2d1ce solid 1px;
	border-bottom: #7e7b74 solid 3px;
	background:url(../images/footertile.jpg) repeat-x top #d4d3d0;
	padding: 14px 20px;
	margin-left: 15px;
	}
	
#footer a:link {
	color: #6f6f6f;
	text-decoration: none;
	border-bottom: 1px solid #ababab
	}

#footer a:visited {
	color: #6f6f6f;
	text-decoration: none;
	border-bottom: 1px solid #ababab
	}
	
#footer a:hover {
	color: #6f6f6f;
	text-decoration: none;
	border-bottom: 1px solid #4C4C4C
	}