/* CSS styles for CIM Moor Hall  */

html {
	margin: 0px;
	padding: 0px
}

body {
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px
	color: #335143;
}

/*  -------------- REDEFINED HEADING STYLES   ---------- */

p, .p {
	font-family: Arial, Helvetica, sans-serif;
	color: #335143;
	font-size: 0.75em;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

h1, .h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding: 6px 0px 20px 0px;
	margin: 0px;
	color: #335143;
	font-size: 110%;
	LINE-HEIGHT: 120%;
}

h2, .h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	padding: 6px 0px 6px 0px;
	color: #335143;
	LINE-HEIGHT: 120%;
}

h3, .h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	padding: 6px 0px 6px 0px;
	color: #335143;
	LINE-HEIGHT: 120%;
}

h4, .h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 6px 0px 6px 0px;
	margin: 0px;
	color: #335143;
	LINE-HEIGHT: 120%;
}

h5, .h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 6px 0px 6px 0px;
	margin: 0px;
	color: #335143;
	LINE-HEIGHT: 120%;
}

h6, .h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 6px 0px 6px 0px;
	margin: 0px;
	color: #335143;
	LINE-HEIGHT: 120%;
}

/*  -------------- END OF HEADING STYLES  ---------------  */



/*  --------------  CUSTOM IMAGE STYLES  ----------------  */

.imageLeft {
	float: left; padding-right: 8px
}

.imageRight {
	float: right; padding-left: 8px
}

.imageLink, img {
	border:0;
}


/*  -------------   END OF CUSTOM IMAGE STYLES  --------------  */


.sys_system_container {
	width: 750px;
}


.sys_header_container {
	width: 750px;
	height: 53px;
	margin: 0px;
	padding: 0px;
	background-image: url("/images/backgrounds/background01.gif");
	background-repeat: repeat-x;
}

/* logo styles  */
	
.sys_moorhall_logo {
	float:left;
	margin: 0px;
	padding: 0px;
	width: 230px;
	height: 40px;
	background-image: url("/images/generic%20pages/mh-logo.gif");
	background-repeat: no-repeat;
}


/* end of logo styles  */


.sys_header_navigation {
	float:right;
	margin: 0px;
	padding: 0px;
	width: 500px;
	color: #335143;
}

.sys_header_navigation ul {
	float: right;
	margin: 8px 8px 0px 0px;
	padding: 0px;
	color: #335143;
}

.sys_header_navigation li {
	list-style: none;
	display:inline;
	color: #335143;
	font-size: 0.75em;
	font-weight: bold;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}  


.sys_header_navigation a:link, .sys_header_navigation a:visited, .sys_header_navigation a:active {
	color: #335143;
	text-decoration: none;
}

.sys_header_navigation a:hover {
	color: #335143;
	text-decoration: underline;
}

.sys_header_image {
	width: 750px;
	height: 122px;
	margin: 0px;
	padding: 0px;
	background-image: url("/images/backgrounds/header-a.jpg");
	background-repeat: no-repeat;

}


/* MAIN CONTENT AREA OF PAGE  */

.sys_content_container {
	width: 750px;
	margin: 0px;
	padding: 0px;
}

.sys_left_column {
	float:left;
	width: 217px;
	min-height: 290px;
	height: 290px;

	background-image: url("/images/backgrounds/fade_moorhall.jpg");
	background-repeat: no-repeat;	 
}

.sys_right_column {
	float:left;
	width: 517px;
	padding-left: 16px;
}

.sys_right_column a:link, .sys_right_column a:active, .sys_right_column a:visited {
	color: #335143;
	text-decoration: underline;	
}

.sys_right_column a:hover {
	color: #335143;
	text-decoration: none;	
}

.sys_right_column UL {
	margin: 20px 0px 20px 40px;
	padding: 0px;
}

.sys_right_column li {
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	color: #335143; 
	font-weight: normal;
	font-size: 0.8em;
}
.sys_menu {
	margin-left: 0px;
	text-align: center;
	font-size: 0.7em;
	padding: 0px;
}

html>body .sys_menu {
	margin-left: 26px;
	text-align: center;
	font-size: 0.7em;
	padding: 0px;
}


/*  FOOTER AREA  */

.sys_footer_container {
	clear: left;
	width: 750px;
	height: 28px;
	margin-top: 20px;
	padding: 0px;
	background-image: url("/images/backgrounds/background02.gif");
	background-repeat: repeat-x;
}

.sys_footer_text {
	float:right;
	width: 500px;
	margin: 0px;
	padding: 4px 10px 0px 0px;
	font-size: 0.6em;
	text-align: right;
}

.sys_cim_logo {
	float:right;
	width: 94px;
	height: 24px;
	margin-top: 5px;
	background-image: url("/images/generic%20pages/cim-logo.gif");
	background-repeat: repeat-x;
}


/* -------- MENU CONTROLS------------ */


.sys_simpleListMenu {list-style:none; margin: 10px 0 0 10px; padding:0; line-height:20px; float:left; width: 150px; background: transparent; text-align:center; font-size: 70%; font-weight: bold;}

.sys_simpleListMenu li {border-right: 1px solid #335143; border-bottom: 1px solid #335143; margin-top:4px; margin-bottom:4px; background: #dbe8e3;}


.sys_simpleListMenu UL.sys_children li {display: none}

.sys_simpleListMenu A {display:block; color:#335143; text-decoration: none;}

.sys_simpleListMenu A:hover {text-decoration:none; background: #335143; color: #ffffff}

.sys_selected {background-color: #335143; color: #ffffff; line-height:20px;}




.sys_simpleListMenu li div.sys_selected a:link, .sys_simpleListMenu li div.sys_selected a:active, .sys_simpleListMenu li div.sys_selected a:visited {color: #ffffff;} 


/* -------- END OF MENU CONTROLS------------ */