/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2003. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari                                     */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------- */
/* basic elements ---------------------------------------------------------------------- */

body {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background-color: #DDDDD0;
	font-family: Arial, Helvetica, sans-serif;
	}
		
p, ul, li, form, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	}

a:link {
	color: #000;
	}
	
a:visited {	
	color: #000; 
	}
	
a:hover {
	color: #000;
	text-decoration: none;
	}

h1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #4E525F;
	}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}

img {
	border: none;
	}

#frame {
	background: url(../img/pg-border-main.gif) top left repeat-y;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;				/* centered by default for IE5 & older div element centering */
	}

/* ------------------------------------------------------------------------------------- */
/* header ------------------------------------------------------------------------------ */

#content-mast {
	background: #FFF url(../img/head-mast.gif) no-repeat;
	width: 760px;
	height: 44px;
	}

	#content-mast h1 {				/* visible in text browsers - invisible in css enabled browsers */
		display: none;
		visibility: hidden;
		}

#content-head {
	background: #FFF url(../img/head-graphic.jpg) no-repeat;
	width: 760px;
	height: 158px;
	margin: 0 auto;
	text-align: left; 
	color: #001F41;
	}
	
#content-head-text {			/* extremely precise pixel & line height for header paragraph */
	float: right;
	display: inline;			/* <----------- VERY IMPORTANT - fixes double margin IE bug */
	width: 340px;
	margin-right: 71px;
	margin-top: 25px;
	padding: 0;
	}

	#content-head-text h1 {
		font-family: "Times New Roman", Times, serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.5em;
		word-spacing: .05em;
		margin: 0;
		padding: 0;
		color: #FFFFFF;
		}
		
	#content-head-text p {
		font-size: 11px;
		font-weight: normal;
		line-height: 1.45em;
		margin: -2px 0 0 2px;
		padding: 0;
		color: #CEE5FF;
		}

#content-main {
	width: 760px;
	text-align: center;
	}
	
/* ------------------------------------------------------------------------------------- */
/* footer ------------------------------------------------------------------------------ */

#content-foot {
	background: url(../img/pg-border-btm.gif) bottom left no-repeat;
	width: 760px;
	padding: 14px 0 28px 0;
	text-align: center;
	vertical-align: bottom;
	}

	#content-foot ul {
		margin: 0;
		padding: 0;
		}
	
	#content-foot li {
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
			
	#content-foot a {
		text-decoration: none;
		color: #000;
		}
		
	#content-foot a:hover {
		text-decoration: underline;
		color: #000;
		}
	
	#content-foot h2 {
		margin: 5px;
		color: #22283A;
		}

/* ------------------------------------------------------------------------------------- */
/* misc layout elements ---------------------------------------------------------------- */

div.separator {
	background: url(../img/separator.gif) top left repeat-x;
	width: 736px;
	height: 9px;
	margin: 2px auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	text-align: center;
}

/* clears floated elements to the next line */
div.clear { 
	clear: both;
	overflow: hidden;
	height: 1px;
	width: 100%;
}

div.client-buttons-L img {
	float: left;
	clear: left;
	margin: 5px 20px 15px 28px;
	}

div.client-buttons-R img {
	float: right;
	clear: right;
	margin: 5px 28px 15px 20px;
	}

#client-listings {
	width: 690px;
	margin: 0 auto;
	background-color: #CFCFC3;
	border-width: 0px 0px 10px 0px; 
	border-style: solid;
	border-color: #CFCFC3;
	}
	
	#client-listings td {
		margin: 3px;
		padding: 0;
		vertical-align: middle;
		background-color: #DDDDD0;
		}
	
	#client-listings td.alt {
		background-color: #E6E6DC;
		}
		
	#client-listings td.large {
		width: 460px;
		padding: 5px 0px 5px 10px;
		}
		
	#client-listings h2 {
		font-size: 13px;
		margin:0;
		padding: 0;
		}	
	
	#client-listings h2 a:link, #client-listings h2 a:visited {
		text-transform: uppercase;
		color: #CC0000;
		}
		
	#client-listing h2 a:hover {
		text-transform: uppercase;
		font-size: 13px;
		color: #FF0000;
		}
	
	#client-listings p {
		margin: 0;
		padding: 0;
		}
		
