/*
CSS for Ian Burns site menu pages
*/

* {border:1px;}

body {
font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
color: grey;
}

strong {
color: teal;
font-weight: normal;
font-style: italic;
}

menu {
padding-bottom: 30px;
border-bottom: 1px gray;
margin-bottom: 10px;
}

hr {
border: 0;
color: grey;
background-color: grey;
height: 1px;
width: 100%;
}

.black {
text-decoration: underline;
}

#header {
font-size: xx-large;
font-weight: bold;
color: teal;
}

#subhead {
color: teal;
font-weight: normal;
font-size: x-large;
width: 100%;
}

#caption {
color: grey;
font-size: small;
fontweight: normal;
}

#instruction {
color: grey;
font-size: small;
fontweight: normal;
font-style: italic;
}

#sitebrand {
color: grey;
font-size: small;
fontweight: normal;
}

#cright {
color: grey;
font-size: small;
}

a {
text-decoration: none;
}

a:link {
color: grey;
}

a:visited {
color: grey;
}

a:hover {
color: blue;
text-decoration: none;
}


#navigation, #header, #sitebrand, #cright, #pic1 img, #thumb, #content1, #content2, #content3, #navlocal {
position: absolute;
}

#header {
width: 200px;
height: 40px;
}

#sitebrand {
width: 200px;
height: 15px;
top: 40px;
}

#navigation {
width: 400px;
height: 40px;
left: 300px;
}

#cright {
width: 200px;
height: 15px;
top: 40px;
left: 800px;
}

#pic1 img {
max-width: 500px;
max-height: 450px;
top: 120px;
left:250px;
}

#thumb {
width: 700px;
top: 60px;
left: 250px;
}

#content1 {
width: 850px;
top: 60px;
left: 250px;
}

#content2 {
width: 850px;
top: 140px;
left: 150px;
}

#content3 {
width: 700px;
top: 150px;
left: 120px;
}