body {
	width: 100%;
	text-align: center;
	font-family: Helvetica, Arial, serif;
	font-size: 12px;
	background: #d1ccbe;
}

body#alternate {
	width: 100%;
	text-align: center;
	background: url('../images/background2.jpg') repeat-x;
}

#template2 {
	margin-left: auto;
	margin-right: auto;
	background: url('../images/gfoa_mockup2.png') no-repeat;
	width: 1024px;
	height: 1387px;		
}

.col960 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
}

#header {
	height: 223px;
}	

#topbar {
	height: 35px;
	background-color: #333333;
	border-bottom: 1px solid #676767;
}

#adminbar {
	height: 35px;
	background-color: #333333;
	border-bottom: 1px solid #676767;
}

#adminbar a#home {
	background: url('../images/crumb_home.png') 0px 9px no-repeat;
	width: 30px;
	height: 35px;
	float: left;
}

#adminbar a#crumb {
	background: url('../images/crumb_arrow.png') left no-repeat;
	height: 23px;
	color: #cdcdcd;
	text-decoration: none;	
	float: left;
	padding: 12px 15px 0px 30px;	
}

#topbar a {
	text-decoration: none;
	color: #FFF;
	font-size: 1em;
	height: 24px;
	display: inline-block;
	padding-top: 11px;
	padding-left: 34px;
	text-align: left;
}

#topbar a:hover,
#topbar a:focus {
	text-decoration: underline;
}

#topbar a#contact {
	width: 130px;
	margin-right: 450px;
	padding-left: 0px;
}

#topbar a#benefits {	width: 120px;  }
#topbar a#signup {		width: 50px;  }
#topbar a#login {		width: 40px;  }

#topbar a#member {
	width: 200px;
	color: #fff;
	background: #C1272D;	
	padding-left: 10px;
	padding-right: 120px;
	text-align: left;
}

#topbar a#member:hover {
	background: #b02025;	
}

#logobar {
	height: 188px;
	background: #1A1A1A;
	background: url('../images/sky3.jpg') no-repeat;
}

#logobar_member {
	height: 188px;
	background: #1A1A1A;
	background: url('../images/sky4.jpg') no-repeat;
}

a#gfoa_logo {
	background: url('../images/gfoa_logo.png') 0px 35px no-repeat;
	width: 760px;
	height: 72px;
	padding: 45px 0px 0px 200px;
	color: #cccccc; 
	display: block;
	text-decoration: none;
}

#gfoa_logo h2 {
	font-size: 1.3em;
}

#gfoa_logo h1 {
	font-size: 2em;
	font-weight: bold;
	color: #e6e6e6;
	letter-spacing: -0.05em;
}

#mainnav {
	width: 960px;
	font-size: 2.15em;
	font-weight: bold;
	letter-spacing: -0.05em;
}

#mainnav a {
	text-decoration: none;
	color: #fff;
	padding: 9px 12px 9px 12px;
	display: inline-block;
	border-top: 4px solid transparent;
	margin-right: 6px;
}

#mainnav a:hover,
#mainnav a:focus {
	padding: 9px 12px 9px 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mainnav a#red:hover,
#mainnav a#red:focus {	background-color: #990100;	border-top: 4px solid #c81211;  }
#mainnav a#orange:hover,
#mainnav a#orange:focus {	background-color: #ff6634;	border-top: 4px solid #fe926f;  }
#mainnav a#yellow:hover,
#mainnav a#yellow:focus {	background-color: #f1ab21;	border-top: 4px solid #ffcb64;  }
#mainnav a#green:hover,
#mainnav a#green:focus {	background-color: #669934;	border-top: 4px solid #7cb444;  }
#mainnav a#cyan:hover,
#mainnav a#cyan:focus {	background-color: #3e8c8c;	border-top: 4px solid #54acac;  }
#mainnav a#blue:hover,
#mainnav a#blue:focus {	background-color: #276fa1;	border-top: 4px solid #3787bf;  }

