/* CSS Document */

* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

html {
background-color: rgb(51,102,102);
}

body {
background-color: rgb(192,219,219);
width: 1000px;
margin: 0 auto;
height: auto;
position: relative;
}

/* main menu column */

div#menu {
position: relative;
top: 0px;
left: 0px;
padding: 10px;
width: 200px;
background-color: rgb(192,219,219);
z-index: 99;
}

div#menu a:hover {
background-color: rgb(192,219,219);
}

div#menu div.address {
text-align: center;
font-size: 20px;
color: rgb(102,0,102);
margin-bottom: 20px;
}

div#menu div.address a {
color: rgb(102,0,102);
font-weight: bold;
}

div#menu div.address a:hover {
background-color: rgb(102,0,102);
color: white;
}

div#menu img {
border: none;
}

div#menu a span.button {
display: none;
}

div#menu a#appointment {
background-image: url(images/buttonschedoff.gif);
width: 200px;
height:79px;
display: block;
}

div#menu a#appointment:hover {
background-image: url(images/buttonschedon.gif);
}


div#menu a#scrip {
background-image: url(images/buttonscripoff.gif);
width: 200px;
height:79px;
display: block;
}

div#menu a#scrip:hover {
background-image: url(images/buttonscripon.gif);
}

div#menu a#boarding {
background-image: url(images/buttonboardoff.gif);
width: 200px;
height:79px;
display: block;
}

div#menu a#boarding:hover {
background-image: url(images/buttonboardon.gif);
}

div#menu a#newclient {
background-image: url(images/buttonnewoff.gif);
width: 200px;
height:79px;
display: block;
}

div#menu a#newclient:hover {
background-image: url(images/buttonnewon.gif);
}

div#menu h2 {
text-align: center;
margin-top: 20px;
margin-bottom: 0px;
}

div#menu ul {
margin: 20px 0px 0px 0px;
text-align: center;
}

div#menu ul li {
list-style: none;
font-size: 12px;
line-height: 2em;
font-weight: bold;
margin: 0px;
}

ul#admintools * a:hover {
background-color: rgb(102,0,102);
}

/* end main menu column */

/* main content column */

body div.maincolumn {
width: 780px;
position: relative;
top: -1042px;
border-left: 220px solid rgb(192,219,219);
z-index: 0;
}

div#welcome {
background:url(images/headerwelcome.gif) top left no-repeat rgb(192,219,219);
}

div#about {
background:url(images/headerabout.gif) top left no-repeat rgb(192,219,219);
}

div#friends {
background:url(images/headerfriends.gif) top left no-repeat rgb(192,219,219);
}

div#boarding {
background:url(images/headerboarding.gif) top left no-repeat rgb(192,219,219);
}

div#refill {
background:url(images/headerrefill.gif) top left no-repeat rgb(192,219,219);
}

div#schedule {
background:url(images/headerschedule.gif) top left no-repeat rgb(192,219,219);
}

div#history {
background:url(images/headerhistory.gif) top left no-repeat rgb(192,219,219);
}

div#tour {
background:url(images/headertour.gif) top left no-repeat rgb(192,219,219);
}

div#services {
background:url(images/headerservices.gif) top left no-repeat rgb(192,219,219);
}

/* submenu line under banner */

div#submenu {
float: left;
display: block;
position: relative;
margin-top: 198px;
}

div#submenu ul {
float: left;
margin: 0px;
}

div#submenu ul li {
list-style: none;
display: block;
float: left;
margin: 0px 10px 0px 0px;
background: rgb(102,0,102) url(images/llcurveleadin.gif) bottom left no-repeat;
text-align: center;
width: 100px;
position: relative;
}

div#submenu ul li a {
display: block;
color: white;
text-decoration: none;
text-align: center;
padding-bottom: 5px;
font-size: 18px;
font-weight: bold;
background: url(images/lrcurve.gif) bottom right no-repeat;
height: 20px;
}

div#submenu ul li a:hover {
color: rgb(214,159,214);
}

div#submenu ul li ul {
display: none;
position: absolute;
}

div#submenu ul li:hover ul, div#submenu ul li.over ul {
position: absolute;
left: 10px;
top: 30px;
display: block;
width: 120px;
border-bottom: 1px solid white;
}

