/* Corporate Style + CEEBL style
Author: Sally Anderson, Learning Technologist, CEEBL, University of Manchester */

body {
	margin: 0;
	padding:0;
	background:  url("/images/corp/logoleft.gif") no-repeat 6px 44px;
	background-color:#fff;
	color:#333;
	/*width:1024px;*/
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 76%;}



h1 {font-size: 1.3em}
h2 {font-size: 1.2em; margin-top: 15px;}
h3 {font-size: 1.15em;}
h4, h5, h6 {font-size: 1.1em;}

#content h3 {color: #609; margin-bottom: 1px; font-size: 1.1em;}
#content-wide h3 {color: #609; margin-bottom: 1px; font-size: 1.1em;}

.grey {background-color : #e5e5e5;  ; margin-bottom : 3px;}
#content p .grey {padding : 10px 10px 10px 10px;}
#content .grey a, #content .grey a:visited  {background-color : #e5e5e5; display : block  ; margin-bottom : 3px; text-decoration:none; color:#333;}
#content .grey a:hover {display : block ; margin-bottom : 3px;  text-decoration : underline; color: #333;}


.white {background-color : #fff;  ; margin-bottom : 3px;}
#content .white a, #content .white a:visited {background-color : #fff; display : block  ; margin-bottom : 3px; text-decoration:none; color:#333;}
#content .white a:hover {display : block ; margin-bottom : 3px; text-decoration : underline; color: #333;}

 hr {
   color : white;

}



a img {
	border:0;
	}

input {
	font-size:1em;
	}
	
fieldset {
	border:0;
	}

fieldset legend {
	color:#c33;
	font-weight:600;
	}

/*CORPORATE NAV*/	
#logo img {margin-left:44px;}

#search {
	float:right;
	margin:5px 15px 0 0;
	}
* html #search {
	margin:6px 15px 0 0;
	}
#search input {vertical-align:middle;}

#sitelinks {
	float:right;
	color:#609;
	margin:6px 14px 0 211px;
	}
* html #sitelinks {
	margin:6px 14px 0 0;
	padding-left:23px;
	}

#sitelinks a {
	font-size:0.9em;
	line-height:130%;
	text-decoration:none;
	color:#609;
	margin-right:0px;
	padding-top:5px;
	}
	
#crumbtrail {
	clear:right;
	margin:6px 0 5px 269px;
	color:#609;
	font-size:0.9em;
	}
	
#crumbtrail a {
	color:#609;
		}
/*END CORPORATE NAV*/

#global {
	margin-left:70px
	}
	
/* TOPNAV */
#topnav {
 	border-bottom: 5px solid #d3d3d3;
	w\idth:auto
	}

	
#topnav a {
	font-weight:bold;
	white-space:nowrap;
	text-decoration: none;
	color: #fff;
	display:block;
	}

#topnav span.main {
	padding:0px 3px 0px 25px;
	float:left;
 	border-right:1px solid #fff;
	width:156px;
	\width:185px;
	w\idth:156px;
	background-color:#52007b;
	background-image:url("/images/corp/arrow_white_on_transparent.gif");
	background-position: 1px 1px 60%;
	background-repeat: no-repeat;
	font-size:0.9em;
	}
	
#topnav span.main a {
	padding:5px;
	}
	
#topnav h1.banner {
	margin:0 1px 0 174px;
	padding:3px 3px 4px 25px;
	background-color: #9966cc;
	color: #fff;
	font-size: 1.1em;
	font-weight:normal;
	}
* html #topnav h1.banner {margin:0 1px 0 171px;}

/*END TOPNAV*/

/*HOMEPAGE BANNER*/
#homebanner {margin: 0; padding: 0; height: 103px; background-image: url("/images/home/main3.jpg"); background-repeat:repeat-x; background-position: left; border-top: 1px solid #fff; border-right: 1px solid #fff;}
#homebanner img {border: 0; margin: 0; padding: 0;}
/*END HOMEPAGE BANNER*/

/*STUDENT BANNER*/
#studentbanner {margin: 0; padding: 0; height: 103px; background-image: url("/images/home/main4.jpg"); background-repeat:repeat-x; background-position: left; border-top: 1px solid #fff; border-right: 1px solid #fff;}
#studentbanner img {border: 0; margin: 0; padding: 0;}
/*END STUDENT BANNER*/

/*LEFT*/
#sideleft {
	float:left;
	width:184px;
	clear:left;
	border-top: 1px solid #fff;
	}

#sideleft img {border: 0; margin: 0; padding: 0;}
#sideleft h2 {margin: 0; background-color: #999; color:#fff; line-height:130%; padding:3px 12px 3px 5px; font-size:0.9em; border-top: 1px solid #fff;}

