/* ========== House Style ============== 

Colours:
Dark: 	#E1D3F9;
Light: 	#EDE4FC;

/* ========== Hyperlink Style ========== */

a:link{
 color: #0000FF;
 text-decoration: none;
}

a:visited{
 color: #800080;
 text-decoration: none;
}

a:hover{
 color: #FF0000;
 text-decoration: none;
}


/* ========== Navigation Bars ========== */

#topnav{
 height: 55px;
 background: url(bar.jpg) no-repeat;
 border-bottom: 1px solid #C0C0C0;
}

#MainNav{
 width: 160px;
}

/* ========== Content Styles ========== */

#content{
 background-color: #FFFFFF;
 margin-left: 165px;
 margin-right: 15px;
}


#content p, dl{
 font-family: sans-serif;
 font-size: 80%;
 text-align: left;
 margin: 7px 10px 10px 0px;
}



#content h1{
 font-family: sans-serif;
 font-size: 120%;
 color: black;
 padding: 0;
 margin: 20px 0px;
}

#content h2{
 font-family: sans-serif;
 font-size: 100%;
 color: #000000;
 padding: 0;
 font-weight: 600;
 margin: 30px 0px 10px 0px;
}

#content h4{
 font-family: sans-serif;
 font-size: 90%;
 font-style: italic;
 color: #000000;
 padding: 0;
 font-weight: 600;
 margin: 10px 0px;
}

#content hr{
 border: 1px dashed #C0C0C0;
 width: 100%;
}

#content li{
 margin: 10px 0px;
 }
 
#content li.level1{
 margin: 10px 0px;
 font-size: 80%;
}

#content li.level2{
 font-size: 120%;
}

#content li.level3{
 font-size: 140%;
}


#content ul{
 font-size: 80%;
}
#content ul.level2{
 font-size: 100%;
}

#content ul.level3{
 font-size: 100%;
}



h1.title{
 font-family: sans-serif;
 font-size: 230%;
 color: #000000;
 padding-top: 5px;
 margin: 0;
 text-align: center;
}


p.notes{
 font-family: sans-serif;
 font-size: 75%;
 text-align: center;
}

/* ========== Footer Style ========== */

#footer{
 border-top: 1px solid #C0C0C0;
 background: url(bar.jpg) no-repeat;
 color: #FFFFFF;
 clear: both;
}

#footer p{
 font-family: sans-serif;
 padding: 5px;
 margin: 0;
 font-size: 70%;
 color: #000000;
}



/* ========== Document Layout ========== */

body{
 color: black;
 font-family: sans-serif;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 100%;
 overflow-x: auto;
 overflow-y: auto;
 overflow: scroll;
}

#wrapper{
 width: 750px;
 background: url(main-bkg.jpg) repeat;
 margin: 10px auto 0px auto;
 border: 1px solid #C0C0C0;
 text-align: left;
}


#leftnav{
 margin-left: 5px;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 150px;
 height: auto;
 float: left;
}

.container{
 width: 97%; 
 float: right;
}


/* ========== Navigation Style ========== */

#MainNav {
 background: url(left-repeat.jpg) repeat-y;
}


#MainNav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: left;
 font-family: sans-serif;
 font-weight: 600;
}

#MainNav a:visited  {
 text-decoration: none;
}

#MainNav a {
 text-decoration: none;
}



#MainNav li.menu1 a {
 display: block;
 width: 147px;
 line-height: 22px;
 padding: 3px;
 padding-left: 5px;
 border: none;
 font-size: 80%;
 background-color: none;
 color: #2B1166;
}

#MainNav li.menu1 a:hover{
 border: none;
 color: #2B1166;
 background: url(hover.jpg) no-repeat;
}


#MainNav li.menu1current {
 display: block;
 width: 147px;
 line-height: 22px;
 padding: 3px;
 padding-left: 5px;
 border: none;
 font-size: 80%;
 background: url(current.jpg) no-repeat;
 color: #2B1166;
}