@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }
html, body { color: #585858; font: normal 10px/12px Arial, Helvetica, san-serif; }

a:link { color: #00a204; text-decoration: none; }
a:visited { color: #00a204; text-decoration: none; }
a:hover { color: #02bb07;   }
a:active { color: #02bb07;  }
a img, img:hover { border: none; }
a.valid { font-style: italic; margin: 0 0 0 3em; line-height: 3em; }
a.subtitle { font-size: 1.8em; line-height: 1.25; font-weight: bold; }

#container { width: 850px; margin: 0 auto; }

#left { width: 45%; float: left; text-align: right; }
	#subNav { margin: -4em 2.5em 0 0; }
	#subNav img { margin: 0 0 -.6em 0; }

#right { width: 54%; float: right; text-align: center; padding: 1.5em 0 0 0; }
#right img.subtitle { margin: 0 4em 0 0; }

	#subtitle { float: left; margin: 0 0 0 2em; text-align: left; }
	#subtitle h2 { color: #666; font-size: 5em; line-height: 1em; float: left; }
	#subtitle h3 { color: #aaa; margin: 1.2em 0 0 5em; font-size: 1.2em; }

	#nav, #contentContainer {  text-align: left; }
	#nav { margin: 1em 0 -.3em .1em; }
	#nav ul li { display: inline; margin: 0 -.3em 0 0; }
	
	#contentContainer { background: #fff url(../images/contentBgRepeat.jpg) 0 0 repeat-y; padding: .5em 0 2em 1.6em; min-height: 40em;}
	
	#content { padding: 2em; width: 330px; }
	.wfabi {background: url(../images/greenContent.jpg) 0 0 no-repeat; }
	.members { background: url(../images/orangeContent.jpg) 0 0 no-repeat; }
	.program { background: url(../images/blueContent.jpg) 0 0 no-repeat; }
	
	#content h1 { font-size: 1.4em; }
	#content p { margin: 1em 0 0 0; }
	#content span { font-weight: bold; }

#contentBottom { margin: 0 100px 0 0; }
form { margin: 2em 0 0 0; }
fieldset { border: none; }
input, .comments { width: 23em; margin: .3em 0 .5em .5em; }
.submit { width: 4em; }
.comments { height: 12em; }