/*
	Ground Hog Club of Chicago  -  Artistic Digital Services 12/5/2008
*/

/*		Layout DIVs					*/

body {
	text-align:center;
	background: black;
	background-image: url('../images/GHBackground.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	font-family:"Trebuchet MS";
}

p {
	margin-top: 0px;
	color: white;
	font-family:"Trebuchet MS";
}

li {
	margin-top: 0px;
	color: white;
	padding-bottom:3px;
}

#main_container {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 1000px;
	padding: 0px;
}

#banner {
	width: 1000px;
	height: 148px;
}

#logo {
	width: 221px;
	height: 132px;
	background-position: top left;
	background-repeat: no-repeat;
	float:left;
}

#flash_nav {
	width: 779px;
	height: 132px;
	background-image: url('../images/flash_nav.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	float:left;
}

div#flashHere {
	height: 100px;
}

div#homeLink{
	width:300px;
	height:100px;
	margin-left:-8px;
}



div#headerNav

{
    width: 737px;

    height: 40px;

	margin: 2px 0px 4px 220px;

    float: left;

	padding: 0px 0px 0px 0px;
	
	display: inline;

}



#navlist

{

list-style-type: none;

margin: 0;

padding: 0;

}



#navlist li

{

	border-left: 2px solid #c8c161;

	float: left;

	line-height: 1.1em;

	margin: 0 .5em 0 -.5em;

/*	padding: 0 .65em 0 .65em; */

	text-align:center;

	text-transform:uppercase;

}



#navlist li:hover {

	background: url('../images/navHoverBG.png');

}



#body_container {

	width: 1000px;

}



#clear {

	clear:both;

}



#left_col {

	width: 220px;

	

	float:left;

}



#login_box {

/*	width: 168px; */

	width: 133px;

	background-color: #FAF399;

	padding: 10px 16px 10px 18px;

	margin: 4px 17px 4px 35px;

}



#news_box {

	width: 168px;

	

	margin: 8px 17px 4px 35px;



	background-image: url('../images/leftbarbg.jpg');

	background-position: top left;

	background-repeat: repeat-x;



	background-color: #000000;

}



#news_content {

	margin:4px 8px 8px 15px;

}



#email_submit_btn {

	text-align:right; 

	margin-top: 4px;

	padding-right:15px;

	margin-bottom: 8px;

}



#feature_image {

	width: 638px;

	height: 246px;

	margin: 18px 57px 22px 42px;



	background-image: url('../images/feature_image.jpg');

	background-position: top left;

	background-repeat: no-repeat;

	

}



#right_col {

	width: 737px;

	

	background-color:#000000;

	background-image: url('../images/contentbg.jpg');

	background-position: top left;

	background-repeat: repeat-x;

	padding-bottom:10px;

	float:left;

}



#content_area {

	width:737px;

	font-size: 10pt;

}



#content_column {
	color: white;
	float:left;
	width:500px;
	margin-left: 42px;
	margin-right: 16px;
	display:inline;
}



#content_left {

	width: 231px;

	margin-left: 42px;

	padding-right: 16px;

	border-right-width:4px;

	border-right-style:solid;

	border-right-color:#B88951;

	

/*	background-color: red; */

	

	float:left;

}



#vert_bar_ylw {

	width: 4px;

	height: 409px;

	

	background-image: url('../images/vert_bar_ylw.jpg');

	background-position: top left;

	background-repeat: no-repeat;

	

	float: left;

}



#content_middle {

	width: 231px;

	margin-left: 19px;

	margin-right: 16px;

	

/*	background-color: white; */



	float:left;

}



#content_right {
	width: 112px;
	height: 409px;
	margin-left: 9px;
	display: block;
	float:left;

}

#content_right img {
	border: none;

}

#content_right p {
	margin: 15px 0 0 0;
	padding:0;
}

#footer {

	width: 1000px;

	height: 45px;

	margin-bottom:15px;

}



#footer_top {

	width: 1000px;

	background:url('../images/footer_top.jpg');

	background-position: top left;

	background-color:#744430;

	background-repeat: no-repeat;

	font-size: 14px;

	margin-left:42px;

	padding: 4px 0 6px 0;

	border-bottom: solid 3px #967A6E;

}



#footer_bottom {

	width: 1000px;

	background:url('../images/footer_bottom.jpg');

	background-position: left bottom;

	background-color:#5E3A24;

	background-repeat: no-repeat;

	color: white;

	font-size: 10px;

	padding: 6px 0 6px 0; 

	margin-left:42px;

	position:relative;

	text-align: right;

}



#more_btn {

	behavior: url(js/iepngfix.htc); 

	width: 41px;

	height: 13px;

	margin-left: 100px;

	margin-top: 6px;

	background-image: url('../images/more_button.png');

	background-position: top left;

	background-repeat: no-repeat;

	display: block;

}



/*		End of Layout DIVs			*/





/*		Font Styles					*/



.login_header {

	font-size: 9pt;

	font-family: "Trebuchet MS";

	text-transform:uppercase;

	text-decoration:underline;

}



