/* css Zen Garden default style v1.02 
*/
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  
*/

/* This file based on 'Tranquille' by Dave Shea 
*/
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. 
*/
/* Edited by Bridget Willard August 28, 2008, for Combined Men's Ministry. 
*/



/* basic elements */


html {
	margin: 0;
	padding: 0;
	}


body { 
	font: 11px verdana, arial;
	line-height: 1.88889;
	color: #999999; 
	margin: 0; 
	padding: 0;
	z-index: 1;
	}



p { 
	font:16px Tahoma;
	margin-top: 0; 
	
	text-align: justify;
	
	font-weight:400;
	
	line-height: 20px;
	
	color: #000099;
	
	text-indent: 20px;
	
	letter-spacing: 1px; 
	}

	

p.small { 
	margin-top: 0; 
	text-align: justify;
	line-height: 20px;
	color: #333399;
	text-indent: 10px;
	letter-spacing: 1px; 
	}
	

p.2 { 
	font: 11px verdana; margin-top: 0; 
	text-align: justify;
	line-height: 16px;
	color: #333399;
	text-indent: 10px;
	letter-spacing: 0px; 
	}



p.caption { 
	font: oblique bold 1.6em verdana, arial;
	letter-spacing: 2px; 
	margin-bottom: 0; 
	color: #339999;
	line-height: 40px;
	font-weight: bold;
	text-indent: 0px;
	}



h3 { 
	font: oblique bold 1.4em verdana, arial;
	letter-spacing: 2px; 
	margin-bottom: 0; 
	color: #0033cc;
	}
	


h2 { 
	font: italic normal 12px verdana, arial;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #339999;
	}
	


a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #339999;
	}


a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #0099cc;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #0099cc;
	}
acronym {
	border-bottom: none;
	}



ul {
	margin-left: 250; 
	text-align: justify;
	line-height: 25px;
	color: #336699;
	list-style-position: inside;
	}



/* specific divs */


div.img
{
  margin: 2px;
 
  height: 1800;
  width: 120;
  float: left;
  margin: 7px;
  text-align: center;
}	

div.img img
{
  display: inline;
  margin: 0px;
  border: 0px solid #ffffff;
}

div.img 
a:hover img {border: 1px solid #0000ff;}


div.desc
{
  font: 10px verdana, arial;
  text-align: center;
  font-weight: normal;
  color: #0066cc;
  width: 150px;
  margin: 2px;
}




#container {
	background-image: url(images/cmm_bg3.jpg);
	background-repeat: repeat-y;
	background-attachment:fixed;
	margin: 0;
	position: absolute;
	margin-top: 5px;
	width: 1000px;
	height: 1500px;
	padding: 20 40px 20px 20px;
	left: 15;
	z-index: 1;
	background-color: #000066;
		}



#intro {
	width: 700px;
	z-index: 2;
	position: absolute;
	margin-top: 5px;
	width: 700px;
	height:700px;
	background: transparent url(images/trans.gif) no-repeat top left;
	left: 80px;
	top: 12px;
	}



/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */


#pageHeader h1 {
	background: url(http://www.combinedmens.com/images/cmm-logo-white.jpg) no-repeat left top;
	margin-top: 5px;
	width: 383px;
	height: 53px;
	padding: 20 40px 20px 20px;
	float: left;
	position: absolute;
	top: 20px;
	right: 233px;
	left: 10px;
	z-index: 10;
	background-image: url(http://www.combinedmens.com/images/cmm-logo-white.jpg);
	}



#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	background: transparent url(images/trans.gif) no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 8px; 
	float: right;
	}
#pageHeader h2 span {
	display:none
	}


#pageHeader {
	padding-top: 10px;
}

#quickSummary {
	clear:both;
	padding: 10px 10px 10px 10px;
	float: left;
	position: absolute;
	top: -4px;
	right: 233px;
	left: 461px;
	z-index: 4;
	background-image: url(images/trans_1x1.gif);
	width: 189px;
	height: 148px;
	
	}


#quickSummary p {
	font: italic 10pt georgia; 
	text-align: center;
	color: #3366cc;
	line-height: 20px;
	font-weight: bold;
	background-image: url(images/trans_1x1.gif);
	}



#preamble {
	clear: right;
	padding: 20px 20px 20px 20px;
	width: 395px;
	float: left;
	position: absolute;
	top: 141px;
	left: 85px;
	height: 800px;
	z-index: 2;
	background-image: url(images/trans_1x1.gif);
	overflow: auto;  	}



#supportingText {
	width: 690px;
	position: absolute;
	top: 975px;
	left: 80px;
	right: 233px;
	padding: 20px 20px 20px 20px;
	height: 350px;
        overflow: visible;
	background-image: url(images/trans_1x1.gif);
	}
	


#participation {
	width: 690px;
	position: absolute;
	top: 1350px;
	left: 95px;
	right: 233px;
	margin: 20px 20px 20px 20px;
	padding: 5px 5px 5px 5px;
	height: 350px;
	background-image: url(images/trans_1x1.gif);
	}



#footer {
	text-align: center;
	width: 700px;
	position: absolute;
	top: 1500px;
	left: 100px;
	right: 233px;
	font: italic normal 10px verdana, arial;
	letter-spacing: 1px;
	margin-bottom: 10;
	color: #3366cc;
	height: 180;
	z-index: 14;
	}

#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}



#linkList {
	margin-left: 15px;
	margin-top: 10px;
        position: absolute;
	top: 210px;
	left: 500px;
	visibility: visible;
	width: 230px;
	background-image: url(images/cmm_bg.gif);
	height: 775px;
	z-index: 11;
		}


#linkList2 { 
	font: 10px verdana, sans-serif; 
	position: absolute;
	top: 5px;
	left: 20px;
	visibility: visible;
	width: 230px;
	padding: 5px; 
	background-image: url(images/trans_1x1.gif);
	color: 0066cc;
	}
#linkList h3.select { 
	background-image: url(images/trans_1x1.gif);
	position: absolute;
	top: -55px;
	left: 2px;
	visibility: visible;
	width: 150px;
	margin: 10px 0 5px 0; 
	width: 175px; 
	height: 35px; 
	color: 0066cc;
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.favorites { 
	background-image: url(images/trans_1x1.gif); 
	margin: 25px 0 5px 0; 
	width: 60px; 
	height: 18px; 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background-image: url(images/trans_1x1.gif);
	margin: 25px 0 5px 0; 
	width:57px; 
	height: 35px; 
	color: 0066cc;
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background-image: url(images/trans_1x1.gif);
	margin: 25px 0 5px 0; 
	width:63px; 
	height: 10px; 
	color: 0066cc;
	}
#linkList h3.resources span {
	display:none
	}


#linkList ul {
	margin: 0;
	padding: 0;
	}
#linkList li {
	background-image: url(images/trans_1x1.gif); 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	list-style-type: none;
	font: italic normal 12px verdana, arial;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #3300cc;
	line-height: 20px;
	}
#linkList li a:link {
	color: #3300cc;
	}
#linkList li a:visited {
	color: #3399cc;
	}




#extraDiv1 {
	background-image: url(images/trans_1x1.gif);
	position: absolute; 
	top: 633px; 
	right: 44px; 
	width: 84px; 
	height: 167px;
	}
.accesskey {
	text-decoration: underline;
	}