/* 

STYLE SHEET FOR [mencare2.com]
CSS and HTML by [Dougie McNally]
Hex colour [#9E1D20]

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

*/



/* --------- 1. defaults  --------- */

* {
			margin: 0;
			padding: 0;
			}
		
/*  --------- 2. structure  --------- */

#wrapper {
			background-color: #fff;
			position: relative;
			margin: 0 auto;
			width: 777px;
			}
		
		
h2.whiteHead {
			position: absolute;
			letter-spacing: .4px;
			top:237px;
			left: 200px;
			font-size: 130%;
			}	


h3.whiteHead {
			position: absolute;
			top:277px;
			left: 200px;
			font-size: 105%;
			}

		
#masthead {
		
			display: block;
			width: 777px;
			height: 329px;
			background-image: url('dadsclub-header.jpg');
			text-indent: -9999px;
			padding-bottom: 10px;
			background-repeat: no-repeat; 
			}
			
#content {
float: right;
width: 550px;
padding: 0 20px 0 0;
}

#content ul {

			font-size: 85%;
			color: #333;
			line-height: 140%;
			margin-top: 0.8em;
			margin-bottom: 0.8em;
			padding-left: 3em;
			}

#content a {
font-size: 85%;
color: #333;
}

#content a:hover {
font-size: 85%;
text-decoration: none;
}
		

#footer p {
text-align: center;
color: #fff;
display: block;
width: 777px;
height: 23px;
background-color: #143701;
margin: 15px auto 30px;

		}

	/* float-clearing rules */

.separator {
			clear: both;
			}
	
		
/* ---------- 3. links and navigation ---------- */


#navigation {
			float: left;
			font-size: 85%;
			width: 182px;
			padding-right: 20px; 
			margin:0;
			}

#navigation a {
			display: block;
			text-decoration: none;
			color: #fff;
			background-color: #999;
			padding: 5px 0 5px 10px;
			border-bottom: 2px solid #fff;
			}
		
#navigation a:hover {
			display: block;
			text-decoration: none;
			color: #fff;
			background-color: #143701;
			padding: 5px 0 5px 10px;
			border-bottom: 2px solid #fff;
			}

#navigation .activeLink {
			background-color: #143701;
			}			

#navigation ul {
			list-style-type: none;		
			}
			
#footerlinks {
text-align: center;
padding-top: 30px;
line-height: 1em;
}			

			
#footerlinks li {
			font-size: 75%;
			display: inline;
			list-style-type: none;
			padding: 0 25px 0 0;
			margin: 0 auto;
}

#footerlinks a {
color: #143701;
}

#footerlinks a:hover, #footerlinks a:active {
color: #143701;
text-decoration: none;
}

#footerlinks a.footerlinksactive {
color: #143701;
text-decoration: none;
cursor: default;
}

		
/* ---------- 4. fonts ---------- */

html {
			font-size: 100%;
			}

h1, h2, h3, h4, p, ul, a {
			font-family: Verdana, Tahoma, Geneva, sans-serif;
			}

h1, h2, h3, h4 {
			color: #143701;
			}

p {

			font-size: 85%;
			color: #333;
			line-height: 140%;
			margin-top: 0.8em;
			margin-bottom: 0.8em;
			}
			
			#content ol li {
			font-family: Verdana, Tahoma, Geneva, sans-serif;
			font-size: 85%;
			margin-left: 19px;
			color: #333;
			line-height: 140%;
			margin-top: 0.8em;
			margin-bottom: 0.8em;
}

#content ol.latin {
			font-family: Verdana, Tahoma, Geneva, sans-serif;
			list-style-type: lower-roman;
			font-size: 100%;
			margin-left: 19px;
			color: #333;
			line-height: 140%;
			margin-top: 0.8em;
			margin-bottom: 0.8em;
}

		
.whiteHead {
color: #fff;
}

/* ---------- 5. images ---------- */

.imgLeft {
float: left;
margin: 15px 20px 15px 0;
border: 1px solid #000;
}
		
.imgRight {
float: right;
margin: 15px 0 15px 20px;
border: 1px solid #000;
}
		
.imgRightForcePaddingBottom {
float: right;
margin: 15px 0 60px 20px;
border: 1px solid #000;
}