/* CSS Document */

/*Style sheet for the 2 column static template*/

/*This style effects virtually everything within page, as all the page content sits within the body tag*/
BODY {PADDING: 0; MARGIN: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background:   url(../images/background.gif) repeat;}

/*This box contains the main navigation and main page content*/
.container {
	margin: 0 auto;
	width: 741px;
	padding: 0;
	border-right: solid 1px #cccccc;
	background-color: #FFFFFF;
}

/*This is the bar that runs across the very top of the website*/
.topBar {height: 92px; background: #333399; }
/*This is for the positioning of the university logo*/
.logo {padding: 5px 0px 5px 5px; float: left;}
/*This hides the logo that is only used for printing*/
.printLogo {display: none;}
/*This is the box for the website title (H1) which sits in the very top right corner*/
.header {height: 90px; width: 515px; background-image: url(../images/banner.jpg); background-position: right top; background-repeat: no-repeat;}
/*sets the text size for the h1 text, main heading top right hand corner*/
.header h1 {font-size: 135%; text-align: right; padding: 0.8em 0.2em 0 0; margin: 0; line-height: 1.1em; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}
.header h2 {font-size: 75%; text-align: right; padding: 1em 0.2em 0 0; margin: 0; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}
.cmcrHeader {font-size: 140%}

.menu {	color: #ffffff; background-color: #ffffff;}

/*The widths of columnOne and columnTwo should add up to 740px , column one is for the main navigation*/
.columnOne {FLOAT: left; WIDTH: 365px; PADDING: 0; margin: 0; overflow: visible; COLOR: #333333; background-color: #ffffff;}
.columnOne h2 {font-size: 80%; font-weight: bold; margin: 5px 0px; padding: 3px 30px; color: #333399; text-align: left; background:  url(../images/h2bar.gif) no-repeat; background-position: center left ;}
/*This sets the padding and margin for the main navigation bars to zero*/
.columnOne h3 {font-size: 72%; font-weight: bold; margin: 15px 10px 10px 30px; color: #333399; }
.columnOne P {padding: 0; margin: 7px 10px 13px 30px; font-size: 72%; line-height: 170%; font-weight: bold; color: #666666;}

/*This sets the style for the  main navigation bars, the height can be altered by adjusting the top and bottom padding, which is currently set to 5px*/
.columnOne a:link, .columnOne a:visited, .columnOne a:active {text-decoration: underline;  width: 100%; color: #000000;}
/*This sets the background colour and text colour for the rollover state, and also to show what section you are in*/
.columnOne a:hover, .columnOne a#current {color: #333399;}

/*The widths of columnOne and columnTwo should add up to 740px , column two is for the main page contents*/
.columnTwo {float: left; WIDTH: 375px; PADDING: 0px 0px 0px 0px; margin: -6px 0px 0px 0px; _height: 300px; min-height: 300px; overflow: visible; COLOR: #333333; background-color: #ffffff;}
/*This is the style for all links in the main page content*/
.columnTwo a, .columnTwo a:link, .columnTwo a:visited, .columnTwo a:active {text-decoration: none; color: #ffffff;}	
.columnTwo a:hover {text-decoration: none; color: #46A3FF;}

/*sets the style for paragraph text*/
.more {text-align: right;}

/*this is for the bottom of the screen, so that the background image for the menu shows up*/
.bottom {clear: both; overflow: hidden; width: 100%; height: 1px; background: #F0F7FD;}

/*sets the style for paragraph text*/
.columnTwo P {padding: 0; margin: 7px 10px 13px 10px; font-size: 72%; line-height: 140%; }

/*sets a border of zero for all images*/
img {border: 0;}

/*sets the font style to bold*/
.bold {font-weight: bold;}

/*sets a div to clear any divs above it*/
.clear {CLEAR: both;}

/*floats the div to the right*/
.right {float: right;}
/*floats the div to the left*/
.left {float: left;}

/*sets the height of a break*/
.br {height: 20px;}

/*Styles used for student profiles*/
.student-profiles {margin: 5px;}
/*.profile-photo-topleft {margin: 6px 3px 3px 6px; font-size: 70%; font-weight: bold; float: left;}
.profile-photo-left {margin: 3px 3px 3px 6px; font-size: 70%; font-weight: bold; float: left;}
.profile-photo-bottomleft {margin: 3px 3px 6px 6px; font-size: 70%; font-weight: bold; float: left;}
.profile-photo-topright {margin: 6px 6px 3px 3px; font-size: 70%; font-weight: bold; float: right;}
.profile-photo-right {margin: 3px 6px 3px 3px; font-size: 70%; font-weight: bold; float: right;}
.profile-photo-bottomright {margin: 3px 6px 6px 3px; font-size: 70%; font-weight: bold; float: right;}*/

.profile-photo-topleft {margin: 0px 5px 0px 0px; font-weight: bold;}
.profile-photo-left {margin: 0px 5px 5px 0px;  font-weight: bold;}
.profile-photo-bottomleft {margin: 0px 5px 10px 0px;  font-weight: bold;}
.profile-photo-topright {margin: 0px 0px 5px 0px;  font-weight: bold;}
.profile-photo-right {margin: 0px 0px 5px 0px;  font-weight: bold;}
.profile-photo-bottomright {margin: 0px 0px 10px 0px;  font-weight: bold;}

/*The width for this style should be 10px less than the photo above it*/
.photo-caption {
	margin: 0px;
	width: 170px;
	text-align: center;
	font-size: 70%;
	padding: 5px;
	background: url(../images/home/linkbar.gif) repeat-y #333399;
	height: 14px;
	overflow: hidden;
}

.newsbox {margin: 5px 0px 15px 0px; width: 363px; font-weight: bold; border: 1px solid #333399;}
.newsbox a, .newsbox a:link, .newsbox a:visited, .newsbox a:active {text-decoration: none; color: #FFFFFF;}	
.newsbox a:hover {text-decoration: none; color: #46A3FF;}
.news-banner {margin: 0px 0px 10px 0px; text-align: center; padding: 5px; font-size: 70%; background: url(../images/home/linkbar.gif) repeat-y #333399;}
.news-body a, .news-body a:link, .news-body a:visited, .news-body a:active {text-decoration: none; color: #333399;}	
.news-body a:hover {text-decoration: none; color: #46A3FF;}

.newsbox P {PADDING: 0; MARGIN: 5px 10px 5px 15px; font-size: 72%;}

.news-caption{font-weight: bold; margin: 0px 0px 0px 10px; width: 170px; text-align: center; font-size: 70%; padding: 5px; background: url(../images/home/linkbar.gif) repeat-y #333399;}
/*Overflow is used for mozilla and netscape, so the container box increases in height when browser is resized. This sets the colour of the bar containing the bottom navigation*/
.bottomAddress {background: #6B797B; margin: 0; padding: 4px 0px 4px 0px; overflow: auto; font-size: 65%;clear: both; color: #FFFFFF; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B4C1C2;}

/*Overflow is used for mozilla and netscape, so the container box increases in height when browser is resized*/
.bottomNav {overflow: auto; background: #6B797B; padding: 0; margin: 0 !important;}

/*This sets the margin and padding for the bottom navigation bars to zero*/
.bottomNav ul {list-style: none; padding: 0; margin: 0;}

/*This sets some of the elements for the boxes in the bottom navigation*/
.bottomNav li {display: block; float: left; padding: 0; margin: 0; font-size: 65%; font-weight: bold; text-transform: uppercase;}

/*set this width for the number of options in your list, so 5=20% 4=25% 3=33% etc, IE can't divide properly so a -0.1% margin has to be used*/
.bottomNav ul li {width: 20%; margin: 0; background: #6B797B;}

/*This sets some of the elements for the boxes in the bottom navigation*/
.bottomNav a {display: block; padding: 3px 0 3px 0; text-align: center; margin: 6px 2.2% 6px 2.2%; background: #FFFFFF; border: 1px solid #B4C1C2;}

.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {text-decoration: none; color: #6B797B;}

.bottomNav a:hover {text-decoration: none; color: #FFFFFF; background: #6B797B;}

/*container box for the maintainer and updated date, at the very bottom of the screen*/
.maintainer {font-size: 65%; font-weight: bold; clear: both; height: 20px; padding: 0; margin: 0 0 10px 0;  background: #B4C1C2; color: #333333; border: 2px solid #6B797B;}
/*container box for the updated date*/
.maintainerLeft {float: left; padding: 4px 0 3px 5px; color: #333333;}
/*container box for the maintainer text*/
.maintainerRight {float: right; padding: 4px 5px 3px 0;}

.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {text-decoration: underline; color: #333333;}
.maintainerRight a:hover {color: #CF0026;}
/*sets the font style to normal*/
.normal {font-weight: normal;}
.approved {font-size: 65%; padding: 0 0 10px 5px; clear: both; color:#333333;}





.thumbs {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.thumb {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px
}