/* CSS Document for CWGA home page */
* {margin:0; padding:0;}
body {
	font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:#56131e;
	text-align:center;
	background-color:#56131e;
	font-size:12px;
}
#mainwrap {width:800px; 
		margin-left:auto; 
		margin-right:auto; 
		text-align:left;
		}
#header { width:800px; 
		height:302px; 
		background-image:url(../images/cwga_top.jpg); 
		background-repeat:no-repeat; 
		text-align:center;}
#column2 p, #column2home p {
	font-size:12px;
	padding: 0px 20px 10px 20px;
	color:#56131e;
}
#column2home h1, #column2 h1 {
	font-size:14px;
	font-style:normal;
	font-weight: bold;
	padding:10px;
	color:#56131e;
}
#column2home h2, #column2 h2 {
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	padding-left:15px;
	padding-bottom:5px;
	padding-top:5px;
	color:#56131e;
}
#column2 ul { padding:5px; }
#column2 ul li{ margin-left:30px; 
		list-style-position:outside; }
#column2 ol { padding:10px; 
		 }
#column2 ol li{ margin-left:30px; 
		list-style-position:outside;
		padding-bottom:7px;
		}
table {
	border: 1px solid #56131e; 
	border-collapse:collapse;
	margin-left:60px;
	margin-top:12px;
	margin-bottom:10px;
	}
caption { text-align:left;
		font-weight:bold;
		font-size:13px;
		padding-top:15px;}
		 
th {border-collapse:collapse;
	border: 1px solid #56131e; 
	padding:5px;}
td {border-collapse:collapse;
	border: 1px solid #56131e; 
	padding:5px;
	text-align:right;}
	
#contentarea_home { width:800px; 
		background-color:#FFF; 
		background-image:url(../images/bkg_columns800.gif); 
		background-repeat:repeat-y;
		padding-bottom:10px;
	 	}
		
#contentarea { width:800px; 
		background-color:#FFF; 
		background-image:url(../images/bkg_2columns_cwga.gif); 
		background-repeat:repeat-y;}
#column1 {width:150px; 
		float:left;}
#footer a {text-decoration:none; 
		color: #e5dab5;}
#footer a:hover {color: #c7b299; 
		text-decoration:underline;}
#column2home {width:475px;
		float:left; }
#column2 {width:650px;
		float:left; 
		}
#column2 img { padding-left:51px;}
.indent {margin-left:25px; }
#column3 {width:170px; 
		float:left; 
		font-size:12px; 
		margin-left:4px;}
#column3 p:hover {background-color:#bebb9d; 
		color:#804000;}
#column3 p {font-size:12px; 
		color:#4f5930; 
		padding:15px 5px 15px 10px; }
#column3 p span {font-weight:bold; 
		color:#56131e;}
#column3 h5 {font-size:14px; 
		font-weight:normal; 
		color:#56131e; 
		text-align:center; 
		padding-top: 5px;}
#column3 a { text-decoration:none; 
		color:#683501; }
#column3 a:hover { text-decoration:underline; 
		color:#683501;
		}

/*navigation*/
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	font-size:12px;
	}
	
 #nav ul li {
	position: relative;
	}

#nav li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
#nav ul li a {
	display: block;
	text-decoration: none;
	color: #512720;
	background: #bebb9d;
	padding: 5px 7px 5px 7px;
	
	}	

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; 
		height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* causes sub menu to display when I hover over main menu  */
#nav li:hover ul, li.over ul { display: block; 
		background-color:#cdcaad;}

/* Hover Styles */
#nav ul li a:hover, li ul li a  { color: #512720; 
		background: #dfdcbe; } 

/* Sub Menu Styles */		
#nav li ul li a { padding: 3px 3px; 
		border-bottom: 1px solid #9c4120;  
		font-size:12px;
		background:#cdcaad; } 

#nav li ul li:first-child {border-top: 1px solid #9c4120;}


#footer {width:800px; 
		text-align:center; 
		padding-top:6px; 
		color:#e5dab5; 
		font-size:12px; 
		padding-bottom:25px; 
		clear:both;}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */