/* CSS Document */

html, body { margin:0; padding:0; background-color:#369; font-family:Arial, Helvetica, Verdana, sans-serif; }

#wrap { margin:0 auto; width:665px; }


/*------------------------- header, middle, bottom ---*/
#bottom { background-repeat:no-repeat; height:100px; min-height:100px; }

#header { background-image:url(images/bluebgtop.gif); background-repeat:no-repeat; background-position:top left; position:relative; height:80px; min-height:80px; }

#middle { background-image:url(images/bluebgmiddle.gif); background-repeat:repeat-y; }
  .about { width:550px; margin:0 auto; }
    .about .top, .about .bottom { min-height:25px; height:auto; height:25px !important; background-image:url(images/warning_top.png); background-repeat:no-repeat; }
	.about .middle { background-image:url(images/warning_side.png); background-repeat:repeat-y; }
	
    #google_search { float:right; margin:0 40px 5px 10px; }
    #map img { margin:0 0 0 10px; border:0; }

#bottom { background-image:url(images/bluebgbottom.gif); }

.about img { margin:10px 10px 0 75px; }

.aboutus { width:300px; height:225px; margin:10px 10px 0 75px; float:left; background-image:url(images/van002.jpg); background-repeat:no-repeat; background-position:top left; }


/*------------------------------------- text ---------*/
h1, h2, h3, h4, ul, ol, dl { margin:0; padding:0; }
h1 { font-family:Helvetica,Verdana,sans-serif; font-size:30px; margin:0 0 0 30px; }
h1 span.red { color:red; }
h1 span.white { color:#fff; }
h1 span.black { color:#000; }

h2 { font-size:16px; font-family:"Trebuchet MS",sans-serif; font-variant:small-caps; }
h2.header { margin:0 0 5px 40px; font-size:20px; }

#title { height:75px; height:auto !important; min-height:75px; }
  #title p { margin:8px 30px 0 10px; width:240px; float:right; font-size:14px; color:#fff; }
  #title h2 { font-size:24px; padding:10px 0 0 30px; color:#fff; }

#middle p { margin:0 40px 10px 40px; text-align:justify; }
#middle li p { margin:0 0 10px 0; }
#middle h2 { margin:0 45px 0 45px; font-size:40px; }
#middle h3 { margin:0 45px 20px 45px; font-size:24px; }
#middle h4 { font-size:38px !important; font-weight:normal; }
#middle h2.small { font-size:21px !important; }

.about h2 { margin:0 45px; }
.about ul, .about ol { margin:0 45px 10px 55px !important; font-size:13px; }
.about p { margin:0 45px 10px 45px !important; padding:0; font-size:13px; }
.about #aboutus { float:right; border:0; margin:0 45px 5px 15px; }

#bottom p { margin:0 auto; padding:15px 0 0 0; text-align:center; width:580px; font-size:12px; font-style:italic; }

ul, dl, ol { margin:0 75px 10px 75px; list-style-type:disc; }
ul li { margin:0; padding:0; }

#middle hr { width:580px; text-align:center; color:#000; height:1px; }

.spacer { clear:both; }

.red { color:#f00; }
.blue { color:#00c; }
.caps { text-transform:uppercase; }
.centered { text-align:center; margin:0 auto; }
.underline { text-decoration:underline; }
.larger { font-size:175% !important; }
.small { font-size:65% important; }
.full { width:100%; }



/*------------------------------------ links ---------*/
h1 a { text-decoration:none; }
h1 a:hover { color:#000; text-decoration:underline; }
h1 a:visited { }

h2 a { color:#f00; }
h2 a:hover { background-color:#000; color:#fff !important; }
h2 a:visited { color:#f00; }

ul a:link, ul a:visited, #bottom a:link, #bottom a:visited { text-decoration:none; color:#900; }
ul a:hover, #bottom a:hover { text-decoration:underline; color:#333; }

.about a { color:#900; }
.about a:hover { color:#009; }



/*------------------------------ menu --------*/
#menu { position:relative; width:600px; height:35px; top:32px; left:31px; margin:0; }
  #menu ul { padding:0; margin:0; }
    #menu ul li { list-style-type:none; display:block; height:35px; min-height:35px !important; height:auto; float:left; background-repeat:no-repeat; font:13px "Lucida Grande", verdana, sans-serif; text-align:center; }
  #menu a { color:#000; text-decoration:none; display:block; width:100px; height:35px; min-height:35px !important; height:auto; }
  #menu a:hover { font-style:italic; }
      #menu ul li.left a { background-image:url(images/menu_left.jpg); }
      #menu ul li.middle a { background-image:url(images/menu_middle.jpg); }
      #menu ul li.right a { background-image:url(images/menu_right.jpg); }
      #menu ul li.left a:hover { background-image:url(images/menu_left_hover.jpg); }
      #menu ul li.middle a:hover { background-image:url(images/menu_middle_hover.jpg); }
      #menu ul li.right a:hover { background-image:url(images/menu_right_hover.jpg); }