/* TRENTON ROOFING */
/* PAGE STYLES */

BODY  {
	scrollbar-arrow-color:		#F1F1F1;
	scrollbar-base-color:		#193BA0;
	scrollbar-dark-shadow-color:	#000000;
	scrollbar-track-color:		#6699FF;
	background: 			#BD010A;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10pt;
}

body {
	width:				100%;
	margin:				30px 0 20px 0;
	color: 				#000000;
	margin-bottom:			0;
	margin-top:			0;
}

TABLE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
TR {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
TD {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
h3 { padding: 0 0 0 0; color: #FFFFFF;}
div { margin:0;padding:0; }
p { margin:0; padding:0; }
img { border:0; }

/* SITE MAIN*/

#header {
	background-image: 		url(../images/layout/header.jpg);
	background-color: 			#BD010A;
	width: 				800px;
	height: 				167px;
}

/* CONTENT*/

#innerbody { 
	margin-bottom:			0px;
	margin-left:			18px;
	margin-right:			5px;
	margin-top:			0px; 
	width: 				765px;
}

#content-wrap {
	width: 				800px;
	padding				0px 0px 0px 0px;
	background-color: 			#FFFFFF;
	background-image: 		url(../images/layout/content_bg.jpg);
}

/* NAV*/

#nav-wrap {
	width:				800px;
	margin-top: -165px;
	margin-left: -40px;
}

#mainnav  {
	list-style-type:	none;
	position: 			relative;
	text-align:			right;
	right: 				98px;
	top: 				19px;
	font-size:			10px;
	text-transform:		uppercase;
	color: 				#ffffff;
	width:				800px;
}

#mainnav li  {
	display:				inline;
	padding-left:			0;
	padding-right:			0;
	text-transform:			uppercase;
	color:				#FFD457;
	font-weight:			bold;
	font-size:			13px;
}


#mainnav li a  {
	background-color:			inherit;
	padding-left:			5px;
	padding-right:			5px;
	color:				#ffffff;
	font-family:			arial, tahoma, verdana, sans-serif;
	text-decoration:			none;
}

#mainnav li a:hover  {
	background-color: 			#011B6A;
	color:				#FFD457;
	padding-bottom:			5px;
	padding-left:			5px;
	padding-right:			5px;
	padding-top:			5px;
}

/* LEFT*/

#leftcol { 
 	width: 				560px;
	padding: 				0px 0px 0px 0px;
 	float: 				left; 
 	position: 				relative;
}

#textbox { 
 	padding: 				10px 10px 5px 10px;
	float: 				left
	width: 				550px;
	position: 				relative;
	font-size:			12px;
}

#textbox p { 
 	padding-bottom: 		18px;
	font-size:			100%;
}

#textbox p A:link { 
	color: 				#057FFA; 
	text-decoration: 			none; 
}

#textbox p A:visited {
	color: 				#057FFA;
	text-decoration: 			none;
}

#textbox p A:hover {
	color: 				#FF0000;
	border-bottom: 			1px dashed #612301;
	text-decoration: 			none;
}

#textbox h1 {
	font-size: 				20px;
	font-family:			Tahoma, verdana, arial, sans-serif;
	padding: 				0 0 0 0;
	margin-bottom: 			12px;
	color: 				#011B6A;
	letter-spacing: 			.1em;
	font-weight: 			bold;
	text-transform:			uppercase;
}

#textbox h2 {
	font-size: 				18px;
	font-family:			Arial, Tahoma, verdana, sans-serif;
	padding: 				0 0 0 0;
	margin-bottom: 			8px;
	color: 				#000000;
	letter-spacing: 			.3em;
	font-weight: 			bold;
	text-transform:			uppercase;
}

#textbox h3 {
	font-size: 				14px;
	font-family:			Arial, Tahoma, verdana, sans-serif;
	padding: 				0 0 0 0;
	margin-bottom: 			8px;
	color: 				#000000;
	font-weight: 			bold;
	text-transform:			uppercase;
}

/* RIGHT*/

#rightcol { 
 	width: 				196px;
	padding-top:			10px;
 	float: 				right; 
}

#testbox { 
	padding-bottom:			.5em;
	border: 				3px solid #2E353D; 
	DISPLAY: 			block; 
	background-color: 			#FBFBFB;
	font-size: 			10px;
	color: 				#000000;
	text-align:			left;
	align: 				center;
	width: 				165px;
}

#testbox p {
	padding-left:			5px;
	padding-right:			5px;
	padding-top:			.5em;
}

#testbox h1 {
	padding-bottom:			.5em;
	font-size: 			12px;
	font-family:			Georgia, "Times New Roman", Times, serif;
	background-color: 			#2E353D;
	color: 				#FFFFFF;
	text-align: 			center;
	text-transform: 			uppercase;
	text-decoration: 			underline;
}

#testbox
A:link { 
	color: 				#960405; 
	text-decoration: 			underline; 
}

#testbox
A:visited {
	color: 				#960405;
	text-decoration: 			underline;
}

#testbox
 A:hover {
	color: 				#0000ff;
	text-decoration: 			none;
}
	

/* FOOTER */

#footer {
	background-image: 		url(../images/layout/footer_bg.jpg);
	width: 				800px;
	height: 				48px;
}

#footernav  {
	list-style-type:			none;
	position: 				relative;
	text-align:			right;
	right: 				173px;
	top: 				5px;
	font-size:			10px;
	text-transform:			uppercase;
	color: 				#FFFFFF;
	margin-top:			0px;
	margin-left:			0px;
	margin-right:			0px;
	margin-bottom:			0px;
	padding-bottom:			5px;
	padding-left:			0;
	padding-right:			0px;
	padding-top:			5px;
	width:				800px;
}

#footernav li  {
	display:				inline;
	padding-left:			0;
	padding-right:			0;
	text-transform:			uppercase;
	color:				#FFFFFF;
	font-size:			10px;
}

#footernav li a  {
	color:				#FFFFFF;
	text-decoration:			underline;
}

#footernav li a:hover  {
	color:				#FFFF00;
	text-decoration:			underline;
	
}

#footernav li A:visitedr  {
	color:				#000000;
	text-decoration:			underline;
}

/* BOTTOM LINK */

#bottom  {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			8pt;
	color:				#FFFFFF;
	text-align:			center;
	padding-bottom:			5px;
}

#bottom A:link  {
	color:				#FFFF00;
	text-decoration:			underline;
}

#bottom A:visited  {
	color:				#FFFF00;
	text-decoration:			underline;
}

#bottom A:hover  {
	color:				FF0000;
	text-decoration:			underline;
}