@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #4a741e;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF url(images/colC-bkgrd.gif) repeat-y;
	margin: -1px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#container2 {
	width: 780px;  
	background: #fff ;
	margin: -1px auto; 
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
	
	 
#header {
	height:200px;
	background: #000;
	margin:0;
	padding:0;
} 
#header h1 img {
	margin: 0 0 0 0; padding:0;
}
#header h2 img{
float:left;
margin: -220px 0 0 133px ;
}
#sidebar1 {
	float: left; 
	width: 133px; 
	padding: 15px 10px 15px 2px; 
	
}
#sidebar2{
	float: right; 
	width: 160px; 
	padding: 15px 10px 15px 20px;
	font-size: .7em; 
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
}
#sidebar2 h3{
font-size: 1.1em; 
}
#mainContent {
	margin: 0 200px 0 150px; 
	padding: 0 10px; 
	font-size:.8em;
	line-height:1.7em;
} 
#mainContent2 {
	margin: 0 50px 0 150px; 
	padding: 0 10px; 
	font-size:.8em;
	line-height:1.7em;
} 
#mainContent3 {
	margin: 0 0 0 150px; 
	padding: 0 10px; 
	font-size:.8em;
	line-height:1.7em;
} 
#footer { 
	padding: 0 10px 0 20px; 
	color:#fff;
	background-color:#681E85;
} 
#footer p {
	margin: 0;
	padding: 10px 0; 
	font-size:.8em;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*NAVIGATION*/

/** MENU */

#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	width: 100%;
	height:18px;
	margin: 0px auto;
	padding: 8px 0px;
	background-color: #681E85;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 5px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

#menu a:hover {
	color:#c9f;
}

 

/* text styles*/

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {

	font-size: 1.3em;
	color: #3B8317;
	font-weight:bold;
	font-style: italic;
	line-height: 35px;
}

h2 {
	font-size:1.1em;
	color: #32004B;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	line-height: 1.7em;
}

h3 {
	font-size:1em;
	color: #32004B;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	line-height: 16px;
}

.caption {
font-weight:600;
font-style:italic;
line-height:1.4em;
color:#32004B;
font-size:.8em;
}
#sub {
	font-size:.7em;
}
/* TEST NAVS */

#nav_left {
	width:130px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:bold;
	background-color:none;
	text-align:left;
	margin-left:0;
}	
#nav_left, #nav_left ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	
}
#nav_left a:link {color:#306}     
#nav_left a:visited {color:#609}  
#nav_left a:focus {color: #c9c}  
#nav_left a:hover {color:#cb2341}   
#nav_left a:active {color: #303}  

#nav_left a {
	display: block;
	/*width: auto;*/
	text-decoration: none;
	border-bottom: 1px solid #5512a9; /* IE6 Bug */
	/*border-bottom: 0;*/
	
}

#nav_left li { /* all list items */
	float: left;
	width: 133px;/*10em;  width needed or else Opera goes nuts */
	padding: .4em 0;
}

#nav_left li ul { /* second-level lists */
	position: absolute;
	background:#dacad8;
	width: 133px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-left:6px;
	margin-left:12px;
	
}
/*test*/
#nav_left ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	/*background: #fff;  IE6 Bug */
	padding: 4px 0;
	line-height:1.1em;
	}


#nav_left li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 5em;
}

#nav_left li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav_left li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.small{
	font-size:.9em;	
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
}
.noline{text-decoration:none;}

.padding_rt{padding-right:8px;}

.flashgallery a{color:#CCCCCC;}

.image-photo img{border: none}
.image-photo a img{border:#ffffff solid 1px;}
.image-photo a:hover img{border:#681E85 solid 1px;}