* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #5d684a;
	margin:  0px;
	padding: 0px;
	margin-top:20px;
	border:0;			/* This removes the border around the viewport in old versions of IE */	
}
#wrapper { 
 margin: 0 auto;
 width: 900px;
}
#header {
 color: #FFF;
 width: 900px;
 float: left;
 background:url(images/shadow_02.jpg) no-repeat top;
 height: 60px;

}
#leftcolumn { 
 
 margin: 0px 0px 0px 0px;
 height: 482px;
 width: 50px;
 float: left;
 background: url(images/shadowleft.jpg) repeat-y;
}

#content { 
 float: left;
 color: #333;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 height: 482px;
 width: 800px;
 display: inline;
}

#rightcolumn { 

 margin: 0px 0px 0px 0px;
 height: 482px;
 width: 50px;
 float: left;
 position: relative;
 background: url(images/shadowright.jpg) repeat-y;
}




/*navigation*/
.nav {
background-color:#b7ce93;
width: 800px;
float: left;
height: 32px;
border-top:solid #5d684a 1px;
border-bottom:solid #5d684a 1px;
text-align: left;
}

	.navtext ul {
	    clear:left;
	    float:left;
	    width:500px;
	    list-style:none;
	    margin:0px 0 0 0;
	    padding:0;
	}

	.navtext ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	
.navtext ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 0px;
	    padding:0px 0px 0px 20px;
	    text-align:left;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:0px;
		line-height:31px;
		font-size: 14px;
		font-weight:bold;
		font-family: Verdana, Helvetica, sans-serif;	}
	.navtext ul li a:hover {
	    color:#5d684a;
		text-decoration:underline;
		
	}
	.navtext ul li a.active,
	.navtext ul li a.active:hover {
	    
	    color:#5d684a;
	    
	}



.navcontact ul li a
{display:block;
text-align:right;
 padding:0px 18px 0px 0px;
float:right;
 color:#000;
	    text-decoration:none;
	    position:relative;
	    left:0px;
		line-height:31px;
		font-size: 14px;
		font-weight:bold;
		font-family: Verdana, Helvetica, sans-serif;}
.navcontact a:hover {
color:#5d684a;
text-decoration:underline;}

	.navcontact ul li a:hover {
	    color:#5d684a;
		text-decoration:underline;
		
	}
	.navcontact ul li a.active,
	.navcontact ul li a.active:hover {
	    
	    color:#5d684a;
	    
	}

	.navcontact ul li {
	
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	.navcontact ul {
	    clear:right;
	    float:right;
	    width:300px;
	    list-style:none;
	    margin:0px 0 0 0;
	    padding:0;
	}
	
	
	/*logo header*/
	
	.logoheader
{
background-color:#FFFFFF;
margin-top:0px;
margin-left:0px;
width: 800px;



}
.logo
{
position:absolute;
margin-top:-30px;
width: 579px;
float: left;
}
.contact
{
width: 221px;
float:right;
}

/*bottom*/
.bottom-shadow {
	clear:both;
	margin-top:0px;
	background:url(images/shadow_17.jpg) no-repeat top;
	width: 100%;
	height: 75px;
}

/*main content*/

.maincontent
{border-bottom:solid #5d684a 1px;

}	
.maintext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	padding: 20px;
	padding-top: 40px;
	width: 300px;
	clear:left;
	line-height:22px;
	
}
.maintextc {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	padding: 20px;
	padding-top: 40px;
	width: 500px;
	clear:left;
	line-height:22px;
	
}
.maintextl {
	
	text-align:left;
	width: 320px;
	float: left;
	line-height:22px;
	
}
.maintextmain {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	padding: 20px;
	padding-top: 40px;
	width: 760px;
	clear:left;
	
	height:176px;
	
}
.maintextport {
	
	text-align:left;
	width: 224px;
	float: left;
	line-height:22px;
	
}

 a 
{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color: #333;
text-decoration:none;

}
 a:hover 
{
color: #5d684a;
text-decoration:underline;

}

 .portnav a.active
{
color: #5d684a;
text-decoration:underline;

}

/*footer*/
.footer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5d684a;
	border-top:solid #b7cd93 5px;
	background: #FFF;
	width: 800px;
	
}
.copyright
{float: left;
padding-left:18px;
padding-top: 53px;
width: 500px;
text-align:left;


}

.swirl
{float: right;
width: 200px;
text-align:right;
padding-right:12px;

}

.scrolla {
height: 170px;
width: 380px;
overflow: auto;
border: 0px ;
background-color: #fff;
padding: 0px;
margin: 4px;
float:right;
font-size:10px;
line-height:12px;
}
li .scrolla
{ list-style-type:disc;
}
.scroll {
height: 160px;
width: 380px;
overflow: auto;
border: 0px ;
background-color: #fff;
padding: 0px;
margin: 4px;
float:right;
font-size:10px;
line-height:12px;
}
li .scroll
{ list-style-type:disc;
}
.portnav  {
word-spacing: 3px;
}
.portscroll {
height: 160px;
width: 400px;
overflow: auto;
border: 0px ;
background-color: #fff;
padding: 0px;
margin: 4px;
float:right;
font-size:10px;
line-height:12px;
}