#bcbar {
	background-color: #B3AFA3;
	height: 22px;
	padding-top: 10px;
	border-bottom: 1px solid #aaa7a1;
	border-top: 1px solid #ccc8be; 	
}

#bcbar a {
	display: inline;
	color: #747269;
	text-decoration: none;
	font-size: 1.1em;
}

#bcbar h3 {
	display: inline;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
}

#bcbar a:hover {
	text-decoration: underline;	
}

#bcbar .divider {
	color: #747269;
	padding: 0px 10px;
	display: inline;
	font-size: 1.1em;
}

#content {
	border-top: 1px solid #998a7e;
	background: #F2EFE8;
	min-height: 300px;
	padding-bottom: 35px;
}

#content .photo {
	width: 960px;
	height: 50px;
	display: block;
	margin-top: 25px;
	padding: 100px 0px 0px 0px;
}

#content .photo#whatsnew {	background: url('../images/photos/flowers.jpg') no-repeat;	}
#content .photo#sponsors {	background: url('../images/photos/city.jpg') no-repeat;	}
#content .photo#publications {	background: url('../images/photos/mountains.jpg') no-repeat;	}
#content .photo#employment {	background: url('../images/photos/onewheat.jpg') no-repeat;	}
#content .photo#aboutus {	background: url('../images/photos/flower.jpg') no-repeat;	}
#content .photo#events {	background: url('../images/photos/road.jpg') no-repeat;	}
#content .photo#links {	background: url('../images/photos/wheat.jpg') no-repeat;	}


#content .photo h1 {
	font-size: 2.5em;
	color: #fff;
	letter-spacing: -0.05em;
	padding: 10px 0px 10px 15px;
}

#content h1 {
	font-size: 2.5em;
	color: #2b2b2b;
	letter-spacing: -0.05em;
	padding-top: 35px;
	padding-bottom: 5px;
}

#content h2 {
	color: #2b2b2b;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 5px;
}

#content h3 {
	font-size: 1.25em;
	color: #2b2b2b;
	padding-bottom: 8px;	
}

#content h4 {
	font-size: 1.5em;
	color: #2b2b2b;
	margin-bottom: 4px;
	padding-bottom: 4px;
	padding-top: 20px;
	border-bottom: 1px solid #AAA9A5;	
}

#content p {
	color: #2b2b2b;
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 8px;
	padding-top: 4px;
}

#content .lcolumn {
	width: 465px;
	padding-right: 30px;
	float: left;
}

#content .rcolumn {
	width: 465px;
	float: left;
}

#content .clearfloat {
	clear: both;
}

#content .add_info {
	font-size: 1.25em;
	color: #2b2b2b;
	padding-bottom: 5px;	
}

#content .whatsnew {
	padding: 12px 0px;	
}

#content a {
	color: #C1272D;
	line-height: 1.5em;
}

#content a.about,
#content a.add {
	background: #B3AFA3;
	padding: 2px 6px 2px 6px;
	font-size: 1em;
	color: #fff;
	display: block;
	text-decoration: none;
	margin-right: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #aaa7a1;
	display: inline-block;
}

#content a.add {
	background: #a5ae82;	
}

#content a.add:hover {
	background: #8c9566;
}


#content a.memberlink {
	background: #B3AFA3;
	padding: 9px 12px 9px 12px;
	font-size: 1.25em;
	color: #000;
	display: block;
	width: 300px;
	text-decoration: none;
	margin-top: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #aaa7a1;
}

#content a.memberlink:hover,
#content a.about:hover {
	background: #9c988c;
}

a.edit,
a.delete {
	background: url('../images/edit.png') no-repeat 0px 6px;
	height: 20px;
	padding-left: 22px;
	display: inline-block;
	text-decoration: none;
}

a.delete {
	background: url('../images/delete.png') no-repeat 0px 6px;
}

