/* Stylesheet for Gwinnett Habitat, started Oct 2007, TEM   */
/* Validation http://jigsaw.w3.org/css-validator/ as of mm-dd-yy	*/
/* ___________________________________________________________________________________*/

html {	overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;	}  /* vertical scroll bar always on, so page center doesn't "jump" */

body {
	background: #005596 url('../../Images/body_bg.gif') repeat-x top left;
	margin:0; padding:0;
	font-family: Georgia, Serif;
	font-size: 11px;  /* */
	color: #494949;
}

	a {	color: #005596; text-decoration:none; }
	a img {	border: none; }
	a:link {}     /* unvisited link */
	a:visited {}  /* visited link */
	a:hover {color: #8aa0b0;}   /* mouse over link */

	img {margin:0; padding: 0;}
	p {padding:0 0 10px 0; margin:0; line-height: 1.3;}
	
	h1{	font-size: 12px; 
		color: #005596;
		font-style:italic;
	}
	h2{ font-size: 11px; }
	h3{
		font-size: 11px;
		color: #1c1c1c;
		font-weight: bold;
	}
	h4{}
	
	ul {padding: 0; margin: 0; list-style: none; }

	/*  For Subpages  */
	
		h1.page_header {
			font-size: 25px;
			color: #706e6b;
			text-align: right;
			margin: 7px 30px 11px 0;
			font-style:normal;
			font-weight:normal;
		}

		#content_body h2 {
			font-size: 14px;
			color: #005596;
			font-weight: normal;
			font-style:italic;
		}
		
		

		#content_body ul {
			margin: 0 0 20px 20px;
			list-style: disc;
			line-height: 1.8;
		}
	

/* ___________________________________________________________________________________*/

#Box {
	width: 802px;
	margin: 0 auto;
	border: none;
	background-color: #003f70;
}


#Main {
	width:802px;
	margin:0; padding:0;
	background: #fff url('../../Images/main_bg_internal.gif') repeat-y top left;
	float: left;
	
}

#Header {
	background: #fff url('../../Images/Headers/Gwinnett_Habitat_Header_Grandpa.jpg') no-repeat top left; 
	height: 175px;
}

	.galleryLink {
		float:right;
		margin: 32px 20px 0 0;
		border: none;
		padding: 7px 10px 7px 100px;
		font-style: italic;
		font-weight:bold;
	}

#Footer {
	color: #fff;
	text-align: center;
	padding: 15px 0 0 0;
	margin:0;
	font-size: 9px;
	width: 802px;
}

#Footer a {color: #fff;}
#Footer a:hover {text-decoration:underline;}
#Footer {line-height:1.8;}

/* ___________________________________________________________________________________*/

#main_bg { 
		background: transparent url('../../Images/main_topbg0.gif') no-repeat top left; 
		width: 802px;
		float: left;
	}
	
	#main_bg a h3:hover {color:#8aa0b0;}
	
	#leftcol {
		width: 196px;
		float: left;
		padding:0;
		margin: 6px 0 0 10px;
		display: inline;
	}
			
		
	#content_body {
			background: transparent;
			float: left;
			width: 580px;  /* 586px minus padding */
			padding:0; margin:0 0 0 3px;
			display: inline;
	}

	.readmore {
		font-weight: bold;
		height: 77px;
	}

/* _____________________________*/

#col0 {	background: transparent url('../../Images/col0_bg.gif') repeat-y top left; 	}
				 #col0_top {  /* header "Get Involved" */
					width: 182px; height: 35px;  /* 196 x 51 minus padding */
					padding: 16px 0 0 14px;
					margin:0;
					font-size: 20px;
					color: #494949;
					font-weight:normal;
					font-style: italic;
					background: transparent url('../../Images/col0_topcurve.gif') no-repeat top left;
}
				 
/* _____________________________*/
#col1{ width: 196px;  float: left; height: auto;  }
.col1{ width: 196px;  float: left; height: auto;  background: #fff url('../../Images/col1_bg.gif') repeat-y top left;}
.col1_bg {    }
#col1 {background: transparent    url('../../Images/col1_bg.gif') repeat-y top left; }

#col1_top {
			background: transparent url('../../Images/col1_topcurve.gif') no-repeat top left;
			height: 24px; width: 181px;
			padding: 15px 0 0 15px;
			margin:0;	
}
#col1_mid {
			background: transparent url('../../Images/col1_bgh1.gif') no-repeat top left;
			height: 24px; width: 181px;
			padding: 15px 0 0 15px;
			margin:0;
}