div#submenu ul li:hover ul li, div#submenu ul li.over ul li {
border-top: 1px solid white;
width: 100%;
background-image: none;
padding-top: 5px;
padding-bottom: 0px;
}

div#submenu ul li:hover ul li a, div#submenu ul li.over ul li a {
width: 100%;
font-size: 12px;
display: block;
background-image: none;
margin-left: -20px !important;
}

div#submenu ul li ul li:hover, div#submenu ul li ul li.over {
background-color: rgb(214,159,214);
}

div#submenu ul li ul li a:hover {
color: rgb(102,0,102);
}

div#submenu p {
font-weight: bold;
color: rgb(102,0,102);
font-size: 17px;
font-style: italic;
float: right;
display: block;
width: 210px;
margin-bottom: 0px;
}

/* end submenu */


/* main content box */

div#maincontentbox {
margin-top: 10px;
min-height: 100px;
float: left;
clear: left;
width: 780px;
background-color: white;
color: black;
margin-bottom: 10px;
}

div#maincontentbox h1 {
display: block;
clear: both;
background: url(images/ulcurvegreen.gif) top left no-repeat rgb(51,102,102);
color: white;
width: 760px;
padding-left: 10px;
padding-bottom: 10px;
}

div#maincontentbox h3 {
margin: 10px;
}

h1 div.headerwrapper {
width: 760px;
background: url(images/urcurvegreen.gif) top right no-repeat;
}

/* news box */

div#newsbox {
float: right;
width: 300px;
background-color: rgb(192,219,219);
margin-top: 10px;
margin-right: 10px;
_margin-right: 0px; /*ie6 hack */
margin-left: 10px;
_margin_left: 0px; /*ie6 hack */
}

div#newsbox h2 {
color: rgb(214,159,214);
background-color: rgb(51,102,102);
text-transform:uppercase;
padding: 10px;
margin-left: 0px;
}

div#newsbox div.newsitem {
padding: 10px;
margin: 0px;
}

div.newsitem h3 {
font-size: 14px;
}

div.newsitem p {
font-size: 12px !important;
line-height: 15px !important;
}

a.more {
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
font-size: 14px;
}

div.newsitem p.newsdate {
display: block;
width: 100%;
float: right;
text-align: right;
font-style: italic;
margin-top: 0px;
padding-bottom: 5px;
border-bottom: 2px solid gray;
}

/* end news box */


/* end main content box */

div#copyright {
width: 760px;
clear: both;
text-align: right;
font-size: 0.7em;
background-color: rgb(102,0,102);
color: white;
padding: 5px;
}

div#copyright a {
color: red;
font-weight: bold;
text-decoration: none;
}

/*admin stuff */
div#adminbox {
width: 750px;
position: relative;
top: -547px;
border-left: 220px solid rgb(192,219,219);
z-index: 0;
background-color: white;
padding: 10px;
}


h2 {
margin-left: 10px;
color: rgb(51,102,102);
}

p, ul, ol {
margin: 10px 10px 20px 10px;
font-size: 14px;
line-height: 22px;
}

ul {
margin-left: 70px;
}

ul li {
}

img.floatleft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
clear: left;
}

img.floatright {
float: right;
margin: 10px;
clear: right;
}

a {
color: rgb(102,0,102);
font-weight: bold;
text-decoration: none;
}

a:hover {
color: white;
background-color: rgb(102,0,102);
}

div.newsitem p.datestamp, div.maincolumn p.datestamp {
text-align: right;
font-style: italic;
font-size: 12px;
color: rgb(51,102,102);
}

div.maincolumn p.teaser {
font-style: italic;
font-size: 12px;
color: #666666;
}

div.maincolumn p.newsrange {
text-align: right;
font-size: 10px;
font-weight: bold;
color: rgb(51,102,102);
}

div.maincolumn p.newsnav {
text-align: center;
font-size: 11px;
font-weight: bold;
line-height: 1.4em;
}

p.newsnav a {
padding-left: 5px;
padding-right: 5px;
}


hr {
width: 70%;
color: rgb(51,102,102);
}