a.link {
	text-decoration: none;
	color: #45443E;
	display: inline-block;
	border-right: 1px solid #7A7A7A;
	padding-right: 10px;
	margin-right: 10px;	
}

a.link:hover {
	text-decoration: underline;
}


img.spon_logo {
	padding: 12px 0px;
}

#content .spon {
	padding: 15px 0px;
}

#content .spon_title {
	width: 160px;
	display: inline-block;
	line-height: 1.75em;
	color: 	#484848;
}

#content .spon_value {
	display: inline-block;
	line-height: 1.75em;
	color: 	#2b2b2b;	
}

#content table {
	margin: 20px 0px;
	color: #2b2b2b;
	line-height: 1.8em;
	width: 100%;
	font-size: 1em;
}

#content table.large {
	font-size: 1em;
}

#content table#ev_table {
	margin: 14px 0xp;
}

#content table#ev_table td {
	padding: 0px;
}

#content table#ev_table th {
	padding: 6px 0px;
}

#content table.membersort {
	vertical-align: middle;
	width: auto;
	margin: 0px;
}

#content table.membersort td {
	padding: 0px 20px 0px 0px	
}

#content table.membersort p {
	display: inline;
		
}

#content td {
	padding: 0px 10px;
}

#content tr.altrow {
	background-color: #e7e3db;	
}

#content .alt {
	background: #f8f6f0;
}

#content th {
	font-weight: bold;
	font-size: 1.1em;
	padding: 6px 10px;
}

#content ul {
	margin-left: 50px;
	font-size: 1em;
	padding-top: 15px;
}

#content li {
	list-style-type: square;
	color: #4C4C4C;
	padding-bottom: 5px;
}

#content label {
	display: block;
	font-size: 0.875em;
	text-transform: uppercase;
	color: #2b2b2b;
	padding-top: 18px;
}

#content input,
#content select,
#content textarea {
	padding: 3px;
	font-size: 1.25em;
	border-top: 1px solid #e2e0db;
	border-left: 1px solid #e2e0db;
	border-right: 1px solid #f8f6f0;
	border-bottom: 1px solid #f8f6f0;
	background: #fff;
	margin-top: 5px;
	vertical-align: top;
}

#content input.send,
#content input.sort {
	padding: 7px;
	background: url('../images/navbar.jpg') repeat-x;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	cursor: pointer;
}

#content input.sort {
	padding: 5px;
	font-size: 1em;
}

#footer {
	background: #d1ccbe url('../images/footer2.jpg') repeat-x;
	min-height: 220px;
	padding-top: 50px;
}

#footer a.link,
#footer a#endlink {
	text-decoration: none;
	color: #45443E;
	font-size: 1.25em;
	display: inline-block;
	height: 25px;
	border-right: 1px solid #7A7A7A;
	padding-top: 10px;
	padding-right: 10px;
	margin-right: 10px;	
}

#footer a#endlink {
	border-right: 0px;
}

#footer a.link:hover,
#footer a#endlink:hover {
	text-decoration: underline;
	color: #2D2C2A;
}

#footer input {
	width: 190px;
	height: 20px;
	padding: 3px;
	font-size: 1.25em;
	border-top: 1px solid #695c56;
	border-left: 1px solid #695c56;
	border-right: 1px solid #a08b7f;
	border-bottom: 1px solid #a08b7f;
	color: #a08b7f; 
	margin-top: 15px;
	float: left;
	background: #eee8e5;
}

#footer input:focus {
	background: #fff;	
}

#footer a#search {
	background: url('../images/navbar.jpg') repeat-x;
	text-decoration: none;
	color: #fff;
	width: 71px;
	height: 21px;
	display: block;
	float: left;
	margin-top: 15px;
	font-size: 1.25em;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 9px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#footer h3 {
	color: #88857b;
	padding-top: 15px;
	clear: both;
}