#REbutton {  
			display: block;
			height: 22px; width: 121px;
			padding: 0 0 0 31px;
			color: #fff;
			background: #99896e url('../../Images/btn_RE_bg.gif') no-repeat top left;
			border:0px white  solid;	
		}
		 #REbutton:hover {
			background: transparent url('../../Images/btn_RE_bg_hl.gif')no-repeat top left;	
		}



/*.col1_h1 {
	background: transparent url('../../Images/col1_bgh1.gif') no-repeat top left;
			height: 24px; width: 181px;
			padding: 15px 0 0 15px;
			margin:0;	
}
*/

/* _____________________________*/

ul.nav_menu{
	font-size: 13px;
	padding: 0 0 0 13px;
}
.nav_menu a{
	display:block;
	padding: 7px 0 0 13px;
	height: 23px; width: 162px;  /* 175 x 30 minus padding */
	background: transparent url('../../Images/nav_bg.gif') no-repeat top left;
}

a.big {height: 37px; width: 162px;  /* 175 x 44 minus padding */
	background: transparent url('../../Images/navbig_bg.gif') no-repeat top left;
}

a.big, .nav_menu a {color: #494949; }

.nav_menu a:hover {background: transparent url('../../Images/nav_bg_hl.gif') no-repeat top left;}
a.big:hover  {background: transparent url('../../Images/navbig_bg_hl.gif') no-repeat top left;}


/* _____________________________*/
/* Meet Us Menu */

	.submeet ul li {padding:0; margin:0;
		width: 155px;
		margin: 0 0 5px 12px;
	}
	.submeet ul li a {background: transparent; display:block;
		height: 15px; width: 158px;  /* 24, 155 minus padding */
		font-size: 11px;
		border-top: 1px #407dab solid;
		margin:0;
		padding: 5px 0 0 5px;
	}
	
	.submeet ul li a:hover {
		color: #8aa0b0;
	}
	
	.submeet ul li a.highlight {
		color: #8aa0b0;
	}

	.submeet h3{
		padding: 0; margin:0px 0 0px 0px;
	}
	
	.submeet h3 a {
		font-size: 13px;
		font-weight: bold;
	}
	


ul.meet_menu {
	font-size: 12px; 
	padding: 10px 0px 0 15px; margin:0;		
}
.meet_menu a{
	display: block;
	padding: 4px 0 0 10px;
	height: 21px; width: 165px;
	background: transparent;
}
.meet_menu a:hover {
	color: #fff;
	background: transparent url('../../Images/menumeet_bg.gif') no-repeat top left;
}

.meet_menu a.selected 
{
    font-weight: bold;
	color: #fff;
	background: transparent url('../../Images/menumeet_bg.gif') no-repeat top left;
}

.meet_menu .submeet a { color: #ffffff; }
.meet_menu .submeet a:hover {background: transparent;}

.meet_menu li {
	padding:0; margin:4px 0 6px 0;
	height: 21px;	
}


#support {background: #fff  url('../../Images/support_bg.gif') no-repeat top left; 
				width:181px; height:93px;
				padding: 12px 0 0 15px;
			}
			#support h1 { color: #fff; padding: 0 0 12px 0; margin:0; }
			#support a {line-height:2;}		
#newsletter {background: #fff    url('../../Images/newsletter_bg.gif') no-repeat top left; 
				width:181px; height:76px;
				padding: 12px 0 0 15px;
			}
#search {background: #fff    url('../../Images/newsletter_bg.gif') no-repeat top left; 
	width:181px; height:76px;
	padding: 12px 0 0 15px;
}
			#newsletter a, .newsletter_submit {font-weight: bold; line-height:2;}
			.newsletter_submit {padding:0;}
			#newsletter h3 {padding:0; margin:0 0 7px 0;}
			#search a, .search_submit {font-weight: bold; line-height:2;}
			.search_submit {padding:0;}
			#search h3 {padding:0; margin:0 0 7px 0;}
#support, #newsletter, #search {border: 1px #ddd6ca solid;}
signup_box {border-style:none;}  /*(in "newsletter")  */

.search_box {border: solid 1px #706e6b; }

/*  subnav for Get Involved menu  */


	.subnav li {padding:0; margin:0;
		width: 155px;
		padding: 0 0 0 20px;
		
	}
	.subnav a {background: transparent; display:block;
		height: 19px; width: 150px;  /* 24, 155 minus padding */
		font-size: 11px;
		border-top: 1px #c6bfb4 solid;
		margin:0; padding:0;
		padding: 5px 0 0 5px;
	}
	
	.subnav a:hover {
		font-weight: normal;		
		background: none;
	}
	
	.subnav li a:hover {
		font-weight: normal;
		color: #005596;
		background: none;
	}
	
	

	.subnav h3{
		padding: 0; margin:0px 0 4px 15px;
	}
	.subnav h3 a {
		font-size: 13px;
		text-decoration: none;
		text-align: left;
		border:none;
		height:auto;
		margin: 0; padding:0;
	}
	
	.subnav h3 a:hover{
		font-weight:bold;
	}
	
	.subnav h3 a:active{
		font-weight:bold;
	}



.nav_menu a, .meet_menu a, .subnav {font-weight:normal;}


.clear {clear:both;}
.clearleft {clear:left;}
	
/*  Content Body Styles (interior pages)  */


.inset {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #706e6b;
	margin:15px 0;
}

/* Content as on top-level "Get Involved" pages */

#involved0, #involved1 , #involved2 , #involved3 , .involved4, #involved_last {
	border:none;
	width: 583px;  
	padding:0; margin:0;
	/*
	border: 1px red solid;  */
}

#involved2 , #involved3 , .involved4, #involved_last {
	height: 110px;  /* 127 minus padding */
	width: 553px; /* 583 minus padding */
	padding: 17px 30px 0 0;
}


#involved0 {
	height: 35px; /* 35px munus padding*/
	background: #ded7cb url('../../Images/getinvolved_bg0.gif') no-repeat top right;
	
	
}
#involved0 h2 {  display:inline; 
	position: relative; 
	left: 20px; top: 14px;
	font-weight: bold;
}
#involved1 {height:281px;  /* 301px minus padding */
	
	background: #ded7cb url('../../Images/getinvolved_bg1.jpg') no-repeat top right;
	
	padding: 20px 0 0 0;
}

img.involved_thumb {padding: 0 12px 0 27px;
	float: left;	
}

#involved1 p, #involved1 h2 {margin: 0 20px 5px 320px;}

#involved2 {background: #ded7cb url('../../Images/getinvolved_bg2.gif') no-repeat top right;}
#involved3 {background: #ded7cb url('../../Images/getinvolved_bg3.gif') no-repeat top right; padding-bottom:12px;}
.involved4 {background: #ded7cb url('../../Images/getinvolved_bg4.gif') no-repeat top right; padding-bottom:12px;}
#involved_last {background: #ded7cb url('../../Images/getinvolved_bglast.gif') no-repeat top right;}

#involved2 h3, #involved3 h3,  #content_body .involved4 h3, #involved_last h3  {display: inline; color: #005596;}



/* _____________________________*/

/* subpage1 varies per page */

#subpage {
	width:525px;  /* 581 minus padding */
	padding: 0 28px 0 28px;
	margin:0;
}

#subpage2 {
	width:525px;  /* 581 minus padding */
	padding: 0 28px 0 28px;
	margin:0;
}

#subpage1 h1.heading
    {
        font-size: 16px;
        color: #706e6b;
        /*border-bottom: 1px #706e6b solid;*/
        padding: 0px 0px 5px 0px;
        margin-right: -30px;
        margin-top: -3px;
        background: url('../../Images/hor_rule.jpg') no-repeat bottom left;
    }

#subpage1 ul
{
    list-style:none;
}

#subpage1 ul li
{
    margin:0;
    padding-left: 10px;
    background-image:url('../../Images/bullet_ul.gif');
    background-repeat:no-repeat;
    background-position:0px 8px;
}

#subpage1 ul li a
{
    margin:0;
    padding-left:10px;
    background-image:url('../../Images/bullet_ul.gif');
    background-repeat:no-repeat;
    background-position:0px 6px;
}

.highlight_img {
	float: left;
	padding: 15px 15px 15px 0;
	display:inline;
}

.VMbutton {
	display: block;
			height: 18px; width: 250px;   /* 270 x 22 minus padding */
			padding: 4px 0 0 20px;
			color: #fff;
			background: #99896e url('../../Images/btn_viewmore_bg.gif') no-repeat top left;
			border:0px white  solid;
			font-weight: bold;
}

.VMbutton:hover {
			background: transparent url('../../Images/btn_viewmore_bg_hl.gif')no-repeat top left;
			color:#fff;
		}