/* 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(/mc/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;}

/*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(/mc/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*/
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.1em; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}
.header a {text-decoration: none; color: #FFFFFF;}
.cmcrHeader {font-size: 140%}

.horizontal-menu {
	font-size: 12px;
	width: 100%;
	margin: 0;
	font-weight: bold;
	padding: 5px 0 5px 0px;
	background-image: url(/mc/images/menubackground.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.horizontal-menu ul {padding: 0 0 0 10px; margin: 0;}
.horizontal-menu li {display: inline; list-style-type: none; margin: 0; padding: 5px 4px 5px 13px; background-image:url(/mc/images/menubar.jpg); background-repeat: no-repeat; background-position: left center;}
.horizontal-menu a {padding: 5px; margin: 0 -4px 0 0; color: #000; text-decoration: none;}
.horizontal-menu a:hover {text-decoration: none; color: #fff;}

/*This sets the background image for coloured menu on the left*/
.menu {
	BACKGROUND:   url(/mc/images/2static/menus_blue.gif) repeat-y 0 0;
	color: #CCCCCC;
}

/*The widths of columnOne and columnTwo should add up to 740px , column one is for the main navigation*/
.columnOne {FLOAT: left; WIDTH: 170px; PADDING: 0; margin: 0;}
.columnOne h2 {font-size: 80%; font-weight: bold; margin: 5px 0; background: #333399; padding: 3px 0; color: #FFFFFF; text-align: center;}
/*This sets the padding and margin for the main navigation bars to zero
.columnOne ul {
	list-style-position: outside;
}*/
/*This sets font size, and text alignment*/
.columnOne li {font-size: 72%; margin: 5px 2px 10px -15px; list-style-image: url(/mc/images/2static/doughnut.gif);}

/*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: none;  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: #ffffff;}

/*The widths of columnOne and columnTwo should add up to 740px , column two is for the main page contents*/
.columnTwo {float: left; WIDTH: 570px; PADDING: 0; margin: 0; _height: 300px; min-height: 300px; overflow: visible; COLOR: #333333; background:  url(/mc/images/2static/shadow.gif) #ffffff repeat-x;}
/*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: underline; color: #333399;}	
.columnTwo a:hover {color: #46A3FF;}
/*This sets the indent for a bulleted list and also its font size*/
.columnTwo ul {margin: 0 10px 15px 45px; padding: 0; font-size: 72%;}
.columnTwo ul ul {margin: 2px 0 2px 18px; padding: 0; font-size: 100%;}
.columnTwo ul ol {margin: 2px 0 2px 24px; padding: 0; font-size: 100%;}
/*This sets the indent for a numbered list and also its font size*/
.columnTwo ol {margin: 0 10px 15px 53px; padding: 0; font-size: 72%;}
.columnTwo ol ol {margin: 2px 0 2px 24px; padding: 0; font-size: 100%;}
.columnTwo ol ul {margin: 2px 0 2px 18px; padding: 0; font-size: 100%;}
/*This sets the indent for a definition list and also its font size*/
.columnTwo dl {margin: 0 10px 15px 29px; padding: 0; font-size: 72%;}
/*This provides a margin around the text in a numbered list*/
.columnTwo ol li {margin: 0; padding: 0; list-style-type: decimal; line-height:140%;}
/*This provides a margin around the text in a bulleted list*/
.columnTwo ul li {margin: 0; padding: 0; line-height:140%; list-style-image:   url(/mc/images/2static/bullet_blue.gif);}
.columnTwo ul ol li {margin: 0; padding: 0; list-style-type: decimal; list-style-image: none; line-height:140%;}
/*This sets the indent for the first option in your definition list*/
.columnTwo dl dt {margin: 5px 0 0 0; padding: 0; font-weight: bold;}
/*This sets the indent for the second option in your definition list*/
.columnTwo dl dd {margin: 0 0 0 20px; padding: 0;}

/*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 the page heading*/
.columnTwo h2 {font-size: 100%; font-weight: bold; padding: 15px 10px 3px 0; margin: 20px 10px 20px 10px; color: #333399; }
/*sets the style for sub-headings*/
h3 {font-size: 80%; font-weight: bold; padding: 10px 0 0 0; margin: 15px 10px 10px 10px; border-top: 1px solid #CCCCCC; color: #333399; }
/*sets the styles for H4, H5, H6, H7, H8, H9, H10*/
h4, h5, h6, h7, h8, h9, h10 {font-size: 72%; font-weight: bold; margin: 15px 10px 10px 10px; color: #333399; }

/*sets the style for paragraph text*/
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;}

/*sets the form margins to zero*/
.form {margin: 0; padding: 0;}

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

/*sets the style for tables*/
table {border: 0; margin: 10px; padding: 0; border-collapse: collapse; font-size: 72%; width: 95%; text-align: center;}
/*Sets the size of paragraphs used within tables*/
table p {font-size: 100%; line-height:140%; padding: 0; margin: 0;}
/*sets the style for table headings*/
th {padding: 5px; font-weight: bold; background: #cad4d5;}
/*sets the style for cells within a table*/
td {padding: 5px; border: 1px solid #ABB6CB;}
/*sets the background colour for all odd rows in a table*/

/*sets the style for blockquotes*/
blockquote { font-size: 72%;}
/*sets the style for blockquotes when used with a div*/
blockquote { font-size: 72%;  background:  url(/mc/images/quoteleft.gif) left top no-repeat;}
/*a div needs to be added to the blockquote to add the quote graphic on the right hand side*/
blockquote div { padding: 0 48px;  background:  url(/mc/images/quoteright.gif) no-repeat right bottom;}

/*These styles control the latest news panel on the home page*/
.latest {width: 190px; height: auto; border: 1px solid #ccc; padding: 5px; margin: 0 0 15px 0;}
.latest-width {width: 196px;}

/*These styles control the menu on the right of the home page*/
.columnThree  ul {margin: 5px  0 0 20px; padding: 0; font-size: 70%; font-weight: normal; line-height: 140%;}
.columnThree  ul li {margin: 0; padding: 0 5px 2px 0; text-align: left;}
.columnThree {width: 200px; padding: 0 10px 0 10px; margin: 5px 0 0 0; text-align: center;}
.columnThree P {padding: 0; margin: 0 0 5px 0; font-size: 70%; line-height: 140%; }

/*Styles used for student profiles*/
.student-profiles {margin: 10px;}
.profile-photo {margin: 0 10px 10px 0; font-size: 70%;}
/*The width for this style should be 10px less than the photo above it*/
.photo-caption {margin: 5px 0 0 0; width: 146px; text-align: center; padding: 5px; background: #cad4d5;}
/*Style used for student profile quote box*/
.profile-quote {width: 200px; margin: 0 0 5px 10px; background: #cad4d5;}
.profile-quote p {margin: 0; padding: 5px;}

/*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: hidden; background: #6B797B; 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;}

li.unavailable {color:#666;}