/* Redefinions */
html{
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}

body {
	margin: 0;
	border: 0;
	background-color: #fff;
	background-image:url(../_img/background.gif);
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #878684;
}
h1{
	font-weight:bold;
	color:#ff9902;
	font-size:140%;
	margin:0 5px 22px 0;
}
h2{
	font-weight:bold;
	color:#ff9902;
	font-size:130%;
	margin:0 0 5px 0;
	padding:0;
	padding-left:22px;
}
h2 a,
h2 a:visited{
	color:#ff9902;
}
h3{
	font-weight:bold;
	color:#ff9902;
	font-size:120%;
	margin:0 5px 22px 0;
	padding-left:22px;
}

a,
a:hover,
a:visited{
	color: #878684;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#ff9700;
	
}

img{
	border:0;
}
/* ###### */
/* Layout */
div#outerContainer{
	width:950px;
	margin:0 auto;
}
div#innerContainer{
	width:950px;
	background-color:#FFFFFF;
	padding:22px 0 45px 0;
	float:left;
	border:1px solid #D9D9D9;
}
div#header{
	float:left;
	width:950px;
}
div#logo{
	float:left;
	width:228px;
}
div#banner{
	float:right;
	width:722px;
}
/* ###### */
/* Nav */
div#nav{
	float:left;
	width:218px;
	padding:0 0 15px 10px;
	margin-top:24px;
	
}
div#nav ul{
	margin:0;
	padding:0;
	border-top:1px dotted #949494;
	width:191px;
	float:left;
	list-style:none;
	margin-bottom:41px;
}
div#nav ul li{
	border-bottom:1px dotted #949494;
	font-size:110%;
}
div#nav ul li a{
	text-decoration:none;
	color: #878684;
	width:174px;
	padding-left:17px;
	line-height:17px;
	background-color:#f8f8f8;
	display:block;
}
div#nav ul li.on a,
div#nav ul li a:hover{
	background-color:#eeeeec;
	font-weight:bold;
	color:#ff9700;
}
div#nav span.leftHeading{
	padding-left:17px;
	font-size:110%;
}
div#nav #leftPanel{
	padding:3px 0;
	border-top:1px dotted #949494;
	border-bottom:1px dotted #949494;
	width:191px;
}
div.divide{
	margin:5px 0;
	height:8px;
	background-image:url(../_img/divide_orange.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
}
div#nav div.divide{
	padding:0 10px 0 17px;
	width:164px;
}
/* ###### */
/* Content */
div#content{
	width:486px;
	float:left;
	margin-top:23px;
}
div#content p{
	margin:0 5px 22px 0;
	padding-left:22px;
	background-image:url(../_img/para_bullet.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	line-height:150%;
}

div#rightPanel{
	float:right;
	width:215px;
	background-image:url(../_img/right_grad.gif);
	background-repeat:repeat-x;
	margin-right:21px;
	padding:11px 0 20px 0;
	overflow:hidden;
}
div#rightPanel img{
	margin-bottom:8px;
	float:right;
}
div#rightPanel div.panel{
	float:right;
	width:208px;
	padding:10px 0 14px 0;
	background-image:url(../_img/divide_orange.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
div#rightPanel div.panel img{
	display:block;
}
div#rightPanel div.panel a.button{
	background-color:#FDCF4A;
	background-image:url(../_img/button_left.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	display:block;
	float:left;
	padding:0 0 0 10px;
	text-decoration:none;
}
div#rightPanel div.panel a.button span{

	background-image:url(../_img/button_right.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-repeat:no-repeat;
	color:white;
	display:block;
	padding:0 10px 0 0;
	float:left;
	line-height:18px;
	font-size:110%;
	font-weight:bold;
}
div#rightPanel div.sideimage{
	width:208px;
	overflow:hidden;
	float:right;
	margin-top:10px;
}
/* ###### */
/* Hacks to restyle content from old site */
/* Blue Page */
.blue_page{
	float:left;
}
div#content .blue_page h1{
	font-weight:normal;
	color:#8c8b89;
	font-size:155%;
	margin:0 0 5px 0;
}
div#content .blue_page h2{
	font-weight:bold;
	color:#ff9902;
	font-size:135%;
	margin:0 0 5px 0;
	clear:both;
}
div#content .blue_page p{
	margin:0 0  10px 0;
	padding-left:0;
	background-image:none;
}
.blue_page .courseCode{
	color:#8c8b89;
	font-size:110%;
	margin-bottom:10px;
}

.blue_page .bookmarks{
	color:#ff9902;
	float:left;
}
.blue_page .bookmarks a{
	color:#ff9902;
}
.blue_page .divide{
	width:461px;	
}
.blue_page .button{
	clear:both;
	float:left;
}
.blue_page .button img{
	margin:10px 0;
	clear:both;
}
div.blue_page div.courseBox{
	float:left;
	width:110px;
	_height:130px;
	min-height:130px;
	padding-left:5px;
}
div.blue_page div.courseBox img{
	border:1px solid #ff9902;
}
div.blue_page div.lastRow{
	_height:auto;
	min-height:auto;
}
/* ###### */
/* ###### */