/* ----------------------------- */
/* ---- DEFAULT WIDE STYLES ---- */
/* ----------------------------- */
body {
	margin: 0; padding 0;
	color: #CCC;
	font: 14px Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif;
	line-height: 1.4;
	background: url(../images/background.jpg) 50% 0% no-repeat;
	background-color: #000;
	}

/* --- h1 for page headers, replacing original --- */
h1 {
	font: bold 1.6em Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif;
	margin: 0 0 0.7em 0;
	padding: 0;
	color: #CC0033;
	}

/* --- h2 for course titles, replacing original --- */
h2 {
	font: bold 1.3em Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif;
	margin: 1em 0;
	padding: 0;
	color: #CC0033;
	}

h3 {
	font: bold italic 0.9em Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif;
	margin: 0;
	color: #FFF;
	}

/* --- h4 for quotation QUOTEE (TEMPORARY) --- */
h4 {
	font: bold italic 0.9em Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
	color: #FFF;
	}

/* --- h5 for quotation COURSE TITLE --- */
h5 {
	font: bold italic 0.9em Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif;
	margin: 0;
	color: #FFF;
	}

/* --- h6 for course titles --- */
h6 {
	font: bold 1.3em Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif;
	margin: 1em 0;
	padding: 0;
	color: #CC0033;
	}

a {
	text-decoration: none;
	color: #000;
	}

a:hover {
	text-decoration: underline;
	color: #CC0033;}

ul a:hover {
	text-decoration: none;}

a img {
	border: 0;}

p {
	margin: 0 0 1em;}

#constrain {
	width: 980px;
	margin: 0 auto 0; padding-top: 1px;
	}
/* ---- DEFAULT STYLES end ---- */





/* -------------------------
* ---- ROUNDED CORNERS ----
* -------------------------
<style type="text/css">
.rounded{display:block}
.rounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#6D6E71}
.rounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #5d5e5f;
  border-right:1px solid #5d5e5f;
  background:#666769}
.rounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #545455;
  border-right:1px solid #545455;
  background:#67686b}
.rounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #67686b;
  border-right:1px solid #67686b;}
.rounded4{
  border-left:1px solid #5d5e5f;
  border-right:1px solid #5d5e5f}
.rounded5{
  border-left:1px solid #666769;
  border-right:1px solid #666769}
.roundedfg{
  background:#6D6E71}
</style>
ROUNDED CORNERS end ---- */




/* ------------------------ */
/* ---- HEADER SECTION ---- */
/* ------------------------ */
#headbanner {
	margin-bottom: 3em; padding-top: 1px;
	}

#homelink {
	display: block;
	margin: 0.9em 1em 1em 2.5em; padding: 0.8em 0;
	background: url(../images/underlay.png) 100% 100% no-repeat;
	}

.bannermenu {
	margin-top: -4.5em; padding-right: 19.4em;
	text-align: right;
	color: #FFF;
	list-style: none;
	text-transform: capitalize;
	}

.bannermenu a {
	color: #FFF;
	}

.bannermenu a:hover {
	color: #BBB;
	}

.search {
	float: right; padding: 0 0 0;
	margin-top: -3.3em;
	margin-right: 2.5em;
	}

.inputbox {
	margin-right: 0.4em;
	}

/* ---- HEADER SECTION end ---- */




/* --------------------- */
/* ---- LEFT COLUMN ---- */
/* --------------------- */
#leftcolumn {
	float: left;
	width: 14em;
	padding: 0 0 4em 0;
	}

.moduletable_menu ol, .moduletable_menu ul {
	margin: 0; padding: 1.2em 0.8em;
	background: #6D6E71; color: #FFF;
	}

#leftmenu li {
	list-style: none;
	font: bold 0.9em Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif;
	padding: 0.33em 0;
	line-height: 1.1em;
	text-transform: uppercase;
	}

#leftmenu li li {
	font-size: 1em;
	}

#leftmenu li li li {
	text-transform: capitalize;
	}

#leftmenu li li a {
	font-size: 1em;
	color: #BBB;
	}

#leftmenu li li a:hover {
	color: #FFF;
	}

#leftmenu a {
	color: #FFF;
	}

#leftmenu a:hover {
	color: #BBB;
	}

#leftcolumn ul.menu li#current {
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	list-style-type: disc;
	margin-left: 1em;
}
/* ---- LEFT COLUMN end ---- */





/* ------------------------ */
/* ---- MIDDLE SECTION ---- */
/* ------------------------ */
#middle {
	float: left;
	width: 42em;
	background: #E6E7E8; color: #000;
	padding-left: 12.8em;
	margin: 0 0 0.8em 1em;
	}

#leftinset {}

#contentconstrain {
	padding: 0em 0.5em;
	}

.componentheading {
	margin: 0 0 0 -12.3em;
	padding: 0.5em 0;
	font: bold 1.1em Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #CC0033;
	}

.contentheading {
	margin: 0 0 0 -12.3em;
	padding: 0.5em 0;
	font: bold 1.1em Verdana, "Century Gothic", "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #CC0033;
	}

#gallery {
	width: 0em;
	float: left;
	margin: 0 0 2.5em -12.3em;
	}

#content {
	font-size: 0.8em;
	padding: 0 1em 0.8em 0;
	}

#content p a, #content ul a, #content ol a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted;
	}

#content p a:hover, #content ul a:hover, #content ol a:hover {
	text-decoration: underline;
	color: #CC0033;
	border-bottom: none;
	}

#content h6 a {
	text-decoration: none;
	color: #CC0033;
	border-bottom: 1px dotted;
	}

#content h6 a:hover {
	text-decoration: none;
	color: #CC0033;
	border-bottom: 1px solid;
	}

#rightinset{}
/* ---- MIDDLE SECTION end ---- */





/* ---------------------- */
/* ---- RIGHT COLUMN ---- */
/* ---------------------- */
#rightcolumn {
	float: left;
	width: 10em;
	padding: 0 0 0.8em;
	}

#quote {
	margin: 0; padding: 1.2em 0.8em;
	background: #6D6E71; color: #FFF;
	}

#quote p {
	font-size: 1.1em;
	color: #FFF;
	}

#announce {
	margin: 0.8em 0; padding: 1.2em 0.8em;
	background: #000; color: #FFF;
	}

#announce p {
	font-size: 1.1em;
	color: #FFF;
	margin: 0;
	}
/* ---- RIGHT COLUMN end ---- */





/* ---------------- */
/* ---- FOOTER ---- */
/* ---------------- */

#footerconstrain {
	clear: both;
	}

#footer {
	margin: 1em;
	font-size: 0.75em;
	font-style: italic;
	}

/* ---- FOOTER end ---- */