/*  Hand coded and authored by Dallas Larsen
	Free for public use(in whole or part) as long as this credit stays intact 
*/
html,body{
	margin:0;
	padding:0;
	}
body{
	font: 62.5% Helvetica,arial,sans-serif;
	text-align:center
	}

h1, h2, h3, h4, h5, div, p, span{
	font-family: Helvetica,arial,sans-serif;
	margin:0px;
	padding:0px;
}
img{ border:0px;}
p{
	margin:10px 0px 0px 0px;
	text-align:left;
	color:#333;
	line-height:118%;
	}
a{color: #981793;}

/*Page Structure 
===========================================*/
#header{ 
	height:100px;
	margin-top:25px;
	padding-top:50px;
	background:#2b373f;
}
#headerInner{
	height:100px;
	display:block;
	margin: 0 auto;
	width: 770px;
	font-size: 1.1em;
	border:0px dashed #ff0000;
	position:relative
}
#logo{
    
	background:url('../images/main_logo.png') no-repeat;
	border:0px dashed #ff0000;
	height:37px;
	
}
#logo a {
	display:block;
	width:186px;
	height:37px;
	}

#contentContainer{
	background: url("../images/pageTopGrad.jpg") repeat-x top left;
	padding: 3em 0 0 0;
	margin-bottom:20px;
	
}
#contentContainerInner{
	margin:0 auto;
	padding:0px 0px 0px 0px;
	width: 770px;
	font-size:1.2em;
}

#leftSideBar{
	width:200px;
	text-align:left;
	float:left;
	position:relative;
	border:0px dashed #ff0000;
}
#supportPageIcon{
	position:absolute;
	top:35px;
	right:50px;
}
#mainContent{
	width:550px;
	float:right;
	border:0px dashed #ccc;
	text-align:left;
	margin-bottom:10px;
}
#mainContent h1, #mainContent h2{ 
	font-weight:normal;
	font-size: 2em;
	color:#669900;
	padding:0px 0px 5px 0px;
	margin-bottom:5px;
	border-bottom:1px solid #e7e7e7;
	}
#mainContent h2{
	margin-top:20px;
	font-size:1.6em;
}

#footer{
	clear:both;
	width:100%;
	padding-bottom:10px;
	background: #2B373F;
	color: #FFF
}
#footerInner{
	margin: 0 auto;
	width: 770px;
	border:0px solid #e7e7e7;
	text-align:left;
	position:relative;
}
#footerInner p{
	margin:0;
	padding:5px 10px;
	color:#fff;

}

/*Navigation 
=====================================*/

#tabNav ul {
	position:absolute;
	right:0px;
	bottom:0px;
	margin: 0;
	padding: 0;	
	list-style: none;
	overflow: hidden;
	border:0px solid #ccc;
	}
#tabNav ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-align:right;
	border-right:1px solid #3a4852;

	}
#tabNav ul li a {
	float: left;
	display: block;
	width: 131px;
	line-height: 1.3em;
	padding: .5em .9em .8em .9em;
	margin: 0;
	text-decoration: none;
	color: #7b828c;
	border: none;
	background: url() no-repeat bottom left;
	}
#tabNav ul li a strong {
	display: block;
	font-size: 1em;
	font-weight: bold;
	color: #b6babd;
	}
#tabNav li a:hover {
	background: url(../images/tab-hover.gif) repeat-x bottom left;
	}
#tabNav li a.active{
	color: #7b828c;
	background: #232c33; 
	background-image: url('');
	}
#tabNav li a.active:hover{background: #232c33;}
#tabNav ul li a:hover strong {	
	color: #fff;
	}
#tabNav ul li a.active strong {
	color: #fff;
	}

/*Footer content
=====================================*/

dd { behavior: url('../js/IEfixes.htc'); } /*This allows the css only menu to work in IE < IE7 by use of some javascript to make IE 'learn' to use :hover with any selector...Ironic?*/
#usefulLinks{
	padding-top:20px;
	text-align:left;
	width:350px;
	font-size:1.2em;
	position:relative;
	
}
#usefulLinks dt, #usefulLinks dd{	border-left:0px solid #e27f00;}

#usefulLinks dt{ 
	padding:10px;
	font-size:1.4em;
	background:#232C33;

	}

#usefulLinks dd{
	margin:0px;
	background:#4c5a63;
	border-bottom:1px solid #384751;
	padding:6px;
	}
#usefulLinks dd a,#usefulLinks dd a:visited{
	text-decoration:none;
	color:#f1f1f1;
}
#usefulLinks dd a:hover, #usefulLinks dd:hover, #usefulLinks dd.hover{
	text-decoration:none;
	color:#fff;
	background:#669900;
}	
#usefulLinks dd:hover, #usefulLinks dd.hover{
 cursor:default;	
}
#footerLogo{
	position:absolute;
	top:20px;
	right:0px;
	background:#232C33;
	width:400px;
	height:160px;
	text-align:right;
	font-size:1.1em;
}
#footerLogo a{ color:#66cc00;}
#footerLogo ul{ list-style:none;padding-right:15px; padding-top:10px;}
#footerLogo ul li { padding:2px;}
#footerLogo img {
	padding:15px 15px 0px 0px;
}

/*Float clear
=====================================*/
.clearfix:after{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*Extra classes
=====================================*/

#extra{
	margin-top:20px;
}
.callOut{
	background:#ff9933;
	padding:15px;
	color:#f1f1f1;
	letter-spacing:1px;
	font-size: 1.3em;
}
.callOut a{
	color:#333;
}

.imgContainer{
	margin:15px 0px;
}
.ReplaceWithImage {
	margin-left: -999em;
	left: -999em;
	display: block;
	height: 1px;
	width: 1px;
	position: absolute;
}