body{
margin: 20px 0px 20px 0px;
background: #8c8c8c;
background-position:center;
font: 0.7em "trebuchet ms";
color: #626366;
voice-family: female;
speech-rate: medium;
speak-punctuation: code;
speak-numeral: continuous;
pause: 20ms;
/*height: 100%;*/
}

hr {
color: #FFFFFF;
height: 1px;
padding: 0px;
margin: 0px;
}

/* Header Tags - remember we are using the h5 tags for navigation!!! */

h1 {
font: 2.0em "trebuchet ms";
color: #FF0000;
padding: 0px 0px 0px 30px;
margin: 0px 0px 10px 10px;
background: url(../UserFiles/Image/Template/h1Arrow.gif) no-repeat top left;
}

h2 {
font: bold 1.1em "trebuchet ms";
color: #000000;
padding: 0px 0px 0px 30px;
margin: 0px 0px 10px 10px;
background: url(../UserFiles/Image/Template/h1Arrow.gif) no-repeat top left;
line-height: 1.75em;
}

/* Main Navigation - Works with Nav Link Style */
h3, H3 {
font: bold 1.1em "trebuchet ms";
color: #000000;
padding: 0px;
margin: 0px;
line-height: 1.75em;
}

div#wrapper {
position:absolute;
left: 50%;
width: 800px;
margin-left: -400px;
text-align:left;
}

div#wrapperHeader {
position: absolute;
width: 800px;
height: 168px;
background: #FFFFFF;
}

div#wrapperHeaderLogo {
float: left;
position: absolute;
top: 28px;
left: 475px;
width: 209px;
height: 70px;
}

div#wrapperStudentLogin {
position: absolute;
top: 0px;
left: 40px;
width: 77px;
height: 20px;
}

div#wrapperMainNavigation {
position: absolute;
top: 126px;
width: 800px;
background: #FFFFFF;
height: 75px;
}

div#coursesSubNavigationImage {
position: absolute;
top: 158px;
left: 0px;
z-index: 10;
}

div#wrapperRSS {
position: absolute;
top: 126px;
width: 800px;
background-color: #FFFFFF;
vertical-align: top;
padding: 10px 0px 0px 0px;
}

div#wrapperBody, div#wrapperBodygrouptwo {
position: absolute;
top: 185px;
width: 800px;
background: #FFFFFF url(../UserFiles/Image/Template/groupTwo.jpg) bottom no-repeat;
vertical-align: top;
padding: 0px 0px 20px 0px;
line-height: 1.75em;
}

div#wrapperBodygroupthree {
position: absolute;
top: 185px;
width: 800px;
background: #FFFFFF url(../UserFiles/Image/Template/groupThree.jpg) bottom no-repeat;
vertical-align: top;
padding: 0px 0px 0px 0px;
line-height: 1.75em;
}

div#wrapperBodygroupbg {
position: absolute;
top: 185px;
width: 800px;
background: #FFFFFF url(../UserFiles/Image/Template/groupBG.jpg) bottom no-repeat;
vertical-align: top;
padding: 0px 0px 0px 0px;
line-height: 1.75em;
}

div#wrapperBodysinglewoman {
position: absolute;
top: 185px;
width: 800px;
background: #FFFFFF url(../UserFiles/Image/Template/singleWoman.jpg) bottom no-repeat;
vertical-align: top;
padding: 0px 0px 0px 0px;
line-height: 1.75em;
}

div#wrapperMainContent {
float: left;
position: relative;
background: #FFFFFF;
border-left: 1px dotted #D6AE15;
z-index: 10;
}

div#wrapperPageImage {
position: absolute;
bottom: 0px;
width: 800px;
background-color: #FFFFFF;
vertical-align: top;
padding: 10px 0px 0px 0px;
z-index: 5;
}

div#wrapperFooter {
clear: both;
position: absolute;
bottom: -20px;
background: transparent;
text-align: center;
color: #000000;
/*border-top: 20px solid #FFFFFF;*/
}

div#wrapperLinkButton {
position: absolute;
bottom: 10px;
right: 145px;
}

div#wrapperSpacer {
position: relative;
height: 10px;
}

div#wrapperNewsHeadlines {
width: 200px;
padding: 0px 0px 0px 40px;
}

/* Page Content Templates */

.threeColLeft {
padding: 0px 0px 200px 0px;
}

.threeColRight {
padding: 0px 0px 100px 0px;
}

.threeColCentre {
padding: 0px 0px 20px 0px;
}

.TwoColLeft {
padding: 0px 30px 200px 10px;
}

.TwoColLeftSubNav {
padding: 0px 0px 200px 0px;
}

.TwoColRight {
padding: 0px 0px 100px 0px;
}

/* 3 Column Template */

.threeColLeft p {
padding: 0px 0px 10px 40px;
}

.threeColCentre p {
padding: 0px 20px 10px 40px;
}

.threeColRight p {
padding: 0px 20px 10px 40px;
}

/* 3 Column Template */

.TwoColLeft H3 {
font: bold 1.1em "trebuchet ms";
color: #000000;
padding: 0px 0px 0px 40px;
margin: 0px;
line-height: 1.75em;
}

.TwoColLeft p {
padding: 0px 0px 10px 0px;
}

.TwoColRight p {
padding: 0px 0px 10px 0px;
}

.TwoColLeftWithH1 p, .TwoColLeftWithH1 h4, .TwoColLeftWithH1 h3 {

padding: 0px 20px 10px 40px;
}

.TwoColRightWithH1 p, .TwoColRightWithH1 h4, .TwoColRightWithH1 h3 {
padding: 0px 20px 0px 40px;
}

.TwoColLeftWithH1 {
padding: 0px 0px 200px 0px;
}