#state-listings {
	width: 690px;
	margin: 0 auto;
	background-color: #CFCFC3;
	border-width: 0px 0px 10px 0px; 
	border-style: solid;
	border-color: #CFCFC3;
	}
	
	#state-listings td {
		margin: 3px;
		vertical-align: middle;
		background-color: #DDDDD0;
		}
	
	#state-listings td.alt {
		background-color: #E6E6DC;
		padding-left: 7px;
		}
		
	#state-listings td.large {
		width: 565px;
		padding: 2px 5px;
		}
		
	#state-listings h2 {
		font-size: 13px;
		margin: 0;
		padding: 0;
		}
		
	#state-listings h2 a:link, #state-listings h2 a:visited {
		color: #CC0000;
		}
		
	#state-listing h2 a:hover {
		font-size: 13px;
		color: #FF0000;
		}
	
	#state-listings p {
		margin: 0;
		padding: 0;
		}
	
	#state-listings .buttons {
		float: right;
		margin: 5px 0 0 0;
		}
		
#national-exclusive-intro {
	margin: 10px 28px -10px 34px;
	padding: 0;
	}

	#national-exclusive-intro p {
		margin: 0;
		padding: 0;
		}

/* ------------------------------------------------------------------------------------- */
/* block elements ---------------------------------------------------------------------- */

/* main block element container */
div.block {
	width: 738px;
	text-align: left;
	clear: both;
	margin: 0 auto;
	padding: 0 0 7px 0;
	vertical-align: top;
	background: #DDDDD0;
}

/* main block element header (nested div) */
/* overflow hidden important to maintain size in the event of too-big title */
/* padding is used to keep background tab image on the right side of title  */
div.block-head {
	background: #FFF url(../img/block-head.gif) right top no-repeat;
	width: auto;  
	height: 21px;
	margin: 0;
	padding: 0px 56px 0px 5px;
	float: left;
	vertical-align: middle;
	overflow: hidden;
}

html>body div.block-head {  margin: 0;  } 	 /* Be nice to Opera */

/* alternate block element header */
div.block-content-subhead {
	background-color: #DDDDD0;
	width: auto;  
	height: 14px;
	margin: 20px 0 -9px 30px;
	padding: 0 3px;
	float: left;
	display: inline;              /* <----------- VERY IMPORTANT - fixes double margin IE bug */
	vertical-align: middle;
	line-height: 17px;
	overflow: visible;
}

	div.block-content-subhead h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		color: #22283A;
		}

/* top and bottom 1px padding creates the border for the content block */
/* margins are important to maintain inside content div offset & border */
div.block-content-wrap {
	background: transparent url(../img/block-dots.gif) repeat;
	width: auto;
	margin: 7px 7px 0 7px;
	padding: 1px 0px;
}

/* main content styles for block element */
/* wrapper div for tables & content */
div.block-content {
	font-size: 11px;
	padding: 20px 0px 20px 0px;
	margin: 0;
	vertical-align: top;
	background: #CFCFC3;
	overflow: hidden;
	width: 100%;
}

/* 
   To maintain cross-browser compatibility, new elements contained by div.block 
   will need to carry the margin & padding.  The formatting cannot be applied to 
   div.block-content because of box model differences between IE/MOZ/OPERA.  
   As elements are added, add elements accordingly, 
   ex:    
	div.block-content p, h2, <new-element> {
		margin: 0px 28px;
		}
*/

	div.block-content p {
		margin: 0 28px;
		}
		
	div.block-content p {
		padding: 5px 0;
		}
	
	div.block-content .float-L {
		float: left;
		}
		
	div.block-content .float-R {
		float: right;
		}

/* block element footer (not nested within #block) */
div.block-foot {
	background: #DDDDD0 url(../img/block-foot.gif) right bottom no-repeat;
	width: 738px;
	height: 16px;	
	margin: 0 auto;
	padding: 0;
}