/* Google Map API IE Hack */

v\:* {
      behavior:url(#default#VML);
    }


/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

span { display:none; }

/* global elements - type selectors
 * ------------------------------------------------------------------------- */

body { background: #148AB2 url("images/bg-body.gif") left top repeat-x;
	text-align:center; margin: 0 auto; 
	font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#3A3A3A;
	}

blockquote { margin-left:10px; margin-right:10px; }
	
h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#1A8DB4; }
h3	{ font-size:1.1em; color:#1A8DB4; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited { color:#CC0000; text-decoration:underline; outline:none; }
a:hover,a:active { color:#2f86af; text-decoration:underline; outline:none; }

/* global classes
 * ------------------------------------------------------------------------- */

div.clear { clear:both; height:.01em; overflow:hidden; }
	
p.back-to-top { background:url("images/index/bullet-back-to-top.jpg") right no-repeat; text-align:right; display:block; padding-right:15px; }
	
img.img-left { float:left; margin:2px 10px 10px 0; }
img.img-right { float:right; margin:5px 0 10px 10px; }
	
.req {font-size:10px;}

p.blue { color:#148AB2; }
	
	
/* main framework
 * ------------------------------------------------------------------------- */

#wrap { background-color:#FFF; width:775px; margin:0 auto; text-align:left;}
#masthead { position:relative; background:url("images/masthead.gif") left top no-repeat; width:775px; height:79px;}
#masthead-btn a { position:absolute; width:335px; height:73px; top:0px; left:0px;}/* home link within header */

#header-flash { background:url("images/flash-header.jpg"); width:775px; height:235px;} 
#news-ticker { background:url("images/news-ticker.gif"); width:775px; height:40px; }

#header-graphic { height:261px; } /* sets height for all non-flash headers */
	body#index #header-graphic { background:url("images/index/graphic-advertise.jpg"); }
	body#about #header-graphic { background:url("images/sub/header-about.jpg"); }
	body#contact #header-graphic { background:url("images/sub/header-contact.jpg"); }
	body#thankyou #header-graphic { background:url("images/sub/header-thankyou.jpg"); }
	body#sitemap #header-graphic { background:url("images/sub/header-sitemap.jpg"); }
	

#column-left { width:512px; float:left;}/* column left */
		#column-left p.intro { padding-top:60px; }
	#content-container { background:url("images/bg-content.gif") left top repeat-y; width:512px; float:left; }	 
	#title-personal { background:url("images/title-personal.gif") left top no-repeat; width:262px; float:left; }	
		#title-personal p { padding:0px 10px 5px 24px; }
	#title-business { background:url("images/title-business.gif") left top no-repeat; width:250px; float:left; }	
		#title-business p { padding:0px 10px 5px 24px; }
		#title-business ul { padding:5px 10px 5px 24px; }
	#footer-business { background:url("images/business-footer.gif"); height:78px; }
	
 
#column-right { width:263px; float:left;}/* column right */	
		#column-right p { margin:5px 10px 5px 13px; }

	#title-manage { background:url("images/title-manage-account.gif"); height:46px; }
	#title-quick-contact { background:url("images/title-quick-contact.gif"); height:46px; }
	
	#map { width:200px; margin:0 0 10px 13px; }
	
	#middle-page-break { background:url("images/middle-split-rule.gif"); height:31px; }
	#tools-container { background:url("images/bg-tools.gif") left top repeat-y; width:775px; float:left; }
	#title-tools { background:url("images/title-tools.gif"); height:52px; }
	#tools-footer { background:url("images/tools-footer.gif"); height:56px; }

#page-footer { background:url("images/page-footer.gif") no-repeat; width:775px; height:10px; clear:both; overflow:hidden;}
	 

/* inside sub pages framework
 * ------------------------------------------------------------------------- */

#sub-content-container { background:url("images/bg-sub-content.gif") left top repeat-y; width:512px; float:left; }	 
	#sub-content-container p, #sub-content-container ul, #sub-content-container h2,  #sub-content-container h3,  #sub-content-container h4  { padding:5px 0 5px 24px; }
 
#subhead { height:46px; } /* sets height for all subheads */
	body h1#subhead { background:url("images/title-subhead.gif") left top no-repeat; color:#000; padding:12px 0 0 20px; }

/* definition list 1 */
 dl.tools { padding-left:20px; float:left; width:170px; }
 dl.tools dt { font-weight:bold; color:#2B96BA; }	
 dl dd { background: transparent url("images/dd-list-style.gif")0px 6px no-repeat;
  	     padding-left:10px; }   /* pushes text to the right to display bg img */
			  
/* Global Footer
 * ------------------------------------------------------------------------- */
 
#footer { width:775px; text-align:center; margin:0 auto; }
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#fff; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#fff; }

#footer ul { margin-bottom:5px; margin-top:10px; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #fff; }
#footer li.first { border: none; }


/* Global Top Nav
 * ------------------------------------------------------------------------- */
 
#top-nav { width:400px; text-align:center; padding:55px 0px 2px 410px; }
#top-nav a:link, #top-nav a:visited { text-decoration:none; color:#000; }
#top-nav a:hover, #top-nav a:active { text-decoration:underline; color:#fff; }

#top-nav ul { margin-bottom:5px; }
#top-nav li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #C4CCCE; }
#top-nav li.first { border: none; }


/* Horozontal Sprite Nav 
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("images/index/nav.gif") no-repeat; 
	width:760px; 
	height:30px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:30px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; }

#nav-01 { width: 79px; margin-left: 79px;}
#nav-02 { width: 89px;}
#nav-03 { width: 94px;}
#nav-04 { width: 87px;}
#nav-05 { width: 89px;}
#nav-06 { width: 92px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("images/index/nav.gif")  -79px -30px no-repeat; }
#nav-02 a:hover { background:url("images/index/nav.gif") -158px -30px no-repeat; }
#nav-03 a:hover { background:url("images/index/nav.gif") -247px -30px no-repeat; }
#nav-04 a:hover { background:url("images/index/nav.gif") -341px -30px no-repeat; }
#nav-05 a:hover { background:url("images/index/nav.gif") -428px -30px no-repeat; }
#nav-06 a:hover { background:url("images/index/nav.gif") -460px -30px no-repeat; }


/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
body#SPECIFY #nav-01 { background:url("images/index/nav.gif")  -79px -30px no-repeat; }
body#SPECIFY #nav-02 { background:url("images/index/nav.gif") -158px -30px no-repeat; }
body#SPECIFY #nav-03 { background:url("images/index/nav.gif") -247px -30px no-repeat; }
body#SPECIFY #nav-04 { background:url("images/index/nav.gif") -341px -30px no-repeat; }
body#SPECIFY #nav-05 { background:url("images/index/nav.gif") -428px -30px no-repeat; }
body#SPECIFY #nav-06 { background:url("images/index/nav.gif") -460px -30px no-repeat; }


/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */

#nav {
	background:url("images/index/nav.gif") top left no-repeat;					
	width:270px;		/* Width of buttons, not entite image (or half of entire image) */
	height:150px;		/* Height of entire image */
	margin:0;
	padding:0;
	}

#nav li span { display: none; }

#nav li {
	float:left;
	list-style:none;
	}

#nav li, #nav a { 
	height:30px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-01 { margin-top:15px; width:100px; }

/* margin-top if there is a spacing between each nav button */
#nav-02, #nav-03, #nav-04, #nav-05, #nav-06 { margin-top:0; width:100px; }

#nav-01 a:hover { background:url("images/index/nav.gif") -100px  -15px no-repeat; }
#nav-02 a:hover { background:url("images/index/nav.gif") -100px  -30px no-repeat; }
#nav-03 a:hover { background:url("images/index/nav.gif") -100px  -60px no-repeat; }
#nav-04 a:hover { background:url("images/index/nav.gif") -100px  -90px no-repeat; }
#nav-05 a:hover { background:url("images/index/nav.gif") -100px -120px no-repeat; }
#nav-06 a:hover { background:url("images/index/nav.gif") -100px -150px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
body#SPECIFY #nav-01 { background:url("images/index/nav.gif") -100px  -15px no-repeat; }
body#SPECIFY #nav-02 { background:url("images/index/nav.gif") -100px  -30px no-repeat; }
body#SPECIFY #nav-03 { background:url("images/index/nav.gif") -100px  -60px no-repeat; }
body#SPECIFY #nav-04 { background:url("images/index/nav.gif") -100px  -90px no-repeat; }
body#SPECIFY #nav-05 { background:url("images/index/nav.gif") -100px -120px no-repeat; }
body#SPECIFY #nav-06 { background:url("images/index/nav.gif") -100px -150px no-repeat; }


/* Quick Contact Form
 * ------------------------------------------------------------------------- */
 
form { width:170px; margin:10px 0 15px 13px; }
	
form label	{ font-size:.95em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #CCCCCC;
	color:#000;
	width:165px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 


/* Main Contact Form
 * ------------------------------------------------------------------------- */
 
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select { width:170px; }
	
#contact-main label textarea { height:100px; overflow:auto; }


/* Contact Submit Buttons
 * ------------------------------------------------------------------------- */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; }

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("images/index/btn-submit.jpg");
	width:64px;
	height:20px;
	border:none;
	cursor:pointer;
	}
