/**************************************************************/
/* Style Sheet for Who Let The Dads Out Website               */
/* --------------------------------------------               */
/*                                                            */
/* Classes                                                    */
/* -------                                                    */
/*                                                            */
/* General: applies to whole site                             */
/* .header: banner section at top of site                     */
/* .wrap: container for whole site                            */
/* .left: left hand column                                    */
/* .right: right hand column                                  */
/* .footer: footer at bottom of page                          */
/* Image: floating left, right and center with no borders     */
/* List: unordered list in right column                       */
/* .menu8: menu with rollover effect in left column           */
/* .memberboxleft: left hand side box in members area         */
/* .memberboxright: right hand side box in members area       */
/* .contactform: form for data entry                          */
/* .topicform: form for data entry in forums                  */
/* .displayform: displays data                                */
/* .resultform: displays results from forum search            */
/* .grouptable: table layout for listing data                 */
/* .forum: table layout for forums                            */
/*                                                            */
/* Version Control                                            */
/* ---------------                                            */
/* 1.0 Original 	M. Ankers 		March 2009                */
/*                                                            */
/**************************************************************/


/* General stuff */
*{ margin: 0; padding: 0; }*
body { font: .8em Arial, Sans-Serif; line-height: 1.5em; background: #2e8b57; color: #444; }
a {COLOR: #6587E0; text-decoration: none;}
a:visited {COLOR: #6587E0; text-decoration: none;}
a:hover {COLOR: #333; text-decoration: underline;}
h2 { margin: 0 0 10px; padding: 10px 0 3px; color: #000 }
.left h3 { padding-left: 10px; color: #fff; background: #2e8b57; font-size: 1em; height: 24px; line-height: 24px; }
.right h3 { margin: 0 0 10px; padding: 10px 0 3px; color: #FFF }
p { margin: 5px 0 10px 0; }
p.middle {text-align:center; margin: 0px 0px 5px 0px;}

/* Header stuff */
.header {
background: #FE7B09 url(images/header6.jpg) repeat-x;
height: 240px;
}
.header h1 {
font-size: 40px;
font-weight: 100;
letter-spacing: -1px;
padding: 70px 40px 5px 10px;
color: #fff;
text-align: right;
}
.header h1 a {
color: #fff;
text-decoration: none;
}
.header h1 a:hover {
color: #000;
text-decoration: none;
}
.header h2 {
color: #fff;
font-size: 33px;
font-weight: 100;
padding: 209px 40px 0px 11px;
letter-spacing: -1px;
text-align: right;
}

/* Container */
.wrap { padding: 10px 10px 3px 10px; width: 860px; margin:20px auto; background: #ffffcc; border:1px solid black; }

/* Left and right columns */
.left { float: left; width: 215px; background: #ffffcc; margin-bottom: 10px; margin-top: 20px;}
.right { margin-bottom: 10px; float: right; width: 615px; padding: 0 10px 10px 10px; margin-top: 10px; color: #000;}
	
/* Footer */
.footer { color: #fff; font-size: 11px; text-align: center; border-top: 1px solid #ccc; padding: 10px 5px; background: #2e8b57; }
.footer a {color: #fff; }

/* Image classes */
img { border: none; }
img.leftnoborder { border:none; float:left; margin: 5px 8px 5px 5px; } 
img.rightnoborder { border:none; float:right; margin: 5px 8px 5px 5px; }
img.centernoborder { border:none; float:center; margin: 5px 8px 5px 5px; } 

/* List classes */
.right ul {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 100%;}

/* Menu */
.menu8 {
        width: 205px;
        margin-top: 10px;
        margin-bottom:10px; 
        }
        
.menu8 ul.menu {
			list-style: none;
        margin: 0;
        padding: 0 0 5px 5px;	
		
		}

.menu8 li a {
        text-decoration: none;
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        }

.menu8 li a:link, .menu8 li a:visited {
        color: #000;
        display: block;
        background: url(menu8.gif);
        padding: 8px 0 0 22px;
        }  

.menu8 li a:hover, .menu8 li #current {
        color: #257EB7;
        background: url(menu8.gif) 0 -32px;
        padding: 8px 0 0 25px;
        }

.menu8 li a:active {
        color: #fff;
        background: url(menu8.gif) 0 -64px;
        padding: 8px 0 0 25px;
        }
    
/** Box for displaying in members area home page **/
.memberboxleft {float:left; width:250px; margin:15px 0px 10px 0; padding:10px 10px 0 10px; border:solid 1px black; background-color:#87CEFA;}
.memberboxright {float:right; width:250px; margin:15px 0 10px 0; padding:10px 10px 0 10px; border:solid 1px black; background-color:#87CEFA;}
            
/** Form for data entry **/
.contactform {width:480px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.contactform label {float:left; width:200px; margin:0 0 0 10px; padding:2px; font-size:100%; background-color:rgb(240,240,240);}
.contactform label span.red {color:red}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform select.date {width:70px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.field {width:210px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform textarea {width:210px; padding:2px; border:solid 1px rgb(200,200,200); font-size:120%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; color:rgb(80,80,80); text-align:center; font-size:110%;}
.contactform input.button:hover {cursor: pointer;}

/** Form for data entry **/
.topicform {width:580px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.topicform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.topicform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.topicform label {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%; background-color:rgb(240,240,240);}
.topicform label span.red {color:red}
.topicform textarea {width:410px; padding:2px; border:solid 1px rgb(200,200,200); font-size:120%;}
.topicform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; color:rgb(80,80,80); text-align:center; font-size:110%;}
.topicform input.button:hover {cursor: pointer;}

/** Form for displaying data **/
.displayform {width:480px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; background-color:#ffffcc;}
.displayform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.displayform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.displayform label {float:left; width:180px; margin:0 0 0 10px; padding:2px; font-size:100%; background-color:#ffffcc; font-weight:bold;}
.displayform label.right {width:180px; margin:0 0 0 10px; padding:2px; font-size:100%; background-color:#ffffcc; font-weight:normal;}
.displayform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; color:rgb(80,80,80); text-align:center; font-size:110%;}
.displayform input.button:hover {cursor: pointer;}

/** Form for displaying search results **/
.resultform {width:580px; margin:0 0 7px 0; padding:10px 10px 20px 10px; border:solid 1px black; background-color:white}
.resultform span.right {text-align: right; font-size:100%; }
.resultform span.green {color:green; }
.resultform label span.red {color:red}

/** Form for displaying search box in left column **/
.leftsearch {width:180px; margin:10px 7px 10px 7px; padding:0px 10px 30px 10px; border:solid 1px black; background-color:rgb(240,240,240)}
.leftsearch label {float:left; width:50px; margin:0 0 0 0px; padding:2px; font-size:100%; color:black; }
.leftsearch input.field {width:120px; padding:2px; margin-bottom:5px; border:solid 1px rgb(200,200,200); font-size:100%;}
.leftsearch input.button {float:right; width:4.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; color:rgb(80,80,80); text-align:center; font-size:100%;}
.leftsearch input.button:hover {cursor: pointer;}



/* Table layouts */
.grouptable table {
	width:550px; 
	/* border: solid 1px black; */  
	background-color:rgb(240,240,240); 
	table-layout: fixed; 
	 border-collapse:collapse;   
	empty-cells:show;
	margin: 0px 0px 0px 5px;
}

.grouptable th {
	/* height:2.5em; */ 
	padding:2px 5px 2px 5px; 
	border:solid 1px black; 
	background-color:rgb(225,225,225); 
	text-align:center; 
	color:rgb(80,80,80); 
	font-weight:bold; 
	font-size:110%;
	}
	 
.grouptable td {
	/* height:2.0em; */ 
	padding:0px 5px 0px 5px; 
	border:solid 1px black; 
	background-color:white; 
	text-align:left; 
	font-weight:normal; 
	color:rgb(80,80,80); 
	font-size:100%;
	}
	
/** Forums **/
.forum table {
	width:600px; 
	background-color:#ffffcc; 
	table-layout: fixed; 
	border-collapse:collapse; 
	empty-cells:show;
	margin-top: 10px;
}

.forum th {
	height:1em; 
	padding:2px 7px 2px 7px; 
	border:solid 1px black; 
	background-color:#3CB371; 
	text-align:center; 
	color:white; 
	font-weight:bold; 
	font-size:100%;
	}
	 
.forum td {
	height:1em; 
	padding:2px 7px 2px 7px; 
	border:solid 1px black; 
	background-color:white; 
	text-align:center; 
	font-weight:normal; 
	color:black; 
	font-size:100%;
	}