/* cranesnorth.css */ 

html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color: #cdbe70;
scrollbar-base-color: #fff; 
scrollbar-darkshadow-color: #fff;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#cdbe70;
scrollbar-shadow-color:#9370db;
}

body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
font: bold 85%/140% helvetica, arial, verdana, sans-serif; 
letter-spacing: .1em;
text-align: left;
color: #fff;
background: #699 url(aqua2.jpg) repeat;
}

h2, h4, h5, ul, li {
margin: 0;
padding: .5em 0;
}

h1 {
margin: 0;
padding: 1em 0 .5em;
font-size: 380%;
font-family: "lucida handwriting", "zapf chancery", cursive;
letter-spacing: .1em;
}

h2 {
font-size: 180%;
padding-bottom: 1.1em;
}

h3 {
margin: 0;
padding: 1em 0;
font-size: 150%;
}

h4 {
font-size: 120%;
}

h5 {
font-size: 100%;
}

p {
margin: 0;
padding: .5em 0 1em;
font-size: 100%;
}

img {
margin: 0;
border: 0;
}

/* classes */

.latin {
font-style: italic;
}

img.left {
float: left;
clear: none;
}

img.right {
float: right;
clear: none;
}

img.bullet {
margin: 0 1em 0 0;
}

.first {
padding-top: 1em;
}

/* pseudo-classes */

a:link, a:visited {
margin: 0;
padding: 0;
border-bottom: 1px dotted #800;
font-weight: bold;
text-decoration: none;
color: #000;
background-color: #cdbe70;
}

a:visited {
border-bottom-style: dashed;
}

a:hover, a:active {
margin: 0;
padding: 0;
border-bottom: 1px dashed #800;
font-weight: bold;
text-decoration: none;
color: #fff;
background-color: #800;
}

a:active {
color: #eee;
background-color: #69f;
}

/* IDs */

div#headerbox {
left: 0; top: 0;
}

div#header {
position: absolute;
left: 185px;
top: 70px;
padding: 2em 0 2em .5em;
width: 42em;
color: #cdbe70;
background-color: transparent;
}

#header p {
padding-left: 3em;
}

div#container {
clear: both;
margin: 0;
padding: 0;
width: 80%;
}

div#main {
margin: 0 2em;
}

#main h2 {
color: #800;
background-color: transparent;
}

div#footer {
font-weight: bold;
font-size: 90%;
color: #800;
background-color: transparent;
}

#footer p {
padding: 0 0 .5em 2em;
}