@import url("css/reset.css");
@import url("css/typography.css");


/* The Big Stuff */
body { margin: 0px; padding:0px; background-color: #840017; background-image: url('images/template/bg.jpg'); background-repeat: repeat-x; text-align: center; font-size: 62.5%; font-family: arial, sans-serif; }
div#body { width: 699px; text-align: left; margin: 0 auto 0 auto; }
div#header { position: relative; width: 699px; height: 102px; overflow: none; background: url('images/template/main_r1_c2.jpg') top left no-repeat; }
div#frame { background: #d6d4cf; }

/* Header (Logo, mainly)  */

div#header h1 { width: 10px; height: 10px; display: block; text-indent: -999em; background: url('images/logo.gif') top left no-repeat; float: left; }
div#header h1 a { width: 10px; height: 10px; display: none; }

/* Links */
a {
color:#840017;
text-decoration:none;
}
a:hover{
color:#000000;
text-decoration:underline;
}

/* Nav */
div#nav { height: 26px; width: 699px; background: url('images/template/navbg.gif') top right repeat-x; position: absolute; bottom: 0; left: 0; }
div#nav ul {  }
div#nav ul li { display: block; float: left; }
div#nav ul li a { border-right: 1px solid #762d41; display: block; float: left; height: 19px;  padding-top: 7px; color: white; font-size: 1.1em; font-weight: bold; padding-right: 8px; padding-left: 8px; }
div#nav ul li a:hover { text-decoration: none; }

div#nav ul li a:hover, div#nav ul li.selectedPage a { background: url('images/nav_on.gif') top repeat-x; }

/* Extras (Mainly things that are always hidden.) */
.hide { display: none; }
div.breadCrumb { display: none; }


/* Content */
body.home div#one { float: left; width: 331px; margin-top: 0; }
body.home div#two { float: right; width: 368px; text-align: center; }

div#welcome { margin-bottom: -22px; float: right; width: 368px; padding-bottom: 75px; background: url(images/template/paper-bottom.gif) no-repeat left bottom; }
div#welcome div.regionBoundary { margin-bottom: 22px; }
div#welcome div.container { height: 85px; width: 368px; background: url('images/template/welcome.jpg') top left no-repeat; }
div#welcome div.container h1.title { text-indent: -999em; }
div#welcome div.element { color: #666666; background: url('images/template/welcomebg.gif') top left repeat-y; padding-left: 25px; font-weight: bold; padding-right: 30px; }

/*
div#qualification { margin-top: 0; width: 368px; float: right; }
div#qualification div.textElement a { display: block; width: 368px; height: 75px; background: url('images/template/view.jpg') top left no-repeat; text-indent: -999em; }
div#qualification div.textElement a:hover { background: url('images/template/viewover.jpg') top left no-repeat; }
*/

/* Text Elements */
div.textElement { font-size: 1.6em; line-height: 1em; }

/* Inside */
body.inside div#frame { background: #f4f4ea; }

body.inside div.title { width: 699px; height: 53px; background: url('images/template/titlebg.gif') top left no-repeat; margin-bottom: 15px; }
body.inside div.title h1 { font-size: 2.2em; color: #840017; padding-left: 40px; padding-top: 7px; font-weight: bold; }

body.inside div.textElement h1.title { font-size: 2.4em; }

body.inside div#main { margin-right: 30px; margin-left: 30px; }

/* Footer */
div#footer { clear: both; width: 699px;  background: white; border-top: 12px solid #840017; text-align: center; font-size: 1.2em; padding-top: 10px; padding-bottom: 10px;}
div#footer a { color: #840017; }
div#footer a:hover { color: black; text-decoration: underline; }
div#footer ul { margin-bottom: 5px; }
div#footer ul li { display: inline; }
div#footer ul li a { display: inline; color: #840017; border-right: 1px black solid; margin-right: 2px; padding-right: 4px; }
div#footer ul li.last a { border-right: 0; padding-right: 0; margin-right: 0; }
div#footer div { }

/* Admin */
body.editing div#main { width: 85%; margin-left: 7%; }
body.editing h2 { font-size: 1.6em; margin: 12px 0 12px 0; }

/* IE6 Fix */