html, body {
	background: #1d1f21;
	margin: 0;
	padding: 0;
	color: #fff;
	font: normal 0.8em/1.5em Verdana, Helvetica, Arial, sans-serif;
	height: 100%;
	
}

#page-container
	{
		
		width: 978px;
		max-width: 978px;
		margin: 0 auto 0 auto;
	}

/* HEADER STYLES */

#header-container
	{
		width: 978px;
		padding: 0;
		margin: 0;
		background: #24272a;
		height: 200px;
	}

#logo
	{
		background: url(images/caspa-logo.png) no-repeat;
		width: 300px;
		height: 119px;
		float: left;
	}

#caption
	{
		width: 513px;
		height: 31px;
		background: url(images/caption.png) no-repeat;
		float: left;
		position: relative;
		top: 40px;
		color: #d95200;
	}
#navigation-container
	{
		background-color: #575b5e;
		color: #fff;
		clear: both;
		margin: auto;
		width: 900px;
		position: relative;
		top: 2em;
		line-height: 2.5em;
		font-size: 1.3em;
	}	
			/* Top NAVGIATION */
			
			ul#navigation { 
						  float: left; 
						  margin: 0; 
						  padding: 0; 
						  width: 900px; 
						  background-color: #575b5e;
						}
			ul#navigation li {
								display: inline;
								float: left; 
								margin-left: 7px;
							}
			
			ul#navigation li a { 
								  display: block; 
								  text-decoration: none; 
								  padding: .25em 1em; 
								  
								} 
			a:link, a:visited { color: #fff; } 
			ul#navigation li a:hover { 
							  background-color: #444749; 
							  color: #000; 
							  
							}			

/* BODY STYLES */	
.cleaner
	{
		clear: both;
	}
#body-container
	{
		position: relative;
		color: #000;
		min-height: 400px;
		max-height: 100%;
		height: 100%;
		width: 978px;
		background: url(images/cross.png) no-repeat #f1f3f4;
	}	

#body-container a
	{
		color: #000;
		text-decoration: underline;
	}	
#body-container a:hover
	{
		text-decoration: none;
		
	}	
#left-col
	{
		width: 620px;
		float: left;
		background: none;
		position: relative;
		min-height: 400px;
	}	
#left-col .content
	{
		margin: 2em 1em 0 2.5em;
	}	
#left-col h1
	{
		margin: 0;
		padding: 0 0 0 0;
		line-height: 1.2em;
	}	
#left-col h2
	{
		color: #ff6600;
	}	
#left-col p
	{
		font-size: 1.2em;
		line-height: 1.5em;
	}	
#left-col ul
	{
		list-style: square;
		font-size: 1.3em;
		line-height: 1.5em;
	}
#left-col ul li ul li
	{
		font-size: 0.7em;
		line-height: 1.5em;
	}	
#left-col a
	{
		text-decoration: none;
		border-bottom: 1px dotted #FF6600;
		color: #FF6600;
		text-transform: capitalize;
	}	
#left-col a:hover
	{
		text-decoration: none;
		border-bottom: 1px solid #FF6600;
	}
#left-col a.imgLink
	{
		text-decoration:none;
		border-bottom: none;
	}		
#left-col a.imgLink:hover
	{
		text-decoration: none;
		border-bottom: none;
	}	
#right-col
	{
		width: 350px;
		float: right;
		padding: 1em 0 1em 0;
		background: #f1f3f4;
		height: 100%;
		position: relative;
	}	


#state-associations
	{
		background: url(images/state-associations.png) no-repeat;
		width: 317px;
		height: 136px;
		position: relative;
	}

#state-links 
	{
		padding: 0;
		margin: 0;
		list-style: none;
		position: relative;
		left: 30px;
		top: 50px;
	}	
ul#state-links 
	{
		padding: 0;
		margin: 0;
		list-style: none;
		font-size: 1.3em;
		position: absolute; /* ADDED IN FOR display IN IE6 */
	}	
ul#state-links li
	{
		float: left;
		width: 143px;
	}	
ul#state-links li a
	{
		color: #000;
		text-decoration: none;
	}	
ul#state-links li a:hover
	{
		text-decoration: underline;
	}	
#whats-new
	{
		background: url(images/whats-new.png) no-repeat;
		width: 316px;
		height: 32px;
		position: relative;
		top: 1em;
	}	
#whats-new a
	{
		display: block;
		width: 316px;
		height: 32px;
	}
#bulletin
	{
		background: url('images/bulletin.png') no-repeat;
		width: 316px;
		height: 32px;
		position: relative;
		top: 2em;		
	}		
#bulletin a
	{
		display: block;
		width: 316px;
		height: 32px;
	}
#sponsors 
	{
		background: url('images/sponsors.png') no-repeat;
		width: 316px;
		height: 32px;
		position: relative;
		top: 2em;
	}	
#sponsors a
	{
		display: block;
		width: 316px;
		height: 32px;
	}	

#conferences
	{
		background: url(images/conferences.png) no-repeat;
		width: 316px;
		height: 32px;
		position: relative;
		top: 2em;
	}	
#conferences a
	{
		display: block;
		width: 316px;
		height: 32px;
	}	
#side-contact
	{
		position: relative;
		top: 3em;
		text-align: right;
		width: 316px;
		font-size: 1.3em;
		padding: 0 0 30px 0;
	}	
#side-contact a
	{
		color: #000;
		text-decoration: none;
	}	
#side-contact a:hover
	{
		text-decoration: underline;
	}	
	
/* SUB NAVIGATION STYLES */

#sub-nav
	{
		width: 317px;
		border: 1px solid #ccc;
		background: #fff;
		margin-bottom: 10px;
		position: relative;
	}
#sub-nav ul
	{
		list-style: none;
		margin: 5px;
	}
#sub-nav li
	{
		font-size: 1.2em;
		line-height: 1.5em;
	}	
#sub-nav li a
	{
		display: block;
		color: #ff6600;
		
	}	
#sub-nav li a:hover
	{
		text-decoration: none;
	}	
	
.membersBox
	{
		width: 250px;
		float: left;
		display: block;
		height: 200px;
		word-wrap: normal;
		
	}	
.clear
	{
		clear: both;
	}	
/* FOOTER STYLES */

#footer-container
	{
		height: 100px;
		width: 978px;
		background: #24272a;
		clear: both;
	}

#copyright
	{
		text-align: center;
		color: #575b5e;
		
	}
#copyright a
	{
		color: #575b5e;
		text-decoration: none;
	}	
#copyright a:hover
	{
		border-bottom: 1px dotted #575b5e;
	}