@import url("lhnm.css");

html, body {
	height: 100%;
}

body {
margin: 0px;
	background-color: #ffffff;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

#HomePages {
	background-image: url(images/background.jpg); 
}

p {
	margin-top: 0px;
}

.red{color:#990000}

{ behavior: url(iepngfix.htc); }

#overalwrapper {
margin:auto;
width: 998px;
min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; 
}

#wrapper{
margin:auto;
	width:980px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
		
	}
#header	{
	height: 113px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	background: #000000;
	z-index: 1;
	}
	
#topheaderimg{
	height: 162px;
	width: 980px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	background: #000000;
	}
	
#logoblack {
	height: 111px;
	width: 334px;
	background-image:url(../images/wgcc_logo.gif);
	position: absolute;
	left: 12px;
	top: 0px;
}


#members {
	height: 70px;
	width: 468px;
	margin-top: 20px;
	margin-bottom: 0px;
	position: absolute;
	left: 480px;
	padding-left: 0px;
}
	
	
	 #slider {
  margin-top: 0px;
  float: left;
    width: 980px;
    height: 380px;
	text-align:center;
	margin-bottom: 4px;
  }
	
	.push {
	margin:auto;
	width:980px;
	height: 100px;
	clear: both; /* .push must be the same height as .footer */
}

#footer{
	margin:auto;
	width:980px;
	height: 80px;
	background-color: #000000;
	padding-top: 20px;
	
}

#footerlinks {
	font-size: 11px;
	color:#999999;
	padding-top: 13px;
	text-decoration: none;
}

#footer a:link {
	font-size: 11px;
	color:#999999;
	text-decoration: none;
}

#footer a:hover {
  font-size: 11px;
  color:#49667C;
  text-decoration: none;
}

#footer a:visited {
	font-size: 11px;
	color:#666666;
	text-decoration: none;
}


.clear {
	clear:both
}

/**************************************************************
  SLIDER GALLERY
 **************************************************************/

#gallery {
width: 980px;
	position:relative;
	height:380px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
	z-index:600;
	background-color:#000;
	color:#ffffff;
	height:75px;
	width:100%;
	position:absolute;
	bottom:0;
	}

	#gallery .caption .content {
	margin:5px 25px 5px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
	#gallery .caption .content h3 {
	margin:0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color:#ffffff;
	line-height: 26px;
	}


/**************************************************************
  MAIN CONTAINER
 **************************************************************/

#container {
	width: 980px;
	min-height: 380px;
	height:auto !important;
	height:380px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	background-color: #FFFFFF;
}



#container .homepanel {
	float: left;
	width: 245px;
	position: relative;
}

#container .homepanel .content .links {
	width: 245px;
	position: absolute;
	bottom: 5px;
	left: 0px;
}

#container .homepanel .weather {
	text-align:center;
	width: 225px;
	height: 69px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	background: #ffffff;
	display: block;
	border-top: 1px solid #dee1e2;
}

#container .homepanel .newsletter {
	height: 130px;
	width: 225px;
	padding-right: 10px;
	padding-left: 10px;
	background: #ffffff;
    position: relative;
	display: block;
	font-size: 11px;
	/*border-bottom: 1px solid #dee1e2;*/
}


#container .homepanel .twitter {
float:left;
	height: 175px;
	width: 225px;
	margin-bottom:10px;
	padding-right: 10px;
	padding-left: 10px;
	background: #ffffff;
    position: relative;
	display: block;
	font-size: 11px;
}


#container #leftcolumn {
	position: relative;
	left: 0px;
	top: 0px;
	min-height: 270px;
	height:auto !important;
	height:270px;
	width: 215px;
	z-index: 1;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	background: #ffffff;
}
#container #leftcolumn.image {
	top: 271px;
}

#container #leftcolumn #leftnavigation {
	width: 215px;
	position: absolute;
	margin-top: 26px;
	left: 0px;
	margin-left: 20px;
}


#container #content {
	position: relative;
	min-height: 270px;
	height:auto !important;
	height:270px;
	width: 680px;
	border-top: 0px;
	border-left: 0px;
	padding: 30px 35px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	background-color: #ffffff;
	float: right;
}




/*NEWSLETTER FORM */

