/*The html height and margin setting keep the right scrolling bar present, so that your site won't keep shifting it's horizontal placement between short and long pages */
html {height: 100%; margin-bottom: 1px}
body {margin: 0; padding: 0; background: url(/images/background.gif) bottom repeat-x #99c4d8 fixed; color: #000; text-align: left; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;}
/* for browsers that don't properly implement inheritance */
p, li, ul, ol, td, textarea, input, select, font {font-family: Verdana, Helvetica, sans-serif; font-size: 12px;}
p, li, ul, ol {text-align: left; }
img {border: 0;}
td {vertical-align: top; padding: 0; margin: 0;}
form {margin: 0; padding: 0;}

p, h1, h2, h3 {margin: 1em 0;}
h1, h2, h3 {color: #3e6b81;}
h1 {font-size: 14px;}
h1 {font-size: 14px;}
h2 {font-size: 12px;}
h3 {font-size: 12px;}
h4, h5, h6 {font-size: 12px;}

a {color: #3e6b81;}
a:hover {text-decoration: none;}

.left {float: left; margin: 0 10px 10px 0;}
.center {text-align: center;}
.right {float: right; margin: 0 0 10px 10px;}
.caption {font-size: 10px; text-align: center;}
.border {border: 1px solid #333;}
.alt {display: none;}
.alert {font-weight: bold; color: #f00;}
.topphoto {border: 1px black solid; margin-right: 10px; margin-bottom: 10px;}
.listp {margin-bottom: 0;}
.testimonials {text-align: right; margin-top: 0; margin-bottom: 15px; padding-bottom: 10px}

#nav {border-right: solid black 1px; padding-right: 30px;}
#nav ul {list-style: none; margin-top: 0;}
#divider {text-align: center; padding: 20px 0;}
#content {width: 600px; padding-left: 40px;}
#content h1 {margin-top: 7px;}
#content ul {margin-top: 0; list-style: square;}
#logo {padding: 25px 10px 0 30px;}
#main {margin-top: 20px;}
#quote p {margin-top: 0;}
#photos {position: absolute; left: 570px; top: 20px;}
#footer {text-align: right; font-size: 9px;}

a.word {background: url(/images/icons/word.gif) no-repeat left center; padding: 3px 0 3px 18px; font-weight: bold;}