html {overflow-y:scroll;}
html, body {height: 100%;}
body {background: #545c5f url(../images/main/bg.jpg) repeat-x top;color:#000; font:12px Arial, Helvetica, sans-serif;}
a {color:#f00;}
.left {float:left}
.right, .right-out, .right-in {float:right}
img.alignleft {display: inline;	float: left; margin-right: 18px;}
img.alignright {display: inline;float: right;margin-left: 18px;}
img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
img.alignleft,img.alignright,img.aligncenter {margin-bottom: 18px;}
.clear {display:block;clear:both;visibility:hidden;height:0em;border-width:0;margin:0;padding:0;font-size: 0em;}
.block {display:block;}

img.left {margin: 0 5px 5px 0}
img.right {margin: 0 0 5px 5px}

#container {margin: 0 auto -143px; width:956px; min-height: 100%;height: auto !important;height: 100%; background:url(../images/main/page-c.png) repeat-y top center;}

.push {height: 146px;}

/* BEGIN CONTENT */
#content {margin: 0 auto; width: 856px;}

/* BEGIN HEADER */
#header {margin:0 auto;width:956px; height:175px; background:url(../images/main/header.png) no-repeat top center;}
#header-home {margin:0 auto;width:956px; height:175px; background:url(../images/main/header2.png) no-repeat top center;}
#header #logo img {display:block;margin:0 auto;padding-top:20px;}

#flashContent {margin: 0 auto; width:900px; height:142px; /*background:url(../images/main/COCAback_hdronly.jpg) no-repeat top*/}
/* END HEADER */

/* BEGIN SIDEBAR */
#sidebar {width:164px;float:left;}
#sidebar .login {display:block;	width:164px;background:url(../images/main/sidebar-t-2.png) no-repeat;height:91px;color:#000;}
#sidebar .login:hover {color:#f00;}
#sidebar .login span {display:block;padding-top:36px;font-size:8px;font-weight:bold;}
#sidebar .login span.left {padding-left:6px;}
#sidebar .login span.right-out {padding-right:15px;}
#sidebar .login span.right-in {padding-right:20px;}
#sidebar ul li {background:url(../images/main/sidebar-c.png) no-repeat;height:28px;width:160px;padding-right:4px;}
#sidebar ul li a, #sidebar ul li span {display:block;text-align:center;font-size:8px;font-weight:bold;text-transform:uppercase;color:#000;text-decoration:none;padding-top:7px;}
#sidebar ul li.multiple a {padding-top:3px;}
#sidebar ul li a:hover {color:#f00;}

#sidebar ul li.inactive {background:url(../images/main/sidebar-c-inactive.png) no-repeat;height:28px;width:160px;padding-right:4px;}
/* END SIDEBAR */

/* BEGIN PAGE */
#page {float:right;	padding-top:15px; width:676px;}
.content-box, .content-history {float: left; margin: 0 0 10px; width: 676px}

.content-box h1, .content-box-two h1, .content-history h1 {margin-bottom: 5px; font-size: 2em; font-weight: bold;}
.content-box h2, .content-box-two h2 {margin: 10px 0 5px; font-size: 1.5em; font-weight: bold;}
.content-box h3 {margin: 10px 0 5px; font-size: 1.1em; font-weight: bold;}
.content-box p, .content-box-two p, .content-history p {margin-bottom: 5px;}

.content-box-two ul, .content-history ul {display: block; margin: 0 0 10px 20px; list-style: disc outside;}
.content-box-two ol, .content-history ol {display: block; margin: 0 0 10px 25px; list-style: decimal outside;}

.content-box ul li.leadership {width: 676px; height: 115px;}

.content-box ul.about-links {margin: 0 auto; width: 500px;}
.content-box .about-links li {float: left; width: 225px; height: 150px;}

.content-box form {margin-top: 15px; overflow: hidden}
.content-box .field {float: left; margin-bottom: 10px; width: 400px;}
.content-box label {float: left; width: 400px;}
.content-box input, .content-box textarea {padding: 3px;}
.content-box textarea {width: 400px; height: 150px; overflow: auto}

.content-box legend {float: left; margin-bottom: 10px; width: 350px; padding-bottom: 5px; font-size: 1.2em; font-weight:bold; border-bottom: 1px solid #000}

.content-history h2 {margin: 10px 0 5px; font-size: 1.2em; font-weight: bold;}
.content-history h3 {margin: 10px 0 5px; font-size: 1em; font-weight: bold;}
.content-history h4 {margin: 10px 0 5px; font-size: .875em; font-weight: bold;}
.content-history h5 {margin: 10px 0 5px; font-size: .75em; font-weight: bold;}


.pg-list {float: left; width: 466px}
.pg-photo {float:right; width:200px;}

.paginate {text-align: center; font-weight: bold}

.home-banner {margin: 10px auto; width: 575px; overflow: hidden; text-align: center}


/* END PAGE */

/* BEGIN FOOTER */
/* Old: #footer {background:url(../images/main/bg-footer.gif) repeat-x bottom;} */
#footer {
	height: auto ;
	width: 956px ;
	margin: 0px auto 0px auto ;
	padding-top: 24px ;
	background-image: none ;
	overflow: hidden ;
}
#footer .block {margin:0 auto;}
#footer p {font-size:10px;font-weight:bold;text-transform:uppercase;text-align:center;}
#footer ul {text-align:center;padding-bottom:4px;padding-top:4px;}

#footer ul li {display:inline;font-size:12px;font-weight:bold;text-transform:uppercase;}

#footer a {color:#000;text-decoration:none;}
#footer a:hover {color:#f00;}

#footer h6 {
	font-size: 10px ;
	text-align: center ;
	padding-top: 4px ;
}
#footer .footer-graphic {
	display: block ;
	clear: left ;
	float: none ;
	width: 956px ;
	margin: 0px auto 0px auto ;
	padding: 0px 0px 0px 0px ;
	text-align: center ;
}
#footer .footer-graphic img {
	display: block ;
	margin: 0px auto 0px auto ;
}
/* END FOOTER */