/*NAV*/
#leftnav, #leftnav ul, #sideleft ul {margin: 0; padding:0;}
#leftnav ul li, #sideleft ul li {list-style-type:none; margin:0; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999;}
#leftnav a {
	display:block;
	margin:0;
	border:0;
	width:165px;
	\width:184px;
	w\idth:165px;
	color:#666;
	text-decoration:none;
	padding:3px 12px 3px 5px;
	font-size:0.9em;
	line-height:130%;
		}
#leftnav ul li a, #leftnav ul li a:link, #leftnav ul li a:visited {padding-left: 5px; width: 165px; background:url("/images/icons/arrow_grey.gif"); background-repeat: no-repeat; background-position:right;}
#leftnav ul li a:hover {background:url("/images/icons/arrow_yellow.gif"); background-repeat: no-repeat; background-position:right; background-color: #e5e5e5; }
#leftnav ul li a:active {background:url("/images/icons/arrow_grey.gif"); background-repeat: no-repeat; background-position:right;}

#leftnav ul li a#current {background-color: #e5e5e5;}

/*SECONDARY NAV*/
#leftnav ul ul li {list-style-type:none; margin:0; border: 0;}
#leftnav ul ul li a {
	display:block;
	margin:0;
	border:0;
	width:158px;
	\width:177px;
	w\idth:158px;
	color:#666;
	text-decoration:none;
	padding:3px 12px 3px 12px;
	font-size:0.9em;
	line-height:130%;
	background-image:none;
	}
#leftnav ul ul li a, #leftnav ul ul li a:link, #leftnav ul ul li a:visited{background-image:none; padding-left: 12px; width: 158px;}
#leftnav ul ul li a:hover {background:url("/images/icons/arrow_yellow.gif"); background-repeat: no-repeat; background-position:right; background-color: #e5e5e5; }

/*SIDELEFT_SUB*/
#sideleft div.sideleft_sub  {margin: 0; padding: 4px; font-size: 0.9em; border: 1px solid #999;}

/*END LEFT*/

/*RIGHTCOL*/
#rightcol {
	float: right;
	width: 167px;
	margin: 0 1px 10px 10px;
	padding: 0;
	border-top: 1px solid #fff;
	}
	
#rightcol div {margin: 0; padding: 4px 3px 4px 4px; font-size: 0.9em; border: 1px solid #999;}
	
ul.rightnav, ul.rightnav {margin: 0; padding:0;}

ul.rightnav li {list-style-type:none; margin:0; }

#rightcol h2 {margin: 0; padding:3px 12px 3px 5px; font-size:0.9em; background-color: #999; color:#fff; line-height:130%;}
#rightcol h2 a {color: #fff;}

ul.rightnav li a {
	display:block;
	width: 148px;
	margin:0;
	border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999;
	background-color: #e7e7e7; 
	color:#666;
	text-decoration:none;
	padding:3px 12px 3px 5px;
	font-size:0.9em;
	line-height:130%;
	}

ul.rightnav li a, ul.rightnav li a:link, ul.rightnav li a:visited {
	padding-left: 5px; 
	background:url("/images/icons/arrow_grey.gif"); 
	background-repeat: no-repeat;  
	background-position:right;  
	background-color: #e5e5e5;
	}
ul.rightnav li a:hover {background:url("/images/icons/arrow_yellow.gif"); background-repeat: no-repeat; background-position:right; background-color: #fff; }
ul.rightnav li a:active {padding-left: 5px; background:url("/images/icons/arrow_grey.gif"); background-repeat: no-repeat; background-position:right;}
/*END RIGHTCOL*/

/*HOME RIGHT*/
#homeright {
	float: right;
	width: 20%;
	/*height: 500px;*/
	margin: 15px 5px 10px 10px;
	vertical-align: top;
	font-size:0.8em;
	background-color: #ebe6f1;
	line-height: 140%;}
	
#homeright h3 {color: #fff; margin-top: 0px; margin-bottom: 0px; background-color: #9966cc; padding : 3px;}
#homeright p {margin-top: 1px;}


#homeright01 {
	float: right;
	width: 29%;
	height: 100%;
	margin: 0px 2px 0px 10px;
	vertical-align: top;
	/*clear : left;*/
	font-size:0.8em;
	border : 1px solid #609;
	line-height: 140%;}
	
#homeright01 h3 {
	color: #609; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	background-color: #e5e5e5; 
	background-image: url(../images/rightcol/bck.gif); 
	background-repeat : repeat-x; 
	height: ; 
	padding : 3px;
	border-bottom : 1px solid #609;}
#homeright01 p {margin-top: 1px;}

#news-text {padding: 5px 10px;}	

/*END HOME RIGHT*/
/* CONTENT SECTION */
#content {
	margin-left:184px;
	margin-right:168px;  /* 168px if using RIGHT column */
	padding:15px;
	padding-top:0px;
	font-size:1em;
	line-height:140%;
	}
	
	
