@charset "utf-8";
/* CSS Document */

html { /* this rule forces a vertical scrollbar to avoid page shift in Firefox */
min-height: 100%; 
margin-bottom: 1px;
}

body {
margin: 0;
padding: 0;
background-image: url(images/background.jpg); /* This image is 1280 pixels wide, for those using hi-res desktops */
background-repeat: no-repeat;
background-position: center top; /* We must centre this image in the browser so that it works for users with screen resolutions below 1280px (i.e. most of them). No scrolling will occur. */
text-align: center; /* NB IE hack, #container realigns to "left" */
font-family: Georgia, serif;
}

#container {
text-align: left; /* IE hack */
width: 760px;
height: 640px;
margin: auto;
}

#content {
padding: 20px;
width: 500px;
float: left; /* putting a 'float:left' on this div and the column div makes them sit side by side */
}

#column {
padding: 20px;
width: 170px;
float: left;
}

#welcome {
background-image: url(images/welcome-box.jpg); background-repeat: no-repeat;
padding: 16px 10px 10px 10px;
}

p, ul, blockquote {
color: #555555;
font-size: 0.8em;
line-height: 1.7em;
}

img {
border: none;
}

#header {
height: 140px;
}

#nav {
height: 38px;
width: 740px;
padding: 10px;
}

#nav ul {
font-size: 1em;
list-style-type: none;
padding: 0;
margin: 0;
}

#nav li {
float: left;
margin-right: 5px;
}

#nav a {
height: 38px;
width: 100px;
display: block;
text-decoration: none;
text-indent: 5px;
color: #336666;
padding: 0px;
}

#nav a:hover {
color: #660033;
text-decoration: underline;
}

#nav a:active {
color: #333399;
}

h1 { /*use for story titles */
color: #666666;
font-size: 1.1em;
margin: 0px;
padding: 0px;
}

h2 { /* use this for little section headers */
font-family: Geneva, Arial, Helvetica, sans-serif;
border-bottom: solid 1px #CCCCCC;
color: #660033;
font-size: 0.7em;
text-transform: uppercase;
}

h3 { /* use this for dates */
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #999999;
font-weight: normal;
font-size: 0.7em;
text-transform: uppercase;
margin-top: 3px;
padding: 0px;
}

p a {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
text-decoration: none;
}

p a:link {
color: #336666;
}

p a:visited {
color: #336666;
}

p a:hover {
color: #660033;
}

p a:active {
color: #660033;
}

.columnlink {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: 0px;
margin-bottom: 7px;
padding: 0px;
line-height: 1.4em;
text-decoration: none;
}

.subhead { /* use for article subheads */
color: #660033;
font-weight: bold;
}

.header { /* use to position "mulberry promenade" header */
margin-top: 100px;
margin-left: 13px;
}

.imageleft { /* use to float an image to the left */
float: left;
}

.thumbbox {
background-image: url(images/welcome-bg.gif);
height: 82px;
width: 144px;
margin-bottom: 10px;
padding: 8px;
float: left;
}

.thumbboxmiddle {
background-image: url(images/welcome-bg.gif);
height: 82px;
width: 144px;
margin-left: 10px; margin-right: 10px; margin-bottom: 10px;
padding: 8px;
float: left;
}

.thumbpic {
overflow: hidden;
height: 82px;
width: 144px;
margin: 0;
padding: 0;
}

.caption {
font-size: 0.7em;
line-height: 1.5em;
font-style: italic;
padding: 0px;
margin: 3px 0px 0px 0px;
}

#flashcontent1 {
height: 100px;
font-size: 0.9em;
width: 486px;
margin-bottom: 5px;
background-color: #CCCCCC;
}

#flashcontent2 {
height: 60px;
font-size: 0.9em;
width: 468px;
margin-bottom: 5px;
background-color: #CCCCCC;
}

#webbanner {
}