.fieldset {
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.form {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}

.div_texbox {
	float:left;
	height:18px;
	margin-top:2px;
	border: solid #cccccc 1px;
}

.username {
    	background-color:#FFFFFF;
	    width:210px;
    	font:normal 11px Arial;
    	color: #003366;
    	padding:1px 5px 0px 5px;
}
.username:focus, .username:hover {
	background-color:#dee1e2;
}

.button_div {
	width:110px;
	float:right;
	text-align:right;
	height:28px;
	margin-top:8px;
	padding:2px 5px 0px 5px;
}
.buttons {
	background: #e3e3db;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #003366;
	padding: 3px 3px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	font-weight:bold;
}








#container .homepanel {
	position: relative;
}
#container .homepanel .header {
	height: 45px;
	padding-top: 25px;
	padding-left: 34px;
	background: #dee1e2;
}

#container .homepanel .newsletterheader {
	height: 45px;
	padding-top: 25px;
	padding-left: 19px;
	background: #dee1e2;
}

#container .homepanel .header2 {
	height: 45px;
	padding-top: 25px;
	padding-left: 30px;
	background: #000000;
}

#container .homepanel .header3 {
	height: 20px;
	padding-top: 10px;
	padding-left: 0px;
}


#container .homepanel .content {
	background: #DEE1E2;
	padding-top: 0px;
	padding-left: 14px;
	height: 150px;
	position: relative;
	font-size: 11px;
	font-style: italic;
	color: #666666;
	padding-right: 14px;
}

#container .homepanel.twocol {
	width: 490px !important;
}
#container .homepanel .twocol .twocolcontent {
	background: #DEE1E2;
	height: 325px;
	position: relative;
}


#container .homepanel .col4 {
	height: 149px;
	border-top: 1px solid #ffffff;
}




#container .homepanel .specialheader
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	line-height: 14px;
}

#container .homepanel .specialscontent {
	background: #DEE1E2;
	height: 146px;
	position: relative;
	font-size: 11px;
	font-style: italic;
	color: #666666;
	padding: 14px;
}

#links {}

#container .homepanel .menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#container .homepanel .menu li {
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	height: auto;
	border-bottom: 1px solid #999999;
	border-top: 1px dotted #dee1e2;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -1px;
	margin-left: 0px;
	width: 100%;
	padding-left: 0px;
}

#container .homepanel .menu li a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}
	
#container .homepanel .menu li a:hover {
	color: #666666;
}

#container .homepanel .content .news {
	width: 225px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height: 138px;
	overflow: hidden;
	padding-top: 15px;
	background-color: #FFFFFF;
}

#container .homepanel .col4 a:link,
#container .homepanel .col4 a:visited {
	font-style: italic;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

#container .homepanel .col4 a:hover {
	text-decoration: underline;
}


#container #leftcolumn {
	position: absolute;
	left: 0px;
	top: 0px;
	height: auto;
	width: 220px;
	z-index: 1;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#container #leftcolumn.image {
	top: 271px;
}
#container #leftcolumn #leftnavigation {
	width: 220px;
	position: absolute;
	margin-top: 10px;
	margin-left: 30px;
}


h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	color: #8cb1aa;
	margin: 0px 0px 25px;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	color: #24343B;
	margin: 0px 0px 25px;
}
/**************************************************************
   Big Links
 **************************************************************/
 
ul.bigLinks {
display: block;
  margin: 0px 0;
  padding: 0;
  list-style: none;
  width: 490px;

   
}
 
ul.bigLinks li {
  display: inline;
  margin: 0;
  padding: 0;
  background: #ffffff url(../imgages/meta1.gif) repeat-x bottom left;
  
}
 
ul.bigLinks li a,
ul.bigLinks li a:visited {
	display: block;
	margin: 0px 0;
	padding: 19px 0px 0px 0px;
	background: #ffffff url(../images/meta2.gif) repeat-x bottom left;
	text-decoration: none;
	border: 0;
	height:35px
}
 
ul.bigLinks li a:hover {
  background: #ffffff url(../images/meta1.gif) repeat-x bottom left;
  border: 0;
}
 
ul.bigLinks li a span.title {
	font: bold 14px arial, sans-serif;
	color: #666666;
	font-style: italic;
}

.textred {
	margin-left: 7px;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
}
 
 
ul.bigLinks li a span.desc {
  display: block;
  color: #dee1e2;
} 

.bigLinks .image  {
	display: block;
	width: 110px;
	height: 40px;
	position: relative;
	margin-top: 6px;
	padding-left: 7px;
	padding-right: 25px;
	float: left;
	height:46px;
	background: none;
} 

.bigLinks .image a:hover img {
	-moz-opacity: 0.80;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.80;
	background: none;
}


/*
   Width classes */

.width100 {
  width: 100%;
}

.width83 {
  width: 83%;
}

.width59 {
  width: 59%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

/*Alignment classes */

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}