@charset "utf-8";
/* CSS Document */

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/

body { background: url(../images/body-bk.jpg) top left repeat-x #7b7b7b; }

h1, p, ul, ol { margin-bottom: .75em; line-height: 1.5; }

h1 { font: bold 1.25em Verdana, Arial, Helvetica, sans-serif; color:#ed1c24; }
h2 { font: bold 1em Verdana, Arial, Helvetica, sans-serif; color:#ed1c24; margin: .75em auto;}
h3, h4, h5 { font: bold .875em Verdana, Arial, Helvetica, sans-serif; color:#ed1c24; margin: .75em auto; }


p, ul, ol { font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif;  color: #333333; }
	strong { font-weight: bold; line-height: 1.5; }

ul { list-style: disc; margin-left: 2em; }
	ul li { padding: .2em; line-height: 1.5; }
ol { list-style: decimal; margin-left: 2em; }
	ol li { padding: .2em; line-height: 1.5; }

a { color: #006699; }
a:hover { color: #666; }


/*-------------------------------------------    
    Structure Styles
-------------------------------------------*/

#container { width: 910px; min-height: 600px; margin: 1em auto; background: #fff url(../images/content-bk.gif) bottom right repeat-y; position: relative; }

#header { background: #fff; }

a.skiptocontent { position: absolute; left: -999em; }

#logo { margin: 1em 0 .5em 1em; }

ol#navigation { list-style: none; margin: 0; background: #003366 url(../images/navigation-bk.jpg) top left repeat-x;height: 79px;padding-left: 3px; margin-bottom: .25em;}
	ol#navigation li { float: left; position: relative; padding: 0; font: 1.25em/1.5 Arial, Helvetica, sans-serif; }
		ol#navigation li a { display: block; padding: .75em .4em 0 .75em; width: 111px; height: 68px; border-right: 1px solid #fff; color: #fff; text-decoration: none; }
			ol#navigation li a.noborder { border: none; }
			ol#navigation li a.noborder:active { border: none; }
			ol#navigation li a .nav-desc { font-size: .687em; color: #ff9933; position: absolute; bottom: 10px; }
		ol#navigation li a:hover { background: #0481c1; }

#branding { width: 910px; height: 255px; margin-bottom: 0; padding: 0; }

#content { clear: both; overflow: auto; padding-left: 2.5em; margin: 0; min-height: 400px; margin-bottom: 1em; padding-bottom: 100px; width: 700px;}

#footer { background: url(../images/footer-bk.jpg) bottom right no-repeat; width: 910px; height: 88px; position: absolute; bottom: 0; clear: both; }
	#footerimg { float: right; position: relative; top: -100px; right: 2em; width: 139px; height:179px; background:url(../images/hammer.png) top left no-repeat; }
	#footer p#address { font: .687em/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 1em 3em;}
		#footer p#address strong { font: bold 1.25em Verdana, Arial, Helvetica, sans-serif; color: #006699; text-transform: uppercase; }
		
ol#bottom_nav { width: 910px; margin: .5em auto; list-style: none; text-align: center; }
	ol#bottom_nav li { display: inline; padding: 0;}
	ol#bottom_nav li a { color: #ff9933; border-right: 1px solid #ccc; padding: .4em; }
	ol#bottom_nav li a:hover { color: #fff; }
		ol#bottom_nav li a.noborder { border: none; }
		
		
img.right { float: right; margin: 1em; }		
img.left { float: left; margin: 1em; }

div#leftcolumn {  width: 500px; }
div#rightcolumn { position: absolute; right: 35px; top: 480px; width: 300px; border-left: 4px double #ccc; }
	div#rightcolumn p.caption { margin-left: 134px; font-size: .687em; color: #666666 }
		
/*********************************Form styles*********************************/

form.form { margin: 0 0 1em 1em; height: 600px; }
legend { font: bold .875em/1.5 Verdana, Arial, Helvetica, sans-serif; color: #006699;  }
fieldset { margin-bottom: 1em; }
fieldset ol { font: bold .75em/1.5 Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: .5em auto; list-style: none;}
label {width: 100px; display: block; float: left;}
form.form label, form.form input, form.form textarea { margin: .2em; }

li#content ol#i_need { list-style:none; margin: 0; }
	li#content ol#i_need li { float: left; display: block; width: 250px; margin: .25em auto; padding: 0;}
	
ol.columns { list-style: none; margin: 0; font-size: 100%; clear: both; overflow: auto; }
	ol.columns li { list-style: none; padding: 0;float: left; display: block; width: 47%; margin: .25em auto;}
		ol.columns li ul li { list-style: disc; float: none; width: 100%; margin-left: .75em; padding: .3em; }
		
p.form_callout { font: bold italic .875em/1.5 Verdana, Arial, Helvetica, sans-serif; text-align:left; color: #006699; margin: .5em auto; background: url(../images/form_line.gif) right no-repeat; margin-right: 1em; }
	
li#content ol#form_columns { list-style: none; margin: 0; }
	li#content ol#form_columns li { list-style: none; padding: 0;float: left; display: block; width: 250px; margin: .25em auto; text-align: right;}
	
/* LIGHTBOX/DIRECTIONS */

#map_canvas {width:450px;height:300px;border:solid 2px #5449AF; float:left;}
#route {width:440px;border:solid 2px #eee; float:left;}
	#route table {font:.687em Arial, Helvetica, sans-serif;color:#666;}
	#route div {font:1em Arial, Helvetica, sans-serif;color:#666;}

div#lbContent {width:260px;height:300px;background: url(../images/dir_bg.gif) top left repeat-x;margin:0 auto;padding:20px;border:solid 5px #013967;}
#lightbox ul, #lightbox li {list-style:none !important;}
#lightbox.done {background:none;border:none;}
#lightbox ul li label {margin-bottom:2px;display:block; color:#fff;}
#lightbox {font:bold .750em Verdana, Arial, Helvetica, sans-serif;color:#fff;}
#lightbox ul, #lightbox form {text-align:center;}
#lightbox form ul li {margin:10px 0;}
#lightbox input {padding:4px;font-size:1.13em;color:#0673B6;width:200px;}
#lightbox select {font-size:1.13em;color:#0673B6;width:210px;}
#lightbox option {font-size:1.13em;color:#0673B6;width:180px;}
#lightbox h2{margin:0 auto 1em auto;font-size:1.125em; color:#fff; width:260px;}
#lightbox h3{color:#FF713F; color:#fff;}
#lightbox.done p {color:#fff;}
#lightbox p a {color:#fff;}
.highlight{background: url(../images/dir_bg.jpg) top left repeat-x;}