@import url("../css/global.css");
@import url("../css/navigation.css");

/* Home Page Layout Divisions
--------------------------------------------------------------------------------------------------- */
#feature {
	height: 171px;
}
#main {
	display: block;
	height: 41px;
	line-height: 41px;
	width: 786px;
	text-indent: -9999px;
	background: #fff url(../gfx/top_home.gif) repeat-y 0 0;
}
#primary {
	float: right;
	width: 463px;
	background: none;
}
#secondary {
	float: left;
	width: 318px;
}

/* Contentarea
--------------------------------------------------------------------------------------------------- */

/* ---------------------| Feature = Level One |--------------------- */
#feature h2 {
	float: left;
	width: 318px;
	height: 157px;
	display: block;
	background: url(../gfx/feature/left.jpg) no-repeat 0 0;
	text-indent: -9999px;
}
#feature .info {
	float: right;
	width: 463px;
	height: 157px;
	background: url(../gfx/feature/right.jpg) no-repeat 0 0;
	position: relative;
}
#feature .info h3 {
	text-indent: -9999px;
	display: block;
	height: 50px;
	line-height: 50px;
}
#feature .info p {
	margin: 5px 100px 10px 15px;
	font-size: 11px;
	line-height: 1.6em;
	color:#03294F;
}
#feature .info p.more {
	margin: 0;
	padding: 0;
	line-height: 12px;
	font-size: 11px;
	position: absolute;
	bottom: 6px;
	right: 130px;
	text-align: right;
}

/* ---------------------| Course Conductors |--------------------- */
#course_conductors {
	padding: 0 0 9px 0;
}
#course_conductors h3 {
	display: block;
	height: 50px;
	line-height: 50px;
	background: url(../gfx/hd/course_conductors.gif) no-repeat 5px 0;
	text-indent: -9999px;
}
#course_conductors p {
	padding: 5px 0 0 14px;
	line-height: 1.4em;
	font-size: 11px;
}
#course_conductors p a {
	color:#A00606;
	font-size: 12px;
}
#course_conductors p a:hover {
	background:#A00606;
	color:#F5D6D6;
}

/* ---------------------| Upcoming Courses |--------------------- */
#upcoming_courses h2 {
	display: block;
	height: 46px;
	line-height: 46px;
	background: url(../gfx/hd/upcoming_courses.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#upcoming_courses {
	background: url(../gfx/mid-left.gif) repeat-y 0 0;
	margin: 0 0 5px 0;
}
#upcoming_courses ul {
	background: url(../gfx/head-left.gif) no-repeat 0 0;
	margin: 0;
	padding: 10px 0;
}
#upcoming_courses ul li {
	margin: 0 0 3px 5px;
	padding: 0 10px 3px;
	border-bottom: 1px solid #C4CA9E;
	line-height: 1.4em;
}
#upcoming_courses ul li h3,
#upcoming_courses ul li p {
	font-size: 11px;
}
#upcoming_courses ul li h3 {
	clear: both;
}
#upcoming_courses ul li p {
	float: left;
	width: 48%;
}
#upcoming_courses ul li p.more {
	float: right;
}
#upcoming_courses p.archive {
	background: url(../gfx/foot-left.gif) no-repeat 100% 100%;
	height: 38px;
	line-height: 38px;
	width: 318px
	display: block;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#upcoming_courses p.archive span.archive {
	float: left;
	width: 45%;
	text-indent: 15px;
}
#upcoming_courses p.archive span.area {
	float: right;
	width: 50%;
	background: url(../icons/magnify.gif) no-repeat 93% 50%;
}
#upcoming_courses p.archive span.area a {
	display: block;
}

/* ---------------------| ProView|--------------------- */
#proview h2 {
	display: block;
	height: 46px;
	line-height: 46px;
	background: url(../gfx/hd/proview.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#proview p.more {
	display: block;
	height: 46px;
	line-height: 46px;
	background: url(../gfx/btn/proview.gif) no-repeat 0 0;
	margin: 5px 0 0 0;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}
#proview form {
	margin: 5px 0 0 5px;
	clear: both;
}
#proview form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
#proview form input#email {
	display: block;
	float: left;
	width: 188px;
	margin: 4px 0 0 0;
	background:#E6EFF8;
	color:#6F7546;
	font-size: 11px;
}
html>body #proview form input#email {
	width: 192px;
	padding: 2px 3px;
}
#proview form p.btn {
	float: right;
	width: 105px;
}
#proview input.submit {
	width: 99px;
	height: 46px;
	background: #fff url(../gfx/btn/signup.gif) no-repeat;
	outline: none;
	display: block;
}
#proview input.submit:hover {
	background-position: -99px 0;
} 
#proview p.more span.latest {
	float: left;
	width: 60%;
	text-indent: 20px;
}
#proview p.more span.archive {
	float: right;
	width: 30%;
	text-align: right;
	text-align: left;
}