.login_titles {

	font-size: 8pt;

	font-family: "Trebuchet MS";

	text-transform:uppercase;

}



.big_heading_ylw {
	font-size: 20px;
	color: #FAF399;
	margin: 8px 0px 8px 0px;
}

a {
	text-decoration:none;
	color:#ABE1FD;
}
a:visited {
  color: #91D2F3;
}
a:hover {
  text-decoration:underline;
}


div.big_heading_ylw a:visited, div.big_heading_ylw a{
	font-size: 20px;
	color: #FAF399;
	margin: 8px 0px 8px 0px;
	text-decoration:none;
}



.heading_ylw {
	font-size: 14px;
	color: #FAF399;
}

.heading_ylw a{
	color: #FAF399;
	text-decoration:none;
}

.med_heading_ylw {

	font-size: 16px;

	

	font-weight: bold;

	

	color: #FAF399;



}



.small_heading_ylw {

	font-size: 14px;

	color: #FAF399;



}

.text_members {

	font-size: 10pt;

	color: #000;

	margin: 0px;

}

.text_members {

	font-size: 10pt;

	color: #000;

	margin: 0px;

}

a.text_members {
	font-size: 10pt;
	color: #EF820E;
	text-decoration: none;
}

a.text_members:hover {
	color: #000;
}

.news_text {

	font-size: 10pt;

	color: #FFFFFF;

	margin: 0px;

}



.email_header {

	font-size: 8pt;

	color: #FFFFFF;

}



.news_align_right {

	text-align:right;

	color: #FAF399;



}



.reg_italic {

	font-style: italic;

}



a {

	font-family:"Trebuchet MS";

}



a.content{

	text-decoration:none;

	color:#ABE1FD;

}



a.nav {

	text-decoration:none;

	color:#FFFFFF;

	font-size: 10pt;

	padding: 0 11px;

	display:block;

}



a.nav:hover {

	color:#FAF399;

}



a.footer_link {

	text-decoration:none;

	color:#000000;

	font-family:"Trebuchet MS";

	font-size:0.8em;

}



a.footer_link:hover{

	color:#FFFFFF;

}

a.webBy {
	text-decoration:none;

	color:#FFFFFF;

	font-family:"Trebuchet MS";

	font-size:10px;
}

/*		End of Font Styles			*/





/*		Top Nav Styles				*/

li#nav_about_us{

	margin-left:0em;

	padding-right:2px;

}



li#order{

	border-right: 2px solid #FAF399;

	margin-right:0px;

}





/*		End of Top Nav Styles		*/





/* 		Dropdown Nav Styles			*/

.dropmenudiv{

	/* behavior: url(js/iepngfix.htc); */

	position:absolute;

	top: -1000px;
	
	left: -1000px;

	border-bottom-width: 0;

	font:normal 10px Verdana;

	line-height:18px;

	z-index:100;

	background: url('../images/navBG.png');

	background-position: top left;

	background-repeat: repeat-y; 

	width: 200px;
	
	visibility: hidden;

}

.fixlink { 
position: relative; 
z-index: 1;
}

#about-us-dd  {
	width: 200px;
	height: 115px;
}

#events-dd  {
	width: 200px;
	height: 92px;

}

#members-dd  {
	width: 200px;
	height: 69px;

}

#join-us-dd  {
	width: 200px;
	height: 23px;

}

.dropmenudiv a{

	width: auto;

	display: block;

	text-indent: 14px;

	border-bottom: 1px solid #77787b; 

	padding: 2px 0;

	text-decoration: none;

	font-weight: bold;

	color: black;

}



* html .dropmenudiv a{

	width: 100%;

}



.dropmenudiv a:hover{ 

	color: #FFFFFF;

}

#event_image_fpo {
    width: 245px;
    height: 163px;

    margin-left: 6px;
    
    background-image: url('../images/event.FPO.jpg');

    background-position: top left;

    background-repeat: no-repeat;
    
    display: block;
}

label.inputlabel{
	display:block;
	float:left;
	color:white;
	font-weight:bold;
	padding-top:5px;
	width:180px;
}

input.inputbox{
	border: 1px solid white;
	margin-top:5px;
	width:180px;
}

form#cart{
	color:white;
}

.cartrow1, div.cartrow2 {
  overflow: hidden;
  margin-bottom: 5px;
}

.cartrow1{
	background-color: #696969;

}

.cartrow2{
	 background-color: #959595;
}

#tm {
	position: relative; top: 85px; left: 150px; font-family: Arial, sans-serif; font-size: 7pt;
}

.notice {
  color: #f99;
  float: left;
  padding: 2px 0;
}

.item-part {
  clear: both;
  padding: 5px 5px 5px 25px;
  margin: 5px 0;
  background: #666;
  overflow: hidden;
}

.item-quantity {
  float: right;
}

.event-hr {
  margin: 15px 0;
  background: darkgrey;
  height: 2px;
  border: none;
}