/* homepage */
#ads-shoutbox {margin: 0 auto; width: 636px;}
	ul.ads {float: left; width: 175px; height: 270px;}
	ul.ads li {display: block; margin-bottom: 10px; height: 125px;}
	.shoutbox {float: left; margin: 0 5px; width: 276px; min-height: 260px;}
	
	.shoutbox h2 {margin: 0 0 5px; font-size: 1.2em; font-weight: bold; text-align: center}
	.shoutbox .commentslist {height: 200px; overflow: auto}
	
	.odd {padding: 8px 8px 8px 8px ; background: #ddd; border-bottom: 1px solid #aaa}
	.even {padding: 8px 8px 8px 8px ;}
	
	.shoutbox form {margin-top: 15px; overflow: hidden}
	.shoutbox .field {float: left; height: 25px;}
	
	.shoutbox .name {width: 96px;}
	.shoutbox .comment {width: 130px;}
	.shoutbox .post {width: 50px;}
	
	.shoutbox .field #name {padding: 3px 3px 2px; width: 86px; border: 1px solid #000;}
	.shoutbox .field #comment {padding: 3px 3px 2px; width: 115px; border: 1px solid #000;}
	.shoutbox .field .submit {padding: 3px; width: 50px; height: 23px; border: 1px solid #000;}
	
	
/* image borders */

img.blackborder {border: 1px solid #000}
	
	
/* articles */

.home-articles-list {margin: 0 auto 20px; width: 636px; height: 105px; overflow: hidden}
	.home-articles-list-image {float: left; width: 136px; text-align: center;}
	.home-articles-list-content {float: right; width: 490px;}
	.home-articles-list-content h2 {font-weight: bold}
	.home-articles-list-content h2 a {color: #000; text-decoration: none}
	.home-articles-list-content h2 a:hover {color: #f00; text-decoration: none}
	
	

.articles-list {margin: 0 auto 20px; width: 636px; height: 205px; overflow: hidden}
	.articles-list-image {float: left; width: 236px; text-align: center}
	.articles-list-content {float: right; width: 390px;}
	.articles-list-content h2 {margin: 0 0 5px; font-size: 1.5em; font-weight: bold; color: #000}
	.articles-list-content p {margin-bottom: 5px;}
	
.articles-single {margin: 0 auto 20px; width: 636px;}
	.articles-single-content {overflow: hidden}
	.articles-single-content h1 {margin-bottom: 5px; font-size: 2em; font-weight: bold;}
	.articles-single-content p {margin-bottom: 5px}
	.articles-single-content ul {display: block; margin-left: 20px; list-style: disc outside;}
	.articles-single-content ol {display: block; margin-left: 20px; list-style: decimal outside;}
	
.articles-paginate {margin: 0 auto 20px; width: 636px; height: 30px; overflow: hidden}

.articles-image-group { margin-top:30px; overflow:hidden; }
.articles-image-group li { float:left; display:inline-block; margin:0 5px 5px; }
	
	
/* join */

.join-benefits {display: block; margin-left: 20px; list-style: disc outside;}
.join-benefits li {margin-bottom: 5px;}
.join-mail {display: block; margin-left: 40px;}
.join-mail ul {margin-left: 20px;}

.join-choice {margin-left: 20px;}

/* faq/calendar */
.answer {margin: 0 0 20px 10px;}
.answer ul {display: block; margin-left: 20px; list-style: disc outside;}
.answer ol {display: block; margin-left: 20px; list-style: decimal outside;}

/* news & announcements */
.news-box {float: left; margin-bottom: 15px; width: 676px;}
.news-box ul {display: block; margin-left: 20px; list-style: disc outside;}
.news-box ol {display: block; margin-left: 20px; list-style: decimal outside;}

.news-box ul.news-gallery {list-style: none; width: 676px}
.news-box ul.news-gallery li {float: left; display: inline; margin: 3px; width: 100px; height: 100px;}


/* classifieds */
.classified-box { overflow:hidden; }
.classified-box h1 {margin-bottom: 5px; font-size: 2em; font-weight: bold;}
/*
.classified-box form {width: 400px; overflow: hidden}
.classified-box .field {float: left; margin-bottom: 10px; width: 400px;}
.classified-box input, .classified-box textarea, .classified-box select {padding: 3px; border: 1px solid #000}
.classified-box .radio {clear: both}

.classified-box textarea.itemdescrip {width: 350px; height: 100px; overflow: auto}
*/

.classified-box form {float: left; width: 400px; overflow: hidden;}
	.classified-box legend {float: left; margin-bottom: 10px; width: 350px; padding-bottom: 5px; font-size: 1.2em; font-weight:bold; border-bottom: 1px solid #000}
	.classified-box .fieldbox {float: left; margin-bottom: 10px; width: 390px; min-height: 30px; overflow: hidden}
	.classified-box .fieldbox2 {float: left; margin-bottom: 10px; width: 390px; min-height: 30px; overflow: hidden}
	.classified-box .fieldbox label, .classified-box .fieldbox2 label {float: left; width: 95px; text-align:right;}
		.classified-box .fieldbox label .formnote {display: block;font-size: .6875em;}
	.classified-box .fieldbox input, .classified-box .fieldbox select {float: right; width: 150px;}
	.classified-box .fieldbox2 textarea {float: right; width: 280px; height: 100px;}
	.classified-box .field {margin-bottom: 10px;}
	.classified-box .field .radio {clear: both}
	
	.classified-box .fieldbox2 .wordcount {clear: right; float: right; display: block; margin-top: 5px; width: 200px; text-align: right}
	.classified-box .fieldbox2 input.count {width: 50px;}

	.classified-box .fieldbox2 input.submit {float: right; padding: 3px;}	
	.classified-box .placead {text-align:right}
	
.classified-box ul { float:right; display:inline; width:250px; overflow:hidden; }
.classified-box ul li { margin:0 0 10px 5px; }

.classified-cols h1 {margin-bottom: 5px; width: 676px; font-size: 2em; font-weight: bold;}
.classified-cols p.guidelines {margin-bottom: 15px; width: 676px;}
.classified-cols .forsale {float: left; width: 333px;}
.classified-cols .wanted {float: right; width: 333px;}
	
.classified-cols .forsale h2, .classified-cols .wanted h2 {margin-bottom: 10px;font-size: 1.5em; font-weight: bold;}



.ad-box {float: left; margin-bottom: 20px; width: 333px;}
	
/*  members  */

.members-profile-header {width: 676px; height: 20px;}
.members-profile-header h1 {margin-bottom: 10px; width: 100%; font-size: 2em; font-weight: bold}
.members-profile-header ul {float: right;}
.members-profile-header ul li {float: left; margin: 0 5px;}

.members-profile-content {width: 676px;}
	.members-profile-content h1 {margin-bottom: 10px; width: 100%; font-size: 2em; font-weight: bold}
	.members-profile-content h2 {float: left; margin-bottom: 5px; width: 100%; font-size: 1.2em; font-weight: bold}
	.members-profile-content p {float: left; margin-bottom: 20px; width: 100%;}
	.members-profile-content .photo {float: left; width: 200px; height: 200px;}
	.members-profile-content .profile {float: right; width: 466px; height: 200px;}
		.members-profile-content .profile .profile-account {float: left; width: 230px;}
		.members-profile-content .profile .profile-location {float: right; width: 230px;}
	.members-profile-content .bio {float: left; margin-top: 20px; width: 676px; height: 100px;}
	
	.members-profile-content form {float: left; width: 550px; overflow: hidden;}
	.members-profile-content legend {float: left; margin-bottom: 10px; width: 350px; padding-bottom: 5px; font-size: 1.2em; font-weight:bold; border-bottom: 1px solid #000}
	.members-profile-content .fieldbox, .members-profile-content .fieldbox2 {float: left; margin-bottom: 10px; width: 550px; min-height: 30px; overflow: hidden}
	.members-profile-content .fieldbox label {float: left; width: 175px; text-align:right;}
		.members-profile-content .fieldbox label .formnote {display: block;font-size: .6875em;}
	.members-profile-content .fieldbox input, .members-profile-content .fieldbox select, .members-profile-content .fieldbox textarea {float: left; margin-left: 20px; width: 150px;}
	.members-profile-content .fieldbox textarea {height: 100px;}
	.members-profile-content .fieldbox .fileright {float: left; width: 150px;}
	.members-profile-content .fieldbox img {margin-left: 20px; }
		.members-profile-content .fieldbox .fileright input {width: 150px; margin-bottom: 10px;}
	.members-profile-content .fieldbox input.submit {float: left; padding: 3px;}	
	
	.members-profile-content .fieldbox2 input {float: left; margin-left: 180px; width: 20px;}
	.members-profile-content .fieldbox2 label {float: right; width: 150px;}
  
  .members-profile-content .fieldbox.specify input {float: left; margin-left: 194px; width: 150px;}
	
	.members-profile-content ul.memberslist {float: left; display: block; width: 100%}

.members-profile-content ul.memberslist li {
	float: left;
	display: block;
	margin-bottom: 4px;
	padding: 8px 8px 8px 8px ;
	width: 98%
}
.members-profile-content ul.memberslist li p {
	margin: 4px auto 4px auto ;
}

.members-profile-content ul.memberslist li h3 {
	font-size: 1em ;
	font-weight: bold ;
}

.members-profile-content .member-search p {
	display: block ;
	width: auto ;
	min-width: 75% ;
	text-align: right ;
	font-size: 1.2em ;
}
.members-profile-content .member-search input {
	display: inline-table ;
	min-width: 256px ;
	margin: 4px auto 4px auto ;
	padding: 4px 4px 4px 4px ;
}

.user_success {margin: 5px 0;padding: 5px; color: #466900; font-weight: bold; background: #ecf7e3; border: 1px #437312 solid;}
.user_error {margin: 5px 0;padding: 5px; color: #ff0000; font-weight: bold; background: #ffe5e5; border: 1px #ff0000 solid;}

/* hall of fame */
.hof-box, .hof-container {width: 676px; overflow: hidden}
.hof-container {margin-bottom: 15px;}
.hof-box h1 {margin-bottom: 5px; width: 676px; font-size: 2em; font-weight: bold;}

.hof-container .hof-pic {float: left; width: 200px;}
.hof-container .hof-content {float: right; width: 466px;}

.hof-content h2 {margin: 0 0 5px; font-size: 1.5em; font-weight: bold;}
.hof-content p {margin: 0 0 5px;}