/* CSS Document */





body {

	font-family:'Century Gothic', Arial, Helvetica, sans-serif;

	font-size:0.8em;

	margin: 0;

	padding: 0;

	background-color:#ffffff;

	text-align:left;

}

	

#wrapper {

	width: 760px;

	margin-right: auto;

	margin-left: auto;

	border-left: 1px solid #000000;

	border-right: 1px solid #000000;

	background: #FFF url(pics/portr.jpg) no-repeat center center;

	text-align: left;

}



 	

/* ------Header----- */	

#header {

	height: 102px;

	margin: 0 auto;

	background-image:url(pics/logo_noline.gif) no-repeat;

	background-color:#FFFFFF;

	width: 760px;

	}





		

	

/* ------Nav----- */	

ul.nav {

	list-style-type:none;

	padding-left:0;

	padding-top: 6px;

	padding-bottom: 5px;

	border-bottom: 1px solid #859f6f;

	padding-right:0;

	}



ul.nav li {display: inline;

	}



ul.nav a {

	border: 1px solid #859f6f;

	border-bottom:none;

	padding: 5px 10px 5px 10px;

	background-color: #eaeaea;

	text-decoration: none;

	color: #466731;

	}

	

ul.nav a:visited {

	color:#000000;

	text-decoration:none;

	}

	

ul.nav a:hover {

	color:#ffffff;

	text-decoration:none;

	background-color: #859f6f;

	}



ul.nav a:active {

	color:#ffffff;

	text-decoration:none;

	background-color: #859f6f;

	}



/* ------Body----- */	

.bevelmenu{

font: 13px;

font-family: Tahoma, "Lucida Grande", Arial, sans-serif;

padding: 6px 0;

margin: 0;

width: 75%;

text-align: left; /*set value to "right" for example to align menu to the right of page*/

}



.bevelmenu li{

list-style: none;

display: inline;

}



.bevelmenu li a{

padding: 3px 0.5em;

text-decoration: none;

color: black;

background-color: #eaeaea;

border: 2px solid #FFF2BF;

}



.bevelmenu li a:visited{

color: black;

text-decoration: none;

}



.bevelmenu li a:hover{

color: white;

background-color: #466731;

border-style: outset;

}



html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */

border-style: inset;

}



#left  {

	float: left;

	width: 260px;

	height: 280px;

	margin-top: 0px;

	margin-left: 55px;

	}



* html #left {

	display: inline;

	}

		

#left p {

	width: 220px;

	list-style-type:none;
	padding-top:0px;
	margin-top:0px;

			} 

			

#left h3	{

	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;

	line-height:16px;

	}

	

.right {

	float: right;

	width: 420px;

	margin-top:0px;

		}



.right img {

	border: 1px;

	border-color:#000000;

		}



/* ------Footer----- */	

.footer

	  {

	  font-size: 0.8em;

	  color: #333333;

	  margin-top: 400px;

	  padding-left: 25px;

	  text-align: center;

}



.footer a:link {

	color: #333333;

	text-decoration: none;

	}



.footer a:visited {

	color: #333333;

	text-decoration: none;

	}	



.footer a:hover {

	color: #000000;

	text-decoration: underline;

	}



a:link {

	color: #ffffff;

	text-decoration: none;

	}



a:visited {

	color: #ffffff;

	text-decoration: none;

	}



a:hover {

	color: #000000;

	text-decoration: underline;

	}



a:active {

	color: #ffffff;

	text-decoration: none;

	}