/*********************
	CSS by Casey Reid
**********************/

*{
	padding:0;
	margin:0;
}

body{
	background: #e8ebf1 url(../images/headerSecondaryBG.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: #333;
}

p{
	font-size: 90%;
	line-height: 1.3em;
	padding-bottom: 10px;
}

table{
	font-size: 90%;
}

.quote {
	font-style: italic;
}
.author{
	color: #5abe37;
}
.clear{
	clear:both;
}
/* Headers **************************************************************************/
h2{
	color: #0f89df;
	font-size: 110%;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	
}

h3{
	color: #0f89df;
	font-size: 100%;
}
h4{
	color: #e4172f;
	font-size: 100%;
}


/* Link Styles **********************************************************************/
a {outline:none;}
a:link{color: #e4172f;text-decoration:underline;}
a:visited{color: #e4172f;text-decoration:underline;}
a:hover{color: #e4172f;text-decoration:none;}


/* Header Styles *******************************************************************/
#header{
	width: 788px;
	height: 130px;
	margin:0 auto; 
	text-align:left;
}
#header h1{
	background: transparent url(../images/logo.gif) no-repeat;
	float:left;
	padding-bottom: 20px;
}
#header h1 a{
	background: transparent url(../images/logo.gif) no-repeat;
	display:block;
	width: 256px;
	padding: 45px 0px 0px 0px;
	height: 0px !important;
	height /**/:45px;
	overflow:hidden;
	font-size: 1px;
}
#header h2{
	background: transparent url(../images/signup.gif) no-repeat;
	float:left;
	border-bottom: none;
}
#header h2 a{
	background: transparent url(../images/signup.gif) no-repeat;
	display:block;
	width: 190px;
	padding: 51px 0px 0px 0px;
	height: 0px !important;
	height /**/:51px;
	overflow:hidden;
	font-size: 1px;
}
#header h2 a:hover{
	background: transparent url(../images/signupHover.gif) no-repeat;
}
#header p{
	font-size: 110%;
	font-weight: normal;
	padding-bottom: 27px;
	color: #666666;
}
#header img{
	float:right;
	padding: 0 2px 0 0;
	margin: 0;
}


/* Main Navigation Styles *************************************************************/
#nav{
	margin: 0px 0 20px 0;
	padding-top: 8px;
}
#nav ul{
	list-style-type:none;
	height:38px; 
}
#nav ul li{
	background: url(../images/menuBG.gif);
	float:left;
	height:38px;
	border-right: solid 1px #999999;
	font-size: 85%;
}
#nav ul #home{
	background: url(../images/menuLeftBG.gif);
	width: 131px;
}
#nav ul #contact{
	background: url(../images/menuRightBG.gif) top right;
	width: 131px;
	border-right: none;
}
#nav ul li a{
	float:left;
	text-align:center;
	color:#999999;
	text-decoration:none;
	padding: 10px 0;
	width: 130px;
}
#nav ul li a.double{
	padding: 3px 0;
}
#nav ul li a:hover{
	color: #e4172f;
}
#nav ul li a.active{
	background: url(../images/menuBGHover.gif);
	color:	#FFF;
}

#nav ul #home a.active{
	background: url(../images/menuLeftBGHover.gif);
	width: 131px;
	color:	#FFF;
}
#nav ul #contact a.active{
	background: url(../images/menuRightBGHover.gif) top right;
	width: 131px;
	color:	#FFF;
}

/* Content Styles *************************************************************/
#contentHolder{
	width: 100%;
	background-color:#FFF;
	margin:0;
	padding:0;
}
#content{
	width: 788px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0;
}

#content ul{
	font-size: 90%;
	line-height: 1.3em;
	list-style-type: none;
}
#content ul li{
	background: url(../images/accept.gif) no-repeat 0 1px;
	padding-left: 25px;

}

/* Styles for the three Column Formats */
#threecolumnleft { float: left; width: 242px; margin-right: 20px; }
#threecolumnmiddle { float: left; width: 252px; margin-right: 20px;  }
#threecolumnright { margin: 0 0 20px 534px; }
#threecolumnstretch { float: left; width: 524px; }


/* Footer Styles **********************************************************************/
#footerHolder{
	width: 100%;
	background: url(../images/footerBG.gif) repeat-x;
}

#footer{
	width: 788px;
	height: 68px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#footer ul{
	list-style-type: none;
	padding: 20px 0 10px 0;
}

#footer ul li{
	display:inline;
}

#footer ul li a{
	padding: 0 10px;
	color: #0f89df;
	border-right: 1px solid #0f89df;
	font-size:70%;
	text-decoration: none;
}
#footer ul li a.last{
	border-right: none;
}
#footer ul li a:hover{
	text-decoration: underline;
}

.copywrite{
	font-size: 70%;
}