html {
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-color: #317082;
	font-size: 100.01%;
}

body {
	margin: 0;
	padding: 0;
	min-width: 700px;
	font-size: 0.9em;

}

a:link {color: #000}     /* unvisited link */
a:visited {color: #666}  /* visited link */
a:hover {color: #000}    /* mouse over link */
a:active {color: #000}   /* selected link */

h1 {
    font-size: 1.1em;
    margin: 0;
}

.tinytext {
    font-size: 10px;
}

.inlineheader {
    font-weight: bold;
}

.darkback {
	background-color: #e0e0e0;
}

.lightback {
	background-color: #ffffff;
}

.more {
    padding-top: 10px;
}

#bigcontainer {
	position: absolute;
	margin: 0 auto;
	padding: 0;
	background-color: #D2E8EE;
	left: 55px;
	right: 55px;
	top: 55px;
	min-height: 90%;
    /*height: 90%;*/
    /*bottom: 3%;*/
}

#mainbox {
	float: right;
	width: 80%;
	height: 98%;
	padding: 1%;
	padding-left: 0px;
	padding-bottom: 0px;
    /*overflow: auto;
    overflow-y: visible;*/

}

#menu {
	position: absolute;
	padding: 0;
	float: left;
	width: 18%;
	background-color: #68B0C6;
	height: 100%;
}

#menu ul {
    border: 0;
    padding: 0;
    margin: 0;
}

#menu li {
	list-style-type: none;
	font-family: arial, sans-serif;
	font-size: 1.3em;
	margin: 0;
	padding: 2px 0 0 0;
}

#menu a {
    display: block;
    text-decoration: none;
    margin: 0 0 2px 2px;
}

#menu a:visited {color: #000}

#menu li.current {
	background-color: #D2E8EE;
}

#menu li:hover {
	background-color: #D2E8EE;
}

#menu a.login {
    margin-top: 10%;
}

/* Start: About Us Box */
.aboutbox { background: url(images/nt.gif) repeat; }
.abouttop div { background: url(images/tl.gif) no-repeat top left; }
.abouttop { background: url(images/tr.gif) no-repeat top right; }
.aboutbot div { background: url(images/bl.gif) no-repeat bottom left; }
.aboutbot { background: url(images/br.gif) no-repeat bottom right; }

.abouttop div, .abouttop, .aboutbot div, .aboutbot {
    width: 100%;
    height: 7px;
    font-size: 1px;
}
.aboutcontent { margin: 0 7px; }
.aboutbox { 
    width: 100%;
    margin-bottom: 10px;
}
/* End: About Us Box */

/* Start: News Box */
.newsbox { background: url(images/nt.gif) repeat; }
.newstop div { background: url(images/tl.gif) no-repeat top left; }
.newstop { background: url(images/tr.gif) no-repeat top right; }
.newsbot div { background: url(images/bl.gif) no-repeat bottom left; }
.newsbot { background: url(images/br.gif) no-repeat bottom right; }

.newstop div, .newstop, .newsbot div, .newsbot {
    width: 100%;
    height: 7px;
    font-size: 1px;
}
.newscontent { 
    margin: 0 7px; 
}

.newscontent p {
    margin-top: -12px;
}
.newscontent h1 {
    margin-bottom: 11px;
}
.newsbox {
    width: 59%;
    float: left;
    margin-bottom: 10px;
}
/* End: News Box */

/* Start: Event Box */
.eventbox { background: url(images/nt-dark.gif) repeat; }
.eventtop div { background: url(images/tl-dark.gif) no-repeat top left; }
.eventtop { background: url(images/tr-dark.gif) no-repeat top right; }
.eventbot div { background: url(images/bl-dark.gif) no-repeat bottom left; }
.eventbot { background: url(images/br-dark.gif) no-repeat bottom right; }

.eventtop div, .eventtop, .eventbot div, .eventbot {
    width: 100%;
    height: 7px;
    font-size: 1px;
}
.eventcontent {
    margin: 0 7px;
}
.eventcontent p {
    margin-top: -12px;
}
.eventcontent h1 {
    margin-bottom: 11px;
}
.eventbox {
    width: 40%;
    float: right;
    margin-bottom: 10px;
}
/* End: Event Box */

/* Start: Further Questions Box */
.fqbox { background: url(images/nt-dark.gif) repeat; }
.fqcontent { background: url(images/nt-dark.gif) repeat; }
.fqtop div { background: url(images/tl-dark.gif) no-repeat top left; }
.fqtop { background: url(images/tr-dark.gif) no-repeat top right; }
.fqbot div { background: url(images/bl-dark.gif) no-repeat bottom left; }
.fqbot { background: url(images/br-dark.gif) no-repeat bottom right; }

.fqtop div, .fqtop, .fqbot div, .fqbot {
    width: 100%;
    height: 7px;
    font-size: 1px;
}
.fqcontent { margin: 0 7px; }
.fqbox {
    width: 100%;
    margin-bottom: 10px;
}
/* End: Further Questions Box */

/* Start: Left Chapter Box */
.leftchapterbox { background: url(images/nt.gif) repeat; }
.leftchaptertop div { background: url(images/tl.gif) no-repeat top left; }
.leftchaptertop { background: url(images/tr.gif) no-repeat top right; }
.leftchapterbot div { background: url(images/bl.gif) no-repeat bottom left; }
.leftchapterbot { background: url(images/br.gif) no-repeat bottom right; }

.leftchaptertop div, .leftchaptertop, .leftchapterbot div, .leftchapterbot {
    width: 100%;
    height: 7px;
    font-size: 1px;
}
.leftchaptercontent { margin: 0 7px; }
.leftchaptercontent p {
    margin-top: -0.2em;
}
.leftchaptercontent p.tinytext {
    margin-top: -1.5em;
}
.leftchaptercontent div {
    margin-top: 5px;
}
.leftchapterbox {
    width: 49%;
    float: left;
    margin-bottom: 10px;
}
/* End: Left Chapter Box */

/* Start: Right Chapter Box */
.rightchapterbox { background: url(images/nt.gif) repeat; }
.rightchaptertop div { background: url(images/tl.gif) no-repeat top left; }
.rightchaptertop { background: url(images/tr.gif) no-repeat top right; }
.rightchapterbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rightchapterbot { background: url(images/br.gif) no-repeat bottom right; }

.rightchaptertop div, .rightchaptertop, .rightchapterbot div, .rightchapterbot {
    width: 100%;
    height: 7px;
    font-size: 1px;
}
.rightchaptercontent { margin: 0 7px; }
.rightchaptercontent p {
    margin-top: -0.2em;
}
.rightchaptercontent p.tinytext {
    margin-top: -1.5em;
}
.rightchaptercontent div {
    margin-top: 5px;
}
.rightchapterbox {
    width: 49%;
    float: right;
    margin-bottom: 10px;
}
/* End: Right Chapter Box */

#moretonhall {
    margin: 2px;
    float: right;
    width: 250px;
}
.footerbox {
	background-image: url(images/nt.gif);
	background-repeat: repeat;
	float: right;
	height: 500px;
	width: 100%;
}
.footertop  div {
	background: url(images/tl.gif) no-repeat top left;
}
.footertop {
	background: url(images/tr.gif) no-repeat top right;
}
.footerbot div {
	background: url(images/bl.gif) no-repeat bottom left;
}
.footerbot {
	background: url(images/br.gif) no-repeat bottom right;
}
.footertop div, .footertop, .footerbot div, .footerbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.footercontent {
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
	height: 90%;
	width: 98%;
}