body {
/*margin: 10;*/
    padding: 0;

    /* text styles */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 67%;
	/*color: ;*/

    /* window background */
	background: #dddddd;
}

#page {
    display: block;
    min-height: 600px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    width: 950px;
    padding-bottom: 0em;
    margin: 0 auto;

    /* whole page */
    border: 1px solid #003d8b;

    /* page (below header) */
    background: white;
}

#header {
    width: auto;
    background: white;
    font-size: 0;
    vertical-align: middle;
    padding: 0px;
    border-bottom: 1px solid #003d8b;
}

/* Above the line */
#header #top {
    padding: 10px;
}

#header #logo {
    vertical-align: middle;
    border: 0;
}

#header #top #maintitle, #header #top #title {
	color: #003d8b;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
    margin-left: 20px;
    vertical-align: middle;

	/* NEEDS ATTENTION */
}

/* Navigation Items */
#mainmenu {
    position: absolute;
    margin-top: 93px;
    width: 850px;
    text-decoration: none;
}

#mainmenu .option a, #mainmenu .option-current a{
    /* needs to be explicitly set for IE */
    text-decoration: none;
    color: #663366;
}

#mainmenu .option a:hover, #mainmenu .option-current a:hover {
    color: black;
}

#mainmenu .option, #mainmenu .option-current {
    float: right;
    text-align: center;
    vertical-align: middle;
    padding: 5px;

    /* gap between tabs */
    margin-right: 5px;
    background-color: #dddddd;
    border-left:  1px solid #003d8b;
    border-right:  1px solid #003d8b;
    border-top:  1px solid #003d8b;
    border-bottom:  1px solid #003d8b;
    height: 15px;
}

#mainmenu .option-current {
    z-index: 500;

    background-color: white;
    border-bottom:  1px solid white;
}

/* .option:hover doesn't work in IE */
#mainmenu .option:hover, #mainmenu .option-current:hover {
    background-color: #eeeeee;
}

#mainmenu .option:hover a, #mainmenu .option-current:hover a {
    color: black;
}

#mainmenu .option .button, #mainmenu .option-current .button {
    border: 0px;
}

#mainmenu .option .caption, #mainmenu .option-current .caption {
    font-weight: bold;
    font-size: 90%;
    margin: 0px;
    padding: 0px;
}

/* optionWithButton could do with some work */
#mainmenu .optionWithButton a {
    /* needs to be explicitly set for IE */
    text-decoration: none;
    color: #663366;
}

#mainmenu .optionWithButton a:hover {
    color: black;
}
#mainmenu .optionWithButton {
    float: right;
    text-align: center;
    width: 70px;
    padding: 0px;
}
#mainmenu .optionWithButton .button {
    border: 0px;
}
#mainmenu .optionWithButton .caption {
    font-size: 90%;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
}

#maincontent {
    line-height: 1.4em;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin: 0px;
    min-width: 500px;
}

/* footer displays within the page, copyright below it */
#footer, #copyright {
    margin-left: 20px;
    margin-right: 20px;
    text-align:center;
    padding: 5px;
    font-size: 75%;
}

#footer {
    margin-top: 2em;
    color: gray;
}

#copyright {
    color: #003d8b;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: #003d8b;
	font-weight: normal;
	font-family:  Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 0px;
}

h2 a {
	color: #003d8b;
	text-decoration: none;
}

h2 a:hover {
	color: #003d8b;
}

h1 { font-size: 300%; }
h2 { font-size: 250%; }
h3 { font-size: 200%; }
h4 { font-size: 125%; }
h5 { font-size: 113%; }
h6 { font-size: 100%; }

hr {
    border: 1px solid #003d8b;
}