* { padding: 0; margin: 0 auto; }

body { padding: 0 0 35px 0; margin: 0 auto; text-align: center; line-height: 20px; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #949a00; background-image: url(../images/banner.jpg); background-repeat: repeat-x; }

a:link, a:visited { color: #949a00; text-decoration: underline; }

a:hover, a:active { color: #ffffff; text-decoration: none; background-color: #949a00; }
	
h1 { font-size: 26px; font-family: "Times New Roman", Times, serif; font-weight: 100; color: #949a00; padding: 0px 0px 0px 0px; margin: 0 auto; line-height: 40pt; }

h2 { font-size: 22px; font-family: "Times New Roman", Times, serif; font-weight: 100; color: #949a00; margin: 0px 0px 4px 0px; line-height: 35pt; }

h3 { font-size: 16px; font-family: "Times New Roman", Times, serif; font-weight: 400; color: #949a00; padding: 0px 0px 0px 0px; margin: 0 auto; line-height: 32pt; }
	
/*************************************
			LAYOUT
***************************************/
#wrapper { text-align: left; width: 777px; padding: 0; margin: 0 auto; }

#headbg { background-image: url(../images/banner1.jpg); background-repeat: repeat-x; margin: 0 0 0px 0; padding: 0px; height: 134px; width: 777px; text-align: center; position: relative; }

#logo { padding: 0; margin: 0 auto; width: 777px; height: 134px; text-align: left; }

#wrapper #headbg #carpic { position: absolute; top: 0px; right: -1px; }

#main { padding: 0; margin: 0 0 10px 0; }

#left { padding: 0 5px 0 0; margin: 0 auto; width: 434px; float: left; display: inline; /*Fix IE Layout Problem */ border-right: 1px dashed #d5d5d5; }

#right { padding: 0; margin: 0 0 0 10px; width: 320px; float: left; display: inline; /*Fix IE Layout Problem */ }

#bottom { margin: 0 auto; width: 777px; clear: both; border-top: 1px dashed #d5d5d5; }

#bottomthanks { margin: 0 auto; width: 777px; clear: both; }

#quickquote { background-color: #f7f3de; width: 320px; border: 1px solid #d5d5d5; padding: 4px; margin: 4px 0 4px 0; }

#quickquote h2 { color: #00629e; font-size: 15px; font-weight: 500; font-style: italic; }

#footer { margin: 15px 0px; padding: 0px 5px; width: 767px; border: 1px solid #d5d5d5; background-color: #f9f9f9; font-size: 10px; clear: both; float: left; }

#footleft { text-align: left; display: inline; float: left; width: 500px; }

#footright { text-align: right; float: right; display: inline; width: 250px; }

p { padding: 0; margin: 0; }

#address { text-align: center; font-size: 9pt; clear: both; }

/****************************
		CLASSES
*****************************/
img.border { padding: 4px; border: 1px solid #d1d1d1; margin: 4px 0px 4px 0px; }

img.imgleft { float: left; margin: 4px 6px 5px 0px; }

p.quote { padding: 0; margin: 0 auto; }

p.error { color: #ff0000; }

/****************************
		FORM
*****************************/
fieldset { margin: 0px 0px 0px 0px; border: none; padding: 0px 0px 0px 0px; }

legend { color:#000000; }

.cssform p{ margin: 0px 0px 0px 0px; padding: 3px 0px 2px 0px; padding-left: 155px; /*width of left column containing the label elements*/ }

.cssform label{ float: left; text-align: right; margin-left: -155px; /*width of left column*/ width: 135px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ }

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; }

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{ margin-left: 3px; }

/** top menu 
td.off { background: url(images/menu_bg.gif) 0px 0px repeat-x; color: #ffffff; height:24px; text-decoration: none; padding: 0px 5px 0px 5px; }

td.on{ background: url(images/menu_bg.gif) 0px 0px repeat-x; color: #ffffff; height:24px; text-decoration: none; padding: 0px 5px 0px 5px; }
**/
/** New Top Menu **/
  #tabs { float: left; background: url(../images/table.gif); width: 100%; height: 28px; font-size: 93%; line-height: normal; padding: 0; margin: 0; }

  #tabs ul { margin: 0; padding: 0px 50px 0px 50px; list-style: none; }

  #tabs li { display: inline; margin: 0; padding: 0; }

  #tabs a { float: left; background: url(../images/tableft.gif) no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }

  #tabs a span { float: left; display: block; background: url(../images/tabright.gif) no-repeat right top; padding: 6px 10px; color: #ffffff; }

  /* Commented Backslash Hack hides rule from IE5-Mac \*/
  #tabs a span { float: none; }

  /* End IE5-Mac hack */
	
  #tabs a:hover span { color: #000000; }

  #tabs a:hover { background-position: 0% -42px; }

  #tabs a:hover span { background-position: 100% -42px; }

  #tabs #current a { background-position: 0% -42px; }

  #tabs #current a span { background-position: 100% -42px; }

/* LightBox Style */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox img{ width: auto; height: auto; }

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0; }

#hoverNav a{ outline: none; }

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left; }

#nextLink { right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{ padding: 0 10px; color: #666666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
	
#imageData #caption{ font-weight: bold; }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
			
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none; }
	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000000; }





/* body { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: .8em; } 
*  { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10pt; } */


/* the div that holds the date picker calendar */
.dpDiv { }

/* the table (within the div) that holds the date picker calendar */
.dpTable { font-size: 10pt; text-align: center; color: #000000; background-color: #DFDFDF; border: 1px solid #AAAAAA; }

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR { }

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR { }

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR { }

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR { }

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD { border: 1px solid #ECE9D8; }

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; }

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover { background-color: #ACA998; border: 1px solid #888888; cursor: pointer; color: #FF0000; }

/* the table cell that holds the name of the month and the year */
.dpTitleTD { }

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD { }

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD { }

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; color: #000000; }

/* additional style information for the text that indicates the month and year */
.dpTitleText { font-size: 10pt; color: #000000; font-weight: bold; }

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight { color: #949A00; font-weight: bold; }

/* the forward/backward buttons at the top */
.dpButton {  font-size: 8pt; color: #ffffff; background: #949A00; font-weight: bold; padding: 0px; }

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton { font-size: 8pt; color: #ffffff; background: #949A00; font-weight: bold; }