/* This stylesheet was created in part by StrangeBanana (http://www.strangebanana.com).
Thanks, guys!*/

/* ---------Basic layout values--------- */

body
{
background-color: #DFECF4;
font-family: Georgia, serif;
font-size: 13px;
margin: 2% 2% 2% 2% ; 

/* The margin values prevent all the stuff getting squished to the side */

}

#content /* It's the big content box*/
{
font-size: 97%;
background-color: #DFECF4;
color: rgb(0,0,0);
padding: 10px 30px 10px 30px; /* Don't mess with the padding! */
text-align: left;

}

#menu /* i.e. the thing with all the colored link-buttons*/
{
background-color: #DFECF4;
font-family: Georgia, serif;
}

#logo /* the header at the top */
{
font-size: 163%;
background-color: #DFECF4;
padding-top: 9px;
padding-right: 9px;
text-align: right;
}

/* ---------More esoteric layout stuffs--------- */
#menu		{width: 21%; position: relative; top: 0; right: 0; float: right; text-align: center;}
.menuitem		{width: auto;}
.linkbox		{width: auto;}
#content		{margin-right: 21%; width: auto;}
.menuitem		{display: block;}
.linkbox		{display: block;}
.homebox		{display: block;}
.subbox			{display: block;}

/* ---------Link display--------- */

a.menuitem /* The items in the side right menu*/
{
font-size: 100%;
background-color: #576D7C;
color: #DFECF4;
text-transform: none;
font-weight: normal;
margin-left: 0px; margin-right: 12px; margin-top: 12px; margin-bottom: 12px; /*impt*/
text-align: center;
padding: 10px;
}

a.linkbox /*The box that leads to the link section, cos it's special*/
{
font-size: 100%;
background-color: #788D9C;
color: #DFECF4;
text-transform: none;
font-weight: bold;
margin-left: 0px; margin-right: 12px; margin-top: 12px; margin-bottom: 12px;
text-align: right;
padding: 15px;
border: 1px solid #788D9C;
}

a.homebox /*The box that leads to the home page*/
{
background-color: #DFECF4;
color: #788D9C;
border: 1px solid #576D7C;
text-transform: none;
font-weight: bold;
margin-left: 0px; margin-right: 12px; margin-top: 12px; margin-bottom: 12px;
text-align: right;
padding: 10px;
}

a.subbox /*The box in which subheadings are displayed*/
{
background-color: none;
color: #788D9C;
border-left: 0px solid #576D7C;
border-right: 2px solid #576D7C;
border-bottom: 2px solid #576D7C;
border-top: 2px solid #576D7C;
text-transform: none;
font-weight: bold;
margin-left: 0px; margin-right: 0px; margin-top: 12px; margin-bottom: 12px;
text-align: right;
padding: 5px;
width: 50%;
}

#content a /*The actual content bit*/
{
color: #576D7C;
text-decoration: none;
}

#content img
{
border: 1px #576D7C solid;
}

#menu img
{
border: 0px solid black;
}

#content a:hover, #content a:active
{
color: #788D9C;
}

.menuitem:hover
{
/* background-color: rgb(140,113,14);
color: rgb(210,191,176); */
background-color: #788D9C;
color: #E4F0F8;
}

.linkbox:hover
{
/* background-color: rgb(140,113,14);
color: rgb(210,191,176); */
background-color: #DFECF4;
color: #788D9C;
border: 1px solid #576D7C;
}

.homebox:hover
{
/* background-color: rgb(140,113,14);
color: rgb(210,191,176); */
background-color: #788D9C;
color: #E4F0F8;
}

#logo a
{
text-decoration: none;
}

/* ---------Headers--------- */


h1, h2, h3, h4, h5, h6
{
font-family: Georgia, serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
}

h1
{
font-size: 150%;
color: #576D7C;
border-bottom: 2px solid #788D9C;
padding-bottom:5px;
padding-top:5px;
}

h2
{
font-size: 115%;
}

h3
{
font-size: 107%;
}

h4
{
font-size: 99%;
}

h5
{
font-size: 91%;
}

h6
{
font-size: 83%;
}

#menu a
{
text-decoration: none;
}

/* ---------Printing stuff--------- */

@media print
{
#menu       {display: none;}
#content    {padding: 0px;}
}