body {
	margin: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #000;
	background: #add4d7;
}

h1 {
	margin: 0;
	font-family: "Univers", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 28px;
	line-height: 28px;
	color: #216979;
	letter-spacing: -1px;
	font-weight: normal;
}

h2 {
	margin: 0;
	font-family: "Univers", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #216979;
	letter-spacing: -1px;
	font-weight: normal;
}

h3 {
	margin: 0;
	font-family: "Univers", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #216979;
	letter-spacing: -1px;
	font-weight: normal;
}

p {margin-top: 15px; margin-bottom: 0;}

a {color: #216979; text-decoration: underline;}
a:visited {color: #69347b; text-decoration: underline;}
a:hover {color: #64c5da; text-decoration: underline;}
a:focus {outline: none;}

#white-container {width: 100%; background: #fff;}

.container {
	width: 780px;
	margin: 0 auto;
}

	#logo {
		width: 112px;
		height: 112px;
		float: left;
	}
	
		#logo a {
			width: 112px;
			height: 112px;
			display: block;
			background: url(../graphics/cwe-logo.gif) no-repeat;
		}
	
	#header-right {
		width: 653px;
		float: right;
	}
	
		#search {
			width: 328px;
			height: 55px;
			padding: 9px 0 0 325px;
			text-align: center;
			font-size: 11px;
			color: #156c73;
			background: url(../graphics/bg-search.gif) right top no-repeat;
		}
		
			.search-box {
				width: 190px;
				height: 13px;
				padding: 3px;
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				color: #000;
				border: 1px solid #add4d7;
			}
		
		#nav {
			width: auto;
			height: 34px;
		}
		
			#nav ul {margin: 0; padding: 0;}
				#nav ul li {margin: 0; padding: 0; list-style: none; float: left;}
					#nav ul li a, #nav ul li a:visited {
						height: 34px;
						display: block;
						float: left;
						background-repeat: no-repeat;
					}
					
					#nav ul li a:hover, #nav ul li a.on, #nav ul li a.on:visited {background-position: 0 -34px;}
					#nav ul li a:active, #nav ul li a.on:active {background-position: 0 -68px;}
					
					.nav-home {width: 60px; background: url(../graphics/nav/nav-home.gif);}
					.nav-classes {width: 113px; background: url(../graphics/nav/nav-classes.gif);}
					.nav-about {width: 80px; background: url(../graphics/nav/nav-about.gif);}
					.nav-newsletter {width: 76px; background: url(../graphics/nav/nav-newsletter.gif);}
					.nav-volunteer {width: 71px; background: url(../graphics/nav/nav-volunteer.gif);}
					.nav-faq {width: 43px; background: url(../graphics/nav/nav-faq.gif);}
					.nav-events {width: 53px; background: url(../graphics/nav/nav-events.gif);}
					.nav-resources {width: 73px; background: url(../graphics/nav/nav-resources.gif);}
					.nav-contact {width: 84px; background: url(../graphics/nav/nav-contact.gif);}
	
	#body {
		width: auto;
		padding: 20px 0;
		line-height: 22px;
		color: #313e41;
	}
	
		.content-left {
			width: 565px;
			float: left;
		}
		
		.content-right {
			width: 200px;
			float: right;
		}
		
			.callout-right-top {
				width: auto;
				height: 10px;
				background: url(../graphics/bg-callout-right-top.gif) no-repeat;
			}
			
			.callout-right-body {
				width: auto;
				padding: 0 15px;
				background: #e8f6f8;
				font-size: 11px;
				line-height: 16px;
			}
				
				.callout-right-body a, .callout-right-body a:visited {color: #216979; text-decoration: none;}
				.callout-right-body a:hover {color: #216979; text-decoration: underline;}
				
				.callout-right-body h3 {
					border-bottom: 1px dotted #216979;
				}
				
				.callout-right-body .divider {
					width: auto;
					height: 1px;
					border-top: 1px dotted #b2bdbf;
				}
			
			.callout-right-bottom {
				width: auto;
				height: 10px;
				background: url(../graphics/bg-callout-right-bottom.gif) no-repeat;
			}
			
		.callout-bottom {
			width: auto;	
		}
		
			.callout-bottom ul {margin: 0; padding: 0;}
				.callout-bottom ul li {margin: 0; padding: 0; list-style: none; float: left;}
					.callout-bottom ul li a, .callout-bottom ul li a:visited {
						height: 124px;
						display: block;
						float: left;
						background-repeat: no-repeat;
					}
					
					.callout-bottom ul li a:hover {background-position: 0 -124px;}
					
					.callout-newsletter-left {width: 261px; background: url(../graphics/buttons-big/newsletter-left.gif);}
					.callout-volunteer {width: 258px; background: url(../graphics/buttons-big/volunteer.gif);}
					.callout-resources-right {width: 261px; background: url(../graphics/buttons-big/resources-right.gif);}
					
#footer-container {
	width: 100%;
	min-height: 132px;
	padding: 18px 0;
	background: url(../graphics/bg-footer.gif) repeat-x;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
}

*html #footer-container {height: 132px;}

	#footer-left {
		width: 210px;
		float: left;
	}
	
		#footer-left a, #footer-left a:visited {color: #fff; text-decoration: underline;}
		#footer-left a:hover {color: #26555e; text-decoration: underline;}
	
	#footer-right {
		width: 560px;
		float: right;
		text-align: right;
	}
	
		#footer-right ul {margin: 0; padding: 0; float: right;}
			#footer-right ul li {margin: 0 0 0 14px; padding: 0; list-style: none; float: left; font-size: 10px; line-height: 15px;}
				
				#footer-right ul li a, #footer-right ul li a:visited {color: #fff; text-decoration: none;}
				#footer-right ul li a:hover {color: #fff; text-decoration: underline;}
		
.framed-picture {
	padding: 4px;
	background: #ffffff;
	border: 1px solid #48666a;
}

.margin-top-4 {margin-top: 4px;}
.margin-top-8 {margin-top: 8px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-25 {margin-top: 25px;}
.margin-left-10 {margin-left: 10px;}
.margin-right-10 {margin-right: 10px;}

.padding-right-6 {padding-right: 6px;}

a img {border: none;}

.clear {clear: both;}
.hide {display: none;}
.float-right {float: right;}
.float-left {float: left;}

form {margin: 0;}

.input-text, .textarea {
	padding: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #7CB8BD;
}

.textarea {height: 92px;}

.width-160 {width: 160px;}
.width-200 {width: 200px;}
.width-220 {width: 220px;}
.width-300 {width: 300px;}