/*
	Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image:url(images/hgpf-content-faux.png);
 background-position:top left;
 background-repeat:repeat-x;
}
#wrapper { 
 margin: 0 auto;
 width: 820px
}
#header {
 color: #333;
 width: 820px;
 float: left;
 height: 123px;
 margin: 0px;
}

#header img{
 float: left;
}
/** member login elements **/
#member-form{
	float:left;
	padding-top:18px;
	padding-left:10px;
	color:#FFF;
	text-shadow:#000 -1px 1px 0px;
	font-size:14px;
	width:300px;
}

#member-form p{
	line-height:25px;
}

#member-col{
	font-size:9px;
	text-align:center;
	display:block;
}

#member-col a{
	color:#ccc;
}

#member-col a:hover{
	color:#999;
}

#member-form .inputs{
background-image:url(images/hgpf-form-bg.png);
height:27px;
width:210px;
display:block;
float:left;
}

#member-form .input-field{
color:#999;
margin:6px 0px 0px 6px;
border:solid 0 #fff;
background-image:url(images/hgpf-form-bg.png);
background-position:center;
width:200px;
height:15px;
}

#member-form .button{
border:solid 0 #fff;
}

/** navigation **/

#navigation {
 float: left;
 width: 820px;
 color: #333;
 margin: 0px 0px 0px 0px;
 height:60px;
}
#breadcrumb {
font-size:12px;
 float: left;
 width: 820px;
 color:#000;
 margin: 0px 0px 0px 0px;
 height:25px;
 padding-top:10px;
 font-style:italic;
 }
 
 #breadcrumb a{
 color:#666;
 text-decoration:none;
 } 
 
  #breadcrumb a:hover{
 color:#999;
 } 
 
#content { 
color: #333;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
min-height:400px;
height:auto !important;
height:400px; 
width: 590px;
float: left;
}
#content h1{ 
 color:#c30017;
 line-height:35px;
 font-size:25px;
 border-bottom:dotted 1px #666;
 margin-bottom:10px;
}
#content h2{ 
 color: #c30017;
 line-height:25px;
 font-size:20px;
}
#content h3{ 
 color:#333;
 line-height:35px;
 font-size:25px;
 border-bottom:dotted 1px #666;
 margin-bottom:10px;
}
#content h4{ 
 color: #333;
 line-height:25px;
 font-size:20px;
}
#content h5{ 
 color: #333;
 line-height:25px;
 font-size:22px;
}
#content h6{ 
 color:#999;
 line-height:25px;
 font-size:14px;
 float:right;
}
#content b{ 
 color:#c30017;
}
#content hr{
	border:none;
 border-bottom:dotted 1px #666;
 padding:5px 0px;
}
#content a{ 
	color:#c30017;
}
#content a:hover{
	color:#F00;
}
#content p{
	padding:5px 0px;
	}
#content ul, #content ol{
	padding:10px 0px;
	margin-left:10px;
	}
#content ul li, #content ol li{
	padding:2px 0px;
	}
#newscolumn { 
 float: right;
 color: #333;
 margin: 15px 0px 0px 0px;
 padding: 0px;
width: 210px;
 display: block;
}
#newscolumn h1{ 
 color:#333;
 line-height:30px;
 font-size:25px;
}
#newscolumn h3{ 
 color: #c30017;
 padding-bottom:5px;
 line-height:20px;
 font-size:18px;
}
#newscolumn h4{ 
 color:#666;
 padding-bottom:5px;
 line-height:14px;
 font-size:12px;
}

#newscolumn p{ 
 border-bottom:dotted 1px #666;
 padding:10px 0px;
}

#newscolumn a{ 
	color:#c30017;
}

#newscolumn a:hover{
	color:#F00;
}

#newscolumn strong{
	color:#c30017;
}

#newscolumn hr{ 
 padding:5px 0px;
 border:none;
}

#footer { 
 clear: both;
 color: #333;
 margin: 0px 0px 10px 0px;
 background-image:url(images/hgpf-footer-faux.png);
 background-repeat:repeat-x;
 height:250px;
}

#footerContent {
color:#FFF;
margin: 0 auto;
padding:60px 10px 10px 10px;
width: 820px;
font-size:90%;
font-style:italic;
/*border: 1px solid #ccc;*/
}

#footerContent a{
	color:#666;
	text-decoration:none;
}

#footerContent a:hover{
	color:#CCC;
	text-decoration:none;
}

#credits, #meta dl{
	padding-top:10px;
	padding-left:10px;
	float:left;
	width:180px;
 	height:100px;
	text-align:center;
	}
#meta dl{
 border-left: 1px solid #666;
	}

.web-ink{
	display:inline;
}
#credits h1{
	color:#666;
	}


/** jquery drop down **//** navigation **/
#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
color: #FFF;
width: 100%;
text-align: left;
}

#navlist li { 
display: block;
text-shadow: #666 0px 1px 0px;
float:left;
}

#navlist li a
{
text-align:center;
text-decoration: none;
color: #FFF;
height:60px;
width:86px;
display:inline-block;
line-height:60px;
}

#navlist li a:hover
{
	background-image:url(images/hgpf-final-button-bg.png);
	background-repeat:no-repeat;
	color: #fff;
}

#navlist li a.drop:hover 
{
	background-repeat:no-repeat;
	color: #fff;
	background-image:url(images/hgpf-final-button-bg-drop.png);
}		
		#navlist li ul
		{	margin: 0;
			padding: 0;
 			margin-top: 0px;
			position:absolute;
			display:none;
			border-top: 1px solid #900;
			}
		
		#navlist li ul li
		{	float: none;
			display: block;
			font-size:12px;
			}
		
		#navlist li ul li a
		{	width: auto;
			background: #9F1B1B;
			height:30px;
			width:120px;
			line-height:30px;
			padding:0px;
			position:relative !important; /* ie Mac */
			cursor:pointer !important;
		}
		
		#navlist li ul li a:hover
		{
		height:30px;
		background: #7F1616;
		width:120px;
		}
		
	/* form elements */

fieldset
{
border:none;
width: 100%;
margin:0px;
}

legend
{
color: #fff;
background: #D3D9E5;
border: 1px solid  #003366;
padding: 2px 2px;
margin-left:10px;
}

label {  
float: left;  
width: 150px;  
margin-right: 1em;
padding-top:10px;  
text-align: right;
}

fieldset input, fieldset textarea, fieldset select{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:300px;
padding:5px;
margin:5px;
border: 1px solid #CCCCCC;
line-height: 1.6em; 
}

fieldset input.checkBox{
width:auto;
padding:5px;
margin:5px;
border:none;
line-height: 1.6em; 
}

fieldset select{
width:312px;
}

fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em;
list-style:none;
text-align: left;
}

fieldset { 
left-margin:0px;
padding-left:0px;
text-indent:0px;
}

#rate{
	width:200px;
	height:160px;
	background-image:url(images/hgpf-interest-bg.png);
	text-align:center;
	font-style:italic;
	padding:20px 0px;
	text-shadow:#000 1px 1px 0px;
	}
	
#clear{
	clear:both;
	height:0px;
}