@import url(forms.css);


/* base
----------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #333;
	background-color: #263137;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/****************************************************************/
/* 1. STRUCTURE  */
/****************************************************************/



#wrapper{
	color: #353535;
	width: 947px;
	margin: 0;
	padding: 0;
	
}

#container{
	padding: 55px 46px 55px 38px;
	
}

#mainCol{
	width: 634px;
	float: left;
	margin-bottom: 35px;
}
#sideCol{
	width: 214px;
	float: right;
	background-color: #263137;
	color: #fff;
}

#content{
	background-color: #fff;
	padding: 30px 35px;
	
}

/****************************************************************/
/* 2. BLOCKS  */
/****************************************************************/

#intro{
	background-color: #fff;
	color: #353535;
	background-image: url(../images/face_01.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 215px;
}
#intro .text{
	width: 390px;
}

#blocks{
	margin: 15px 0 35px 0;

}

#blocks .colorBlock{
	height: 207px;
	background-repeat: no-repeat;
	background-position: bottom left;
	
}
#blocks .left, #blocks .mid{
	float: left;
	width: 215px;
}
#blocks .right{
	width: 202px;
	float: right;
}

#blocks .left{
	background-image: url(../images/block_left_bg.gif);
}
#blocks .mid{
	background-image: url(../images/block_mid_bg.gif);
}
#blocks .right{
	background-image: url(../images/block_right_bg.gif);
}

.supporters{
	margin: 0 0 0 10px;
}
#sideCol .box{
	margin: 25px 20px;
}
#men div.section{
	background-image: url(../images/face_02.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#friends div.section{
	background-image: url(../images/face_04.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#partners div.section{
	background-image: url(../images/face_03.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#links #content{
	background-image: url(../images/face_03.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
/****************************************************************/
/* 2. TEXT */
/****************************************************************/


blockquote, h3, p, li {

font-size: 1em;
line-height: 1.6em;
}

blockquote {
margin: 10px 20px;
}

#sideCol blockquote{
	margin: 10px 0;
	color: #fff;
	font-style: italic;
}

h1, h2, h3 {
font-weight: normal;
}

h1, h2 {
font-family: Georgia, Times, serif;
}

h1 {
font-size: 3em;
}

h2 {
font-size: 1.1em;
color: #9ec248;
font-weight: bold;
}

h3{
	font-weight: bold;
	margin-bottom: 5px;
}
h3.link_cat{
	float: left;
}

#content p{
	padding: 0 0 5px 0;
}
small, .small {
font-size: 0.9em;
}

#intro .text p{
	padding: 18px 0 30px 30px;
}

.colorBlock p{
	padding: 0 15px;
}

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

.crumbs{
	margin: 0 0 35px 0;
}

#sideCol form, #sideCol select, #sideCol option{

	font-size: 1em;
	
}
p.more{
	text-align: right;
}
#sideCol p{
	margin: 0 0 0 25px;
}
#sideCol .box p{
	margin: 0;
}
#sideCol p.more{
	margin: 15px 0 0 0;
}

.divider {
margin: 2em 0;
text-align: center;
}
/****************************************************************/
/* 4. LINKS */
/****************************************************************/

a {
text-decoration: none;
color: #000;
background-color: inherit;

}

h1 a, h2 a, h3 a {
border: none;
}

h3 a {
font: 1.5em Georgia, Times, serif;
}

#menu a{
	padding: 5px 8px;
	
	color: #fff;
	font-weight: bold;
	font-size: .9em;
}

#home #menu a.home, 
#men #menu a.men, 
#links #menu a.links,
#glossary #menu a.glossary, 
#friends #menu a.friends, 
#partners #menu a.partners, 
#news #menu a.news, 
#directory #menu a.directory, 
#forum #menu a.forum{
	background-color: #fff;
	color: #2F3C43;
}



#content a{
	color: #9ec248;
	text-decoration: underline;
}

#sideCol a{
	color: #9ec248;
	text-decoration: underline;
}

#content a.anchor{
	text-decoration: none;
	color: #353535;
	
}
ul.mem_list_column{
	margin: 25px 0 35px 0;
	list-style-type: none;
}
ul.mem_list_column li{
	margin: 0 0 5px 0;
}

a.top{
	text-align: right;
	float: right;
}
#sideCol ul  a{
	color: #fff;
}

.survey a{
	font-weight: bold;
	text-decoration: underline;
}
/****************************************************************/
/* 4. LISTS */
/****************************************************************/
li{
	margin: 0 0 0 20px;
}

#menu ul{
	margin: 30px 0 15px 0;
	background-color: #2F3C43;
	color: #fff;
	list-style-type: none;
	display: block;
	padding: 10px;
	text-align: center;
}

#menu ul li{
	display: inline;
	border-right: 1px solid #89A939;
	padding: 0 10px 0 0;
	margin: 0;
	margin: 0 8px 0 0;
	
}
#menu ul li.last{
	border-right: none;
	padding-right: 0;
}

.colorBlock ul, .colorBlock ol{
	
	margin: 0 15px 0 15px;
	padding: 0;
	list-style-type: none;
}
.colorBlock li{
	margin: 0;
	padding: 0 0 0 20px;
}

ul.headlines{
	margin: 0;
	list-style-type: none;
	
}

ul.headlines li{
	margin: 0 0 5px 0;
	padding: 0 0 0 18px;
	background-image: url(../images/icons/doc.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#sideCol ul{
	list-style-type: none;
	margin: 0;
}
#sideCol li{
	padding: 0 0 0 20px;
}
ul.recentComments li{
	background-image: url(../images/icons/side_comment.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0 0 5px 0;
}
ul.recentArticles li{
	background-image: url(../images/icons/side_article.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0 0 5px 0;
}
#home ul.recentArticles li{
	background-image: url(../images/icons/pink_doc.gif);
	padding-left: 15px;
}
#home .mid ul.recentArticles li{
	background-image: url(../images/icons/doc_blue.gif);
}
#home .right ul.recentArticles li{
	background-image: url(../images/icons/doc_green.gif);
}

h3#comment{
	color: #9ec248;
	font-size: 1.2em;
	font-weight: bold;
	margin: 35px 0 10px 0;
}

ol.comments{
	margin: 0 0 40px 0;
}

ol.comments li{
	background-color: #f5f5f5;
	margin: 0 0 2px 0;
	padding: 15px 10px;
	list-style-position: inside;
}

ul.top_categories{
	width: 380px;
	list-style-type: none;
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #c0c3c5;
}
ul.top_categories li{
	margin: 0 0 4px 0;
	padding: 0;
}
/****************************************************************/
/* 4. IMAGES */
/****************************************************************/

img{
	border: none;
}

#intro .text img{
	padding: 35px 0 0px 30px;
}

.colorBlock img{
	margin: 20px 0 10px 15px;
}

.logos img{
	margin: 10px 8px 0 0;
}


img.heading{
	margin: 0 0 35px 0;
}
#sideCol img.heading{
	margin: 0 0 15px 0;
}





#content hr {
margin: 2em 0;
width: 66%;
color: #ccc;
background-color: inherit;
}





/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}


/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}



ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}




form{
	margin: 20px 0 15px 0;
}

#sideCol form{
	margin: 5px 0;
	
}
#sideCol input{
	width: 180px;
}
#sideCol select{
	width: 180px;
}

.mem_list{
	margin: 0 0 20px 0;
}
.mem_list_head{
	font-weight: bold;
}