/* 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: 12px verdana, arial;
	line-height: 1.88889;
	color: #999999; 
	margin: 0; 
	padding: 0;
	z-index: 1;
	}

p { 
	margin-top: 0; 
	text-align: justify;
	font-weight:400;
	line-height: 20px;
	color: #000099;
	text-indent: 20px;
	letter-spacing: 2px; 
	}
	
p.small { 
	margin-top: 0; 
	text-align: justify;
	line-height: 20px;
	color: #333399;
	text-indent: 10px;
	letter-spacing: 1px; 
	}
	
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: 525px;
	z-index: 2;
	background-image: url(images/trans_1x1.gif);
	overflow: auto;
	}

#supportingText {
	width: 690px;
	position: absolute;
	top: 725px;
	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: 1050px;
	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: 1400px;
	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: 500px;
	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;
	}