/* ---------------------| News & Events |--------------------- */
#newsblog h2 {
	display: block;
	height: 46px;
	line-height: 46px;
	background: url(../gfx/hd/news.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#newsblog {
	background: url(../gfx/box/mid.gif) repeat-y 0 0;
	margin: 0;
}
#newsblog ul {
	background: url(../gfx/box/top.gif) no-repeat 0 0;
	margin: 0;
	padding: 10px 0;
}
#newsblog p.archive {
	background: url(../gfx/box/foot.gif) no-repeat 0 100%;
	height: 42px;
	line-height: 38px;
	width: 463px
	display: block;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#newsblog p.archive img {
	margin: 0;
}
#newsblog p.archive span.more {
	float: left;
	width: 48%;
	text-align: left;
	text-indent: 15px;
}
#newsblog p.archive span.rss {
	float: right;
	width: 36%;
	background: url(../icons/rss.gif) no-repeat 90% 50%;
}
#newsplog p.archive span.separator {
	display: none;
}
#newsblog ul li {
	padding: 4px 0 0 0;
}
#newsblog ul li p,
#newsblog ul li h3 {
	padding: 0 15px 0 0;
	margin: 0 0 5px 60px;
	line-height: 1.4em;
}
#newsblog ul li h3 {
	line-height: 1.2em;
	font-size: 14px;
}
#newsblog ul li .date {
	float: left;
	width: 55px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#newsblog ul li .date p {
	margin: 0;
	padding: 0 0 0 12px;
}
#newsblog ul li .date span.month {
	display: block;
	width: 34px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	text-transform: uppercase;
	color:#D7DCB9;
	background: #A0A774 url(../gfx/month.gif) no-repeat 50% 0;
}
#newsblog ul li .date span.day {
	display: block;
	width: 34px;
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	background: #C4CA9E url(../gfx/day.gif) no-repeat 50% 100%;
}
#newsblog ul li p.more {
	border-bottom: 1px solid #C4CA9E;
	border-top: 1px solid #C4CA9E;
	padding: 4px 15px 4px 60px;
	margin: 5px 5px 5px 0;
	clear: both;
	font-size: 11px;
	text-align: left;
}

/* ---------------------| Mandate / Resources-Media Buttons |--------------------- */
#mandate {
	background: url(../gfx/box2/mid.gif) repeat-y 0 0;
}
#mandate dl {
	background: url(../gfx/box2/top.gif) no-repeat 0 0; 
}
#mandate dt {
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-size: 14px;
	color:#424628;
}
#mandate dd {
	padding: 0 0 0 10px;
}
#mandate dd ul {
	margin: 8px 14px 0 10px;
}
#mandate dd ul li {
	list-style: none;
	margin: 0 0 1px 0;
	/* margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	line-height: 1.4em;
	font-size: 12px;
	border-bottom: 1px solid #C4CA9E;  */
}
#mandate dl dd.more {
	background: url(../gfx/box2/foot.gif) no-repeat 0 0;
	height: 32px;
	line-height: 25px;
	padding: 0;
	text-align: left;
}
#mandate dl dd.more p {
	padding: 0 0 0 20px;
}

/* Hyperlinks
--------------------------------------------------------------------------------------------------- */
#feature a {
	text-decoration: none;
	color:#EEB1AF;
	text-transform: uppercase;
}
#feature a:hover {
	color: #fff;
}
.rss a em {
	text-decoration: none;
	color:#6F7546;
	border: none;
	outline: none;
	font-size: 10px;
}
.rss a:hover em {
	color: #297BB8;
}
#upcoming_courses p.more a {
	text-decoration: none;
	color:#014F8D;
}
#upcoming_courses p.more a:hover {
	color: #297BB8;
	background:#C4CA9E;
}
#newsblog p.more a {
	text-decoration: none;
	color:#014F8D;
}
#newsblog p.more a:hover {
	color: #297BB8;
	background:#C4CA9E;
}
/*
#mandate a {
	text-decoration: none;
	color:#014F8D;
}
#mandate a:hover {
	color: #297BB8;
	background:#C4CA9E;
}*/
.area a {
	text-decoration: none;
	color:#014F8D;
	border: none;
	outline: none;
}
.area a:hover {
	color: #297BB8;
}


/* Helper Classes
--------------------------------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right; }
.more { text-align: right; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */