/* background is #636; beetroot is #450045; pink is #c06; green is #0c3 */

body {
margin: 75px 75px 0 75px;
padding: 0;
background: #431841;
font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/* General Typography */
h1 { margin: 0; padding: 0; font-weight: normal; font-size: 2em; }
h2 { margin: 0; padding: 0; font-weight: normal; font-size: 1.2em; }
h3 { margin: 0; padding: 0; font-weight: normal; font-size: 1.2em; }
h4 { margin: 0; padding: 0; font-weight: normal; font-size: 1.5em; }
p, li { margin: 0; padding: 0; font-size: 0.8em; }
a { color: #c06; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Span Classes */
.bold { font-weight: bold; }
.beetroot { color: #450045; }
.pink { color: #c06; }
.clear { clear: both; }
.clearright { clear: right; }
.offleft { position: absolute; left: -999px; width: 990px; visibility: hidden; }
.noborder { border: none; }
.inlinepic { margin: 0 10px; border: 0; }


/* Control */
#wrapper { margin: 0; padding: 0; background: #fff url(/assets/beetroot_bg.jpg) no-repeat top center; }
#wrapper a:hover, #wrapper #maincontent h1, #wrapper #maincontent h3, #right h4 { color: #636; }

#header {
margin: 0;
padding: 0; 
border: 0;
height: 100px;
}
#header img { margin: 0; padding: 0; border: 0; display: block; }
#header h1 { margin: 0; padding: 5px 20px; font-family: Times New Roman, Times Roman, serif; font-style: italic; font-size: 5em; color: #450045; }

#mainnav {
margin: 0; 
padding: 0;
border-top: 20px solid #450045; 
color: #fff;
height: 30px;
position: relative; 
top: 0;
font-family: Times New Roman, Times Roman, serif; 
font-style: italic; 
background: #636; 
display: block; 
}
#mainnav ul {
margin: 0;
padding: 0;
}
#mainnav ul li {
list-style: none;
display: inline; 
font-size: 1em;
height: 27px; 
}
#mainnav ul li a {
margin: 0;
padding: 5px 20px 0 20px;
text-decoration: none;
color: #fff;
font-weight: normal;
display: block; 
height: 25px; 
float: left; 
}
#mainnav ul li a:hover { 
color: #c06; 
}

li a.current { text-decoration: none; background: #450045; }

#maincontent {
margin: 0; 
padding: 0; 
color: #450045;
}
#maincontent h1 { margin: 0; padding: 10px 340px 0 20px; }
#maincontent h2 { margin: 0; padding: 0 340px 15px 20px; font-family: Times New Roman, Times Roman, serif; font-style: italic; color: #c06; }
#maincontent h3 { margin: 0; padding: 0 340px 0 20px; }
#maincontent p { padding: 0 340px 15px 20px; }
#maincontent ul { list-style: disc inside; margin-top: 0; margin-left: -10px; }

#right { margin: 0; padding: 0 20px 0 0; float: right; width: 280px; text-align: right; }
#right img { padding: 20px 20px 0 0; }
#right h4 { margin: 10px 20px; font-family: Times New Roman, Times Roman, serif; font-style: italic; }
#right p { margin: 0 20px; padding: 0; }
#right a { margin: 0; padding: 0; color: #999; }
#right a:hover { color: #f00; }

#footer { clear: both; height: 1.5em; text-align: right; font-family: Times New Roman, Times Roman, serif; font-style: italic; border-top: 1px solid #636; }
#footer ul { margin: 0; padding: 5px 5px 5px 0; height: 30px; }
#footer ul li { list-style: none; display: inline; padding-left: 2px; color: #636; }
#footer ul li a { text-decoration: none; color: #636; padding: 5px ; }
#footer ul li a:hover { text-decoration: underline; color: #c06; }
#footer ul li.dateline { margin-right: 15px; }