/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

a:link {color: #55a1d6; text-decoration: none; }
a:visited {color: #55a1d6; text-decoration: none; }
a:hover {color: #55a1d6; text-decoration: none; }
a:active {color: #55a1d6; text-decoration: none; }

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* 8888888888888 DONT TOUCH ABOVE 88888888888888888888 */

html, body {
	color: #222;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #BFBFBF url('http://www.gagewiley.com/images/site_bg.gif') center repeat-y;
}

#header {
	height: 120px;
	width: 960px;
	margin: 0 auto;
}

#header_contact {
	float: right;
	width: 300px;
	height: 100px;
	padding: 10px 0 0 0;
	margin-right: 18px;
	font-size: 10px;
	color: #666;
	text-align: right;
	line-height: 1.2em;
}

#subheader {
	height: 30px;
	width: 924px;
	line-height: 30px;
	padding: 0;
	background-color: #55a1d6;
	font-size: 16px;
	margin: 0 auto;
}

a.subnav:link {color: #FFF; text-decoration: none; }
a.subnav:visited {color: #FFF; text-decoration: none; }
a.subnav:hover {color: #FFF; text-decoration: underline; }
a.subnav:active {color: #FFF; text-decoration: none; }


#navcontainer { width: 260px;  margin: 8px 18px 0 18px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer ul li a
{
display: block;
padding: 6px 6px;
width: 244px;
background-color: #FFF;
border-bottom: 1px solid #eee;
font-size: 1.1em;
color: #000;
text-decoration: none;
}

#navcontainer ul li:first-child a
{
border-top: 0px solid #eee;
}

#navcontainer ul li ul li:first-child a
{
border-top: 0px solid #eee;
}



#navcontainer a:hover
{
background-color: #F3F3F3;
color: #222;
}

#navcontainer ul li ul li a
{
display: block;
padding: 6px 3px;
width: 210px;
margin-left: 40px;
background-color: #FFF;
border-bottom: 1px solid #eee;
font-size: 1.1em;
color: #000;
text-decoration: none;
}

img {
	border: 0;
	}

#content {
	width: 646px;
	padding: 15px 0 0 0;
}

#content h1 {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin: 0 0 8px 0;
	}

#content p {
	color: #2b2b2b;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	}

#content ul {
margin: 0 0 15px 0;
}

#content ul li {
margin: 0 0 6px 25px;
}

div.splash_dialogue {
	padding: 8px 6px;
}

#innerfooter {
	background: #FFF url('http://www.gagewiley.com/images/footerbg.jpg') no-repeat;
	height: 190px;
	width: 960px;
	margin: 0 auto;
}

#sub_footer {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	background-color: #747144;
	font-size: 10px;
	color: #DCDCDC;
	line-height: 1.2em;
}

a.subftrlink:link {color: #DCDCDC; text-decoration: underline; }
a.subftrlink:visited {color: #DCDCDC; text-decoration: underline; }
a.subftrlink:hover {color: #DCDCDC; text-decoration: underline; font-weight: bold; }
a.subftrlink:active {color: #DCDCDC; text-decoration: underline; }