#content-wide {
	margin-left:184px;
	padding:15px;
	padding-top:0px;
	font-size:1em;
	line-height:140%;
	}
	
*html #content {margin-left:180px;}

/*#content a, #content a:link {color:#009;}*/
/*#content a:visited {color:#33f;}*/
/*#content a:hover {color: #333; }*/
/*#content a:active {color: #009;}*/

#content ul li {margin-bottom: 4px;}

/*END CONTENT*/

/*FOOTER*/
#footer {
	margin-top: 5px;
	padding: 10px 0;
	border-top:1px solid #ccc;
	}
	
#footer p {
	color:#999;
	padding:0 7px 10px 0;
	margin:0;
	font-size:0.9em;
	line-height:130%;
	}
	
#footer p a, #footer p a:link, #footer p a:visited, #footer p a:hover, #footer p a:active {color: #999;}
	
#webmaster {
	padding: 10px 5px;
	text-align:right;
	border-top: 1px solid #ccc;
	font-size:0.85em;
	line-height:130%;
	color:#999;
	}
	
#webmaster a, #webmaster p a:link, #webmaster a:visited, #webmaster a:hover, #webmaster a:active {color: #999;}
/*END FOOTER*/

/*MISC CLASSES*/
.invisible {
	display:none;
	font-size:1%;
	}

.small {font-size: 0.9em}
.vsmall {font-size: 0.85em;}
.warn {color: #900;}

.clr {clear:both;}

.inlineborderless {
	display:inline;
	margin:0;
	border:0;
	padding:0;
	}

.imgalign {display: inline; vertical-align: middle;}
	
.fir {float: right; padding: 0; margin: 3px 0px 3px 5px; border: 1px solid #999;}
.fil {float: left; padding: 0; margin: 3px 5px 3px 0; border: 1px solid #999;}

div.fir_caption {float: right; padding: 0; margin: 3px 0 3px 6px; font-size: 0.85em;}
div.fil_caption {float: left; padding: 0; margin: 3px 6px 3px 0; font-size: 0.85em;}
div.fil_caption2 {float: left; padding: 0; margin: 3px 6px 3px 0; font-size: 0.85em;}
div.fil_caption img, div.fir_caption img 
div.fil_caption2 {border: 0px}
div.fir_caption p, div.fil_caption p, div.fil_caption2 p {margin-top: 2px;}

img.lightbdr {border: 1px solid #999; padding: 0;}

ul.links {margin: 0; padding: 0; list-style-type:none;}
ul.links li.link {background-image:url(/images/icons/link_icon.gif); background-repeat: no-repeat; vertical-align: middle; padding: 1px 2px 0 24px; margin: 0 0 15px 0;}
ul.links li.pdf {background-image:url(/images/icons/pdf.gif); background-repeat: no-repeat; vertical-align: middle; padding: 1px 2px 0 24px; margin: 0 0 15px 0;}
ul.links li.rtf {background-image:url(/images/icons/rtf_icon.gif); background-repeat: no-repeat; vertical-align: middle; padding: 1px 2px 0 24px; margin: 0 0 15px 0;}
ul.links li.ppt {background-image:url(/images/icons/ppt_icon.gif); background-repeat: no-repeat; vertical-align: middle; padding: 1px 2px 0 24px; margin: 0 0 15px 0;}
ul.links li.zip {background-image:url(/images/icons/zip_icon.gif); background-repeat: no-repeat; vertical-align: middle; padding: 1px 2px 0 24px; margin: 0 0 15px 0;}
ul.links li.wmv {background-image:url(/images/icons/wm_logo.gif); background-repeat: no-repeat; vertical-align: middle; padding: 0 0 5px 36px; margin: 0 0 15px 0;}
ul.links li.vid {background-image:url(/images/icons/vid-icon.gif); background-repeat: no-repeat; vertical-align: middle; padding: 0 0 5px 36px; margin: 0 0 15px 0;}

table.form {border: 0; margin: 0; padding: 0;}
table.form td {padding: 7px; vertical-align:top;}
table.form th {padding: 5px; font-size: 1.2em; background-color: #dfd7e8; background-image: url(/images/furniture/th_grad.gif); background-position:bottom; background-repeat:repeat-x; text-align:left; border-bottom: 1px solid #ccc;}

.box1 {padding: 7px; background-color: #e6dff1; border: 1px solid #999;}
.qb {margin: 0 0 15px 0; padding: 6px; background-color: #e5e5e5; background-image: url("/images/furniture/quotebg.gif"); background-repeat:no-repeat; background-position: top left; border: 1px solid #d7d7d7; border-bottom: 3px solid #ffcc33; font-size: 0.9em;}
.purp {color: #609;}