/* This CSS file has a PAGEWRAPPER DIV with two sub-DIV wrappers (for content areas), TOPcontent and LOWERcontent. Footer DIV is outside everything, AFTER the PAGEwrapper.  */

/* Bevi Chagnon, May 7, 2006 */

/* -------------- */
/* clears all default HTML margins to zero */
* {
	margin:0;
	padding:0;
}

/* -------------- */
html {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
/* -------------- */
/* with HTML tag above, sets 1em = 10pts */
body {
	font-size: 50%;
}

/* ---------------------------- */
/* Begin Aslett clearing method to correct positioning of DIVs */
/* Stylin' with CSS, by Charles Wyke-Smith */

.clearfix:after {
	content: ".";
	display: block;
	height:  0;
	clear: both;
	visibility: hidden;
	}

/* Hack for IE Mac */
.clearfix {
	display:inline-table
}
	
/* Hack for bug in IE 6-Windows */
/* backslash hack hides this from IE mac \*/
* html .clearfix {height: 1%;}

/* End Aslett clearing method */
/* -------------------------- */


/* -------------- */
/* main global TEXT formats */

p {
	font-size: 1.2em;
	line-height: 1.5em;
	text-indent: 25px;
	margin-top: 0px;
	margin-bottom: 6px;
}
h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	background-color: #999966;
	text-indent: 47px;
	height: 25px;
	padding-top: 5px;
	margin-bottom: 10px;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 24px;
}


a {
	font-weight: bold;
}
a:link, a:visited {
	color: #336699;
	text-decoration: none;
}
a:hover, a:active {
	color: #D21C1C;
	text-decoration: underline;
}

/* -------------- */
/* define DIVs */

#pagewrapper {
	background-color:#e6e0ba;
	width: 100%;
}

/* -------------- */
#topcontent {
	width: 100%;
}
#top-bar {
	width: 100%;
	background-color: #999966;
	height: 20px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #5c8585;
	color: #DBDBA6;
	font-weight: bold;
	text-indent: 90px;
	padding-top: 6px;
}
#top-bar a {
	color: #f6efd1;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 8px;
}
#top-bar a:link, a:visited {
	color: #f6efd1;
}
#top-bar a:hover, a:active {
	color: #f6efd1;
	background-color: #5C8585;
}
#top-logo {
	width: 760px;
	background-image: url(/..images-hp/pc_bg-graphic.gif);
	background-repeat: no-repeat;
	left: -8px;
	top: 32px;
	height: 100%;
	margin-left: 100px;

}
#top-logo a {
	font-weight: bold;
}
#top-logo a:link, a:visited {
	color: #336699;
	text-decoration: none;
}
#top-logo a:hover, a:active {
	color: #D21C1C;
	text-decoration: underline;
}

#link1, #link2, #link3, #link4, #link5 {
	font-size: 1.2em;
	text-indent: 0px;
}
#link1 {
	position: absolute;
	left: 532px;
	top: 62px;
}
#link2 {
	position: absolute;
	left: 558px;
	top: 103px;
}
#link3 {
	position: absolute;
	left: 569px;
	top: 146px;
}
#link4 {
	position: absolute;
	left: 569px;
	top: 193px;
}
#link5 {
	position: absolute;
	left: 555px;
	top: 223px;
}

/* -------------- */
#lowercontent {
	height: 100%;
	width: 100%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #5C8585;
	background-color: #DBDBA6;
}
.main-text {
	text-indent: 0px;
	font-size: 1.1em;
}

/* clear out a: from previous divs */
#lowercontent a {
	color: #336699;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#lowercontent a:link, a:visited {
	}
#lowercontent a:hover, a:active {
	color: #D21C1C;
	text-decoration: underline;
	}

#col-left {
	float: left;
	width: 175px;
	margin-left: 45px;
}
#col-rt {
	float: left;
	width: 175px;
	margin-left: 10px;
}
#sidebar {
	float: left;
	width: 250px;
	margin-left: 20px;
	margin-right: 5px;
	padding-left: 10px;
	border-left: 4px;
	border-left-color: #5C8585;
	border-left-style: dotted;
}
#sidebar2 {
	float: left;
	width: 200px;
	margin-left: 0px;
	margin-right: 30px;
	padding-left: 10px;
	border-left: 4px;
	border-left-color: #5C8585;
	border-left-style: dotted;
	}
#sidebar3 {
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-right: 30px;
	padding-left: 10px;
	border-left: 4px;
	border-left-color: #5C8585;
	border-left-style: dotted;
	}
.sidebar-title {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: 0px;
	margin-top: 10px;
}
.sidebar-details {
	font-size: 1.2em;
	line-height: 120%;
	font-weight: normal;
	margin: 5px;
	text-indent: 0;
}
.sidebar-coursetitle {
	font-size: 1.5em;
	line-height: 110%;
	font-weight: bold;
	margin: 5px;
	text-indent: 0;
}
.sidebar-fl {
	font-size: 1.3em;
	line-height: 120%;
	font-weight: bold;
	margin: 0px;
	text-indent: 0px;
	padding-top: 5px;
}
#sidebar h2, #sidebar2 h2, #sidebar3 h2 {
	font-size: 1.8em;
	line-height: 110%;
	font-weight: bold;
	margin: 0px;
	text-indent: 0px;
	padding-bottom: 5px;
	}
#sidebar h3, #sidebar2 h3, #sidebar3 h3 {
	font-size: 1.6em;
	line-height: 110%;
	font-weight: bold;
	margin-top: 20px;
	text-indent: 0px;
	padding-bottom: 5px;
	}


/* -------------- */
#footer {
	width: 100%;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 10px;
	padding-left: 90px;
	background-color: #e6e0ba;
}
.red {
	font-weight: bold;
	color: #BC1226;
}