body, html    { height: 100%; 
			background-color: #fff; 
            margin: 0px; 
			padding: 0px; 
			text-align: center; /*** Centers the design in old IE versions ***/

			}
			
p, table, div, ul     { 
			color: #555; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
            font-size: 12px; 
			line-height: 150%; }		
			
#bg 	{ 	background: #fff url('../images/bg.jpg') repeat-x; }				
			
#wrapper {
		margin-left: auto; 
		margin-right: auto;
		width: 100%;
		text-align: center;
		min-width: 1000px;
		overflow: hidden;
		padding: 0;
		}	
		
#narrow { 	background-color: #fff; 
            margin: 0 auto; 
			padding: 0px; 
			text-align: center; /*** Centers the design in old IE versions ***/
			background-image: url(../images/bg_narrow.jpg); 
        	background-repeat: repeat-x;}	
		
/************ HEADER **************************/
#logo       { height: 95px; 
			margin: 0 auto; 
			padding: 0px;  
			width: 900px;
			text-align: left; 
			}
			
#translate { margin: 0;
			padding: 0px;
			margin-left: 700px;
			margin-top: -50px;
			overflow: visible;

}	 			

#nav        { 	
				width: 900px;
				text-align: left; 
				margin: 0 auto; 
				padding: 0px;
				height: 29px;  }
				
#pics        { width: 900px;
			text-align: left; 
			margin: 0 auto; 
			padding: 0px;
			 }
			 

			  
/************ BODY **************************/	
#contentwrapper {
		margin: 0 auto;
		width: 100%;
		text-align: center;
		overflow: hidden;
		}	

#content { 
			width: 900px;
			margin: 0px auto;
			margin-top: 10px;
			margin-bottom: 20px;
			padding: 0px; 
			min-height: 250px;
			text-align: left;

			 }		
#leftcolumn   {  position:relative;/*ie needs this to show float */
		width:630px;
		float:left;
		margin: 0px; 
        padding: 0px;
		text-align: left;
		min-height: 100%;
			}

#rightcolumn {
		position:relative;/*ie needs this to show float */
		width:250px;
		float:left;
		margin: 0px;
		padding: 0px 0px 0px 20px;
		text-align: left;
		min-height: 100%;
		}		

/************ FOOTER **************************/
#footer { margin: 0px auto;
	clear: both;
	height: 120px;
	padding: 10px 0px;
	text-align: left;
	color: #666;
	font-size: 10px; 
	width: 900px;
	border-left:0px solid #BBB; border-right:0px solid #BBB; border-top:0px solid #BBB; border-bottom:0px solid #BBB;
}

#footer p, #footer a {
	color: #666;
	text-decoration: none;
	font-size: 10px;
}
#footer a:hover{
	color: #666;
	text-decoration: underline;
	font-size: 10px;
}
/************ TEXT FORMATTING **************************/
a {
	color: #098939;
	text-decoration: none;
	font-size: 12px;
}
a:hover{
	color: #098939;
	text-decoration: underline;
	font-size: 12px;
}

.green {
	font-family: 'Varela Round',  Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #098939;
}

.red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	color: #777; 
}

h1 { font-family: 'Varela Round', Arial, Helvetica, sans-serif; 
	font-size: 17px;
	font-weight: normal;
	padding-bottom: 0px;
	color: #000;
	line-height: 110%; 
	
}
h2 { font-family: 'Varela Round', Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: normal;
	padding-bottom: 1px;
	color: #666;
	line-height: 130%;
}
h3 {
	font-family: 'Varela Round', Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #098939;
}

li { list-style: outside url("../images/bullet.gif");  margin-left: -18px;  }

ul { margin-top: 0px; font-size: 12px; margin-left: 40px; margin-right: 10px; margin-bottom: 0px; padding: 0px;  }

.quote {font-family: 'Varela Round', Verdana, Arial, Helvetica, sans-serif;font-size: 14px;
	font-weight: bold;
	color: #7BC143;}

/************ horizontal menu **************************/
.tabs{
width: 900px;
}

.tabs:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.tabs ul{
margin: 0;
margin-left: 0px;
padding: 0;
list-style-type: none;
position:relative;
}

.tabs li{
display: inline;
margin: 0;

}

.tabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 10px; /*padding inside each tab*/
color: #333;
font: normal 11px Verdana;
/*background: #921239; background of tabs (default state)*/
}

.tabs li a:visited{
color: #333;
}

.tabs li a:hover, .tabs li.selected a{
background: #fff; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.tabs ul li{
background-image: url('none'); display: inline;
}

.tabs ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " +";
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
border-left:1px solid #BBB; border-right:1px solid #BBB; border-top:1px solid #BBB; border-bottom:0px solid #BBB; position:absolute;
top: 0;
/*THEME CHANGE HERE*/
line-height:15px;
z-index:100;
background-color: white;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); font-style:normal; font-variant:normal; font-weight:normal; 
margin-left: -10px;
margin-top: 1px;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font: normal 10px Verdana;

}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}


/************ OTHER **************************/

.clear { clear: both; }

select, input, menu, list, form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form {
	padding: 3px;
	margin: 0px;
}

.frame {border-width: 2px;
	border-style: solid;
	border-color: #ccc; }
hr {
	color: #ccc;
	border-style: solid;
	background-color: #ccc;
	height: 1px;
	}
	
table.fine {
	border-spacing: ;
	border:1px solid #ccc; 
	border-collapse: collapse;
}
table.fine th {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 4px;
	background-color: #e8e8e8;
	text-align: left;
}
table.fine td {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 4px;
}

#border {	margin: 0;
		padding: 0;
		border: 1px solid #ccc;
		}
  /**************************
rounded corners with border
**************************/
  
    .c1, .c2, .c3, .c4{font-size:1px; overflow:hidden; display:block;}
  .c1 {height:1px; background:#ccc; margin:0 5px;}
  .c2 {height:1px; background:#fff; border-right:2px solid #ccc;
         border-left:2px solid #ccc; margin:0 3px;}
  .c3 {height:1px; background:#fff; border-right:1px solid #ccc;
         border-left:1px solid #ccc; margin:0 2px;}
  .c4 {height:2px; background:#fff; border-right:1px solid #ccc;
         border-left:1px solid #ccc; margin:0 1px;}
  .borderq {background-color: #fff; background-image: url(../images/bg_quote.jpg);
			background-repeat: no-repeat;
			background-position: right top; border-right:1px solid #ccc;
         border-left:1px solid #ccc; padding-top:1px; padding-bottom:1px; padding-right:5px; }
	.border {background-color: #fff; border-right:1px solid #ccc;
         border-left:1px solid #ccc; padding-top:1px; padding-bottom:1px; padding-right:5px; }
  .border div {margin-left: 5px; color: #333; } 
  .borderq div {margin-left: 5px; color: #333; } 
  
  #corner { position:absolute; z-index:99; overflow:hidden; right:0px; bottom: 0;}			

