body, html {
	color: #333;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	line-height: 150%;
	text-align: center;
	
		}
		
body {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	background-color: #fff;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 100%;
}		
/*** ---------------- Columns ----------------- ***/			
#pagebg {
	background-image: url(images/page_bg.png);	
	background-repeat: repeat-y;
	background-position: center top;
	min-height: 100%;
	padding: 0px;	}
#homebg {
	background-image: url(images/home_bg.jpg);	
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;	}
	
#head { margin: 0 auto;	
		padding: 0px; }

#main { margin: 0 auto;	
		padding: 0px;
		width: 850px;
		text-align: left;	}

#side    {  position: relative;
			width: 290px; 
			float: left; 
			margin: 20px 10px 20px 1px; 
            padding: 0px;
			height: 100%; 
			}
			
#content { position: relative;
			width: 500px;
			float: left; 
			margin: 20px 10px 10px 10px;
			padding: 0px; 
			height: 100%; 
			min-height: 300px;
			 }		
				

#foot {
	clear: both;
	margin: 0 auto;	
	height: 50px;
	width: 850px;
	text-align: center;
	padding-top: 40px;
}

/*** ---------------- End Columns ----------------- ***/	

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

#menu {
	position:relative;/*ie needs this to show float */
	width:280px;
	list-style: none;
	margin: 5px 5px 0px 0px;
	padding: 0;
	text-align: left;
}

#mmenu a {
	color: #333;
	display: block;
	margin: 0;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	/*background: #fff url("images/nav_grey.jpg") left center no-repeat;*/
}
#mmenu a:hover {
	background: #fff url("images/nav_grey_hi.jpg") left center no-repeat;
	color: #333;
}
#mmenu li {
	margin: 0;
	padding: 0;
	display:block;
	list-style: none;
	background: #fff url("images/nav_grey.jpg") left center no-repeat;

}
a.menu {
	color: #333;
	display: block;
	margin: 0;
	padding: 10px 10px 5px 10px;
	text-decoration: none;
	background: #fff url("images/nav_grey.jpg") left center no-repeat;
}
a.menu:hover {
	background: #fff url("images/nav_grey_hi.jpg") left center no-repeat;
	color: #333;
	text-decoration: none;
}
a.menu:active, a.menu:visited {
	text-decoration: none;
	color: #333;
}

#menu2 a {
	color: #333;
	display: block;
	margin: 0;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}
#menu2 a:hover {
	background: #fff url("images/nav_grn_hi.jpg") left center no-repeat;
	color: #333;
}
#menu2 li {
	margin: 0;
	padding: 0;
	display:block;
	background: #fff url("images/nav_grn.jpg") left center no-repeat;
	list-style: none;
}
a.menu3 {
	color: #36A4A1;
	display: block;
	margin: 0;
	padding: 1px 10px 1px 10px;
	text-decoration: none;
	list-style: none;
}

a.menu3:hover {
	color: #36A4A1;
	text-decoration: underline;
}
a.menu3:active, a.menu3:visited {
	color: #36A4A1;
	text-decoration: none;
}

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

#buttons {
	position: relative;
	padding: 0;
	margin: 0;
	left: -470px;
	top: -100px;
	height: 1px;
			 }	


.clear { clear: both;
         display: block;     
         height: 0;          
         visibility: hidden; }
		 
/*** ---------------- Text Styles ----------------- ***/			 
		
h1 { font-family: Georgia, Times, sans-serif;
	font-weight: normal;
	font-size: 17px;
	margin: 0px;
	padding-bottom: 7px;
	padding-top: 10px;
	color: #36A4A1;
	}

h2 {font-family: Georgia, Times, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #006666;
}
h3 {font-family: Georgia, Times, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #006666;
}

a, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

a.con, a.con:visited, a.con:active{
		color: #000;
		text-decoration: none; }
		
a.con:hover{
		color: #006666;
		text-decoration: none; }
	
ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 10px;
	}
li {
	background: url('images/bullet.gif') no-repeat left top;
	padding-left: 20px;
	margin-bottom: 5px
	}
	
#number li {
	background: none;
	padding-left: 10px;
	margin-bottom: 5px
	}
/*** ---------------- End Text Styles ----------------- ***/	



hr {
	color: #e5e5e5;
	border-style: solid;
	background-color: #ccc;
	height: 1px;
	}

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

.border {
    background: #FFFFFF; 
    border: 1px solid #ccc;
    padding: 2px;
  } 
#top { border-bottom: 1px solid #ccc;
		text-decoration: none;
		text-align: right; 
		padding: 6px 6px 6px 6px;}