/* External refs to the various css files */
@import url("module_header.css"); 	/* header area - utilities, news & search panel (GLOBAL) */
@import url("module_colours.css"); 	/* colour-coded elements of the page */
@import url("module_homepage.css");	/* homepage - specific styles */
@import url("module_footer.css");	/* styles for the footer area (GLOBAL) */

/* ------------------------------------------------------------------------------------------------ GLOBAL STYLES */

* { margin: 0; padding: 0; }

html { height: 100%; }
body { font: 62.5% Arial, Helvetica, sans-serif; color: #333; text-align: center; }
body#homepage { background: url("../images/bg/bg_homepage.gif") repeat-x 0% 0% #e5e5e5;  }
body#subpage { background: url("../images/bg/bg_subpage.gif") repeat-x 0% 0% #e5e5e5; }

h1, h2, h3, h4, h5, h6 { font-size: 1.0em; color: #222; }
table, th, td { font-size: 1.0em; border: 0; }
img { border: 0; }
div.clear { height: 0; clear: both; line-height: 0; }

#wrapper { width: 800px; margin: 0px auto; text-align: left;  }

/* ------------------------------------------------------------------------------------------------ MAINWRAPPER */

#mainwrapper { margin-top: 10px; width: 100%;   }
#homepage #mainwrapper { background: url("../images/bg/bg_home_all.gif") #fff 0% 0% repeat-y; }
* html #homepage #mainwrapper_bottom { margin-top: -3px; }
/* 	On IE, the div.clear needs to have something in it, but i can't style it out without the 
  	bg wrapper image breaking. So for IE6, jut up the bottom panels 3px. */


/* ------------------------------------------------------------------------------------------------ SIDEBAR AREA */

#sidebar_left_wrapper { width: 192px; float: left; }
#sidebar_left { min-height: 350px; padding: 0 60px 0 5px; font-size: 1.1em; }
* html #sidebar_left { height: 350px; }

#sidebar_left ul { padding: 10px 0; list-style: none; }
#sidebar_left li { text-align: right; font-weight: bold; margin: 5px 0; color: #fff; }
#sidebar_left ul ul { padding: 5px 0 5px 0; font-size: 0.9em; border-bottom: 1px solid #fff;  }
#sidebar_left ul ul li { text-transform: lowercase; margin: 0px; padding-right: 5px; background: url("../images/arrows/whitedot.gif") no-repeat 100% 50%; }
#sidebar_left li span.currentsection { color: #fff; font-weight: bold; }
#sidebar_left a, #sidebar_left a:visited { color: #fff; font-weight: normal; text-decoration: none; display: block; width: 100%; }
#sidebar_left a:hover { text-decoration: underline; }

/* ------------------------------------------------------------------------------------------------ MAIN CONTENT / TEXT AREA */

#maincontent_wrapper { float: right; width: 588px; background: url("../images/bg/bg_maincontent_text.gif") repeat-x 0% 0%;  }

#maincontent_breadcrumbs { height: 40px; font-size: 1.2em; background: #fff;  }
#maincontent_breadcrumbs span { position: relative; top: 8px; right: 5px; }
#maincontent_wrapper #maincontent_breadcrumbs a:hover { color: #000; text-decoration: underline; }  


#maincontent_text { 
	margin: 0 20px 0 20px; min-height: 300px;
	font-size: 1.1em; line-height: 1.8em;
}
* html #maincontent_text { height: 300px; }
#maincontent_text h1 { font-size: 1.6em; margin: 10px 0; }
#maincontent_text h2 { font-size: 1.4em; margin: 10px 0; }
#maincontent_text h3 { font-size: 1.2em; margin: 10px 0; }

#maincontent_text a { font-weight: bold; color: #000; }
#maincontent_text a:visited { color: #200; }
#maincontent_text a:hover { text-decoration: none; }

/*#maincontent_text img {  }*/
#maincontent_text img { /* max-width: 530px; */ padding: 0!important; margin: 5px; }
* html #maincontent_text img { width: expression(this.width > 530 ? 530: true); }

#maincontent_text p {  margin: 5px 0; }

#maincontent_text ul { list-style: none; margin: 15px 0; }
#maincontent_text ul li { background: url("../images/arrows/dark_green.gif") 0% 5px no-repeat; padding-left: 15px; margin: 5px 0; }
#maincontent_text ol { margin: 15px 35px; }
#maincontent_text ol li { margin: 5px 0; }

#maincontent_text p.course_clickthrough { background: url("../images/arrows/dark_green.gif") 0% 5px no-repeat; padding-left: 15px; margin: 5px 0; }

#maincontent_text table { padding: 5px; margin: 10px 0; background: none!important; }
#maincontent_text th { font-size: 1.2em; }

#maincontent_text_right { float: right; margin-left: 15px; width: 250px;  }

#maincontent_courseinfobox p { margin: 0 !important; }


#maincontent_related_links { width: 250px; min-height: 110px; padding: 10px 0;   }
* html #maincontent_related_links { height: 110px; }
#maincontent_related_links h1 { margin: 0 5px; padding: 0; overflow: hidden; width: 103px; height: 11px; font-size: 1.0em; line-height: 3.0em; color: #fff; }
#maincontent_related_links ul { margin: 5px; padding: 0; font-size: 0.9em;   }
#maincontent_related_links ul li { margin: 0; padding: 0 10px 0 0; text-align: right; background: url("../images/white_dot.gif") 100% 8px no-repeat; }
#maincontent_related_links a, #maincontent_related_links a:visited { display: block; width: 100%; font-weight: normal; color: #fff; text-decoration: none; }
#maincontent_related_links a:hover { text-decoration: underline; }