/*These are the styles that can be overwritten by the site owner's (or visitor's) choices.*/
/*If this is required, you must copy these styles below*/
body {background: #CC0000;}
#header {background: #000000;}
#menu {background: #CC3300;}
#menu ul.mainmenu a {color: #993300;}
#wrapper {background: #FF7777;}
#rightcolumn, #leftcolumn {color: #990000;}
#rightcolumn a, #leftcolumn ul a {color: #0000CC;}
#rightcolumn h1, #leftcolumn form {background: #F21112;}
#footer {background: #F21112;}


/****************** Paul wanted this to use the simpler template from 4/8/2008 as the left nav template isn't really necessary ******************/
/*I did this by absolutely moving the menu to the top of the left column, by taking out of the normal flow of the page,*/
/*changing the colours and padding, displaying it vertically, and putting some space at the top of the left column for it to fit in.*/
#menu {text-align: left; background: none; border: 0;}
#menu ul.mainmenu {position: absolute; margin-top: 40px; padding: 5px 21px;}
#menu ul.mainmenu li {display: block; border: 0; padding: 0; line-height: 1.5em;}
#menu ul.mainmenu li ul {display: block; position: static; width: auto; left: auto; border:0; padding-left: 20px;}
#menu ul.mainmenu li ul li {text-align: left; width: auto; border: none;}
#menu ul.mainmenu li a {color: blue;}
#leftcolumn form {margin-bottom: 230px;} /*So that the management and other links are below all the stuff above*/