div#wrapperThreeColRight p, div#wrapperTwoColRight p {
padding: 0px 5px 0px 0px;
}

.newsArchiveTD {
padding: 0px 30px 0px 40px;
}

/* Footer CSS Split - we use 2 cols one with (C) one with designed by */

.footerLeft {
position: relative;
float: left;
width: 500px;
text-align: left;
}

.footerRight {
position: relative;
float: right;
width: 295px;
text-align: right;
}

/* Sub Navigation */

div#navigation, div#navigationImage {
text-align: left;
width: 800px;
}

div#navigation ul, div#navigationImage ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#navigation li, div#navigationImage li {
display: inline;
margin: 0px;
padding: 0px;
}

div#navigation a, div#navigationImage a{
padding: 5px 0px 5px 0px;
text-decoration: none; /*lets remove the link underlines*/
}

div#navigation a:link, div#navigation a:active, div#navigation a:visited,div#navigationImage a:link, div#navigationImage a:active, div#navigationImage a:visited {
color: #000000;
}

div#navigation a:hover {
color: #D6AE15;
}   

.active {
color: #D6AE15;
font-weight: bold;
}

.mainActive {
color: #D6AE15;
font-weight: bold;
}

/* Image Based Sub Navigation */

div#navigationImage a:hover {
background: #FFFFFF;
color: #49176D;
} 

/* Modified Sub Navigation */
div#wrapperSubNavigationSections {
float: left;
text-align: left;
width: 120px;
}

div#wrapperSubNavigationSections ul, div#wrapperSubNavigationSections ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#wrapperSubNavigationSections li, div#wrapperSubNavigationSections li {
display: block;
margin: 0px;
padding: 0px;
}

div#wrapperSubNavigationSections a, div#wrapperSubNavigationSections a{
width: 100px;
display: block;
padding: 3px 0px 3px 10px;
text-decoration: none; /*lets remove the link underlines*/
}

div#wrapperSubNavigationSections a:link, div#wrapperSubNavigationSections a:active, div#wrapperSubNavigationSections a:visited {
color: #626366;
}

div#wrapperSubNavigationSections a:hover {
background: url(../UserFiles/Image/Template/subNavMO.gif) no-repeat left;
color: #000000;
}

.subSectionActive {
background: url(../UserFiles/Image/Template/subNavMO.gif) no-repeat left;
color: #000000;
font-weight: bold;
}

/* Modified Sub Navigation for Pages */

div#wrapperSubNavigationPages {
float: right;
text-align: left;
width: 160px;
}

div#wrapperSubNavigationPages ul, div#wrapperSubNavigationPages ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#wrapperSubNavigationPages li, div#wrapperSubNavigationPages li {
display: block;
margin: 0px;
padding: 0px;
}

div#wrapperSubNavigationPages a, div#wrapperSubNavigationPages a{
padding: 5px 0px 5px 10px;
text-decoration: none; /*lets remove the link underlines*/
}

div#wrapperSubNavigationPages a:link, div#wrapperSubNavigationPages a:active, div#wrapperSubNavigationPages a:visited {
color: #000000;
}

div#wrapperSubNavigationPages a:hover {
background: url(../UserFiles/Image/Template/subNavMO.gif) no-repeat left;
color: #FF0000;
}

.subPageActive {
background: url(../UserFiles/Image/Template/subNavMO.gif) no-repeat left;
color: #FF0000;
}

/* Modification for Lecturers */

div#wrapperLecturerImage {
float: right;
text-align: left;
width: 170px;
}

/* Main Body Styles */

.imageLeft {
float: left;
width: 125px;
}

.imageText {
left: 125px;
width: 287px;
}
/* Class Link Styles */

a:link, a:visited, a:active {
color: #FF0000;
text-decoration: none;	
}

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

/* Image Mouseover Link Styles */

.mouseover a:link, .mouseover a:visited {
color: #67A14D;
text-decoration: underline;	
padding: 0px;
margin: 0px;
}

/* Class Header Styles */

div#wrapperMainContent h1 {
font-size: 1.2em;
color: #333333;
}

div#wrapperMainContent h2 {
font: bold 1.0em "trebuchet ms";
color: #000000;
}

/* Class Form Styles */

input, select {
font-size: 0.75em;
border: 1px solid #000000;
padding: 3px;
}

.text2 {
font-size: 1.0em;
border: 1px solid #000000;
padding: 3px;
}

.std_button {
font: bold 1.0em "Trebuchet MS";
color: #FFFFFF;
background: #FF0000;
border: 1px solid #000000;
padding: 2px;
}

.stdImageButton {
border: 0px;
padding: 2px;
}

/* RSS Stuff */
div#rss a:link, div#rss a:active, div#rss a:visited {
color: #000000;
text-decoration: none;
}

div#rss a:hover {
color: #D6AE15;
text-decoration: underline;
}

div#wrapperNewsHeadlines a, wrapperNewsHeadlines a:link, wrapperNewsHeadlines a:visited, wrapperNewsHeadlines a:active,
.newsLink a, .newsLink a:link, .newsLink a:visited, .newsLink a:active {
background: url(../UserFiles/Image/Template/more.gif) no-repeat left;
color: #FF0000;
text-decoration: none;
padding: 5px 0px 5px 20px;
}

div#wrapperNewsHeadlines a:hover, .newsLink a:hover {
background: url(../UserFiles/Image/Template/more2.gif) no-repeat left;
color: #FF0000;
text-decoration: underline;
padding: 5px 0px 5px 20px;
}

/* SSL Form */
.formHeading {
font: bold 1.1em "trebuchet ms";
color: #FF0000;
padding: 0px;
margin: 0px;
line-height: 1.75em;
}