@charset "utf-8";
/* CSS Document */

body {margin: 0px; background-repeat:no-repeat; background-position:top center; font-family:Arial, Helvetica, sans-serif;
background-image:url(i/v_and_a_Background.gif); color:#333;}
#welcomeFullContainer {margin-bottom: 10px; height:220px;}
.welcomeText {float:left; margin: 80px 420px 0px 10px;}
.welcomeText a {font-size:2em; font-weight: bold; text-decoration:none; color:#660000;}
.welcomeText a:hover {text-decoration:underline;}
#pageContainter {width: 750px; background-color:#000000; margin-left: auto; margin-right:auto;}
	#header { background-color:#e5e5e5;}
	#devYourFuture {color:#aaa; margin:20px 20px 0px 0px; font-size:1.5em;}
		#breadCrumbs {background-color:#fff; background-image:url(i/subNavH3.gif); background-position:left center; background-repeat:no-repeat; padding:5px 0px;}
		#breadCrumbs p {font-size:0.65em; margin: 0px 15px; float:left;}
		#breadCrumbs ul {list-style-type:none; margin:0px; padding:0px;}
			#breadCrumbs ul li {font-size:0.65em; float:left; margin-right:10px;}
				#breadCrumbs ul li a {color: #000; text-decoration:none;}
					#breadCrumbs ul li a:hover {color: #0a7ca7; text-decoration:underline;}
					#breadCrumbs ul li.currentPage {color: #0a7ca7;}
	#mainNavigation {background-color: #660000;}
		#mainNavigation ul {list-style-type:none; margin: 0px; padding:0px;}
			#mainNavigation ul li {display: inline;}
				#mainNavigation ul a {display:block; height: 2em; padding: 0em 1em; float: left; color:#fff; text-align:center; text-decoration:none; font-size:0.8em; font-weight:bold; line-height:2em;}
				#mainNavigation ul a:hover {background-color:#666;}
				#mainNavigation ul a.selected { background-color:#0a7ca7;}
				#mainNavigation ul a abbr {border:none;}
	#mainContainer {background-color:#fff; height:300px; padding-top: 10px;}
		#subNavigation {width:170px; float:left; background-color:#ddd; color:#000; padding-bottom:10px;}
		#subNavigationFront {width:180px; float:left; background-color:#ddd; color:#000; padding-bottom:10px;}
			#subNavigation h3 {color: #600; margin:0px; font-size: 0.75em; text-transform:uppercase; background-color:#ccc; background-image:url(i/subNavH3.gif); background-repeat:no-repeat; padding: 3px 3px 3px 17px; background-position: 5px 6px;}
			#subNavigation ul, #subNavigationFront ul {list-style-type:none; margin:0px; padding:0px;}
				#subNavigation ul li, #subNavigationFront ul li {padding-left:17px; background-image:url(i/subNavLI.gif); background-repeat:no-repeat; background-position:5px 8px;}
					#subNavigation ul li a, #subNavigationFront ul li a {font-size:0.75em; color:#444; text-decoration:none;}
					#subNavigation ul li a.selected {font-weight: bold;}
					.level2 {margin:0px; padding:0px; background-color:#efefef; width:100%; display:block;}
						.level2 li {margin: 0px; padding:0px; background-position: 12px;}
					#subNavigation ul ul {margin-left: -17px; width:170px;}
						#subNavigation ul ul li {padding-left:26px; background-position: 17px 9px;}
							#subNavigation ul ul ul {background-color:#fff; margin-left:-26px;}
		.oneCol {background-color: #0033FF;}
		.colLeft {float:left; width: 48%; margin-bottom:20px;}
		.colRight {float:right; width: 48%; margin-bottom:20px;}
			
		#contentContainer {width: 550px; float:right; background-color:#fff; padding-bottom:50px;}
		.highlightCopy {margin-left:83px;}
	#footerHolder {background-color:#fff; border-bottom: 1px #600 solid;}
		#footerNavigation {background-color:#600; width: 270px; float:right; padding:3px;}
			#footerNavigation ul {list-style-type:none; margin:0px; padding:0px; text-align:center;}
				#footerNavigation ul li { display:inline; margin: 0px 5px;}
					#footerNavigation ul li a {color:#fff; font-size:0.75em; text-decoration:none;}
						#footerNavigation ul li a:hover {text-decoration:underline;}
	#siteMapHolder {background-color:#e5e5e5; border-top: 1px #666 solid;}
		#siteMapLegend { width: 150px; float:left; background-color:#666; color:#e5e5e5; font-size: 1.2em; font-weight: normal; text-align:center; padding: 0.25em 0em;}
		#siteMap { width: 550px; float:right; padding: 20px 20px 50px 0px;}
			#siteMap ul {font-weight:bold; margin:0px; padding:0px; list-style-type:none; font-size:0.8em; }
			#siteMap ul li {clear:both; margin-bottom:1em;}
			#siteMap ul ul {font-weight: normal; font-size:1em; margin-bottom: 10px;}
			#siteMap ul ul li {display: inline; margin-right: 10px; clear:none;}
			#siteMap a { text-decoration:none; color:#666;}
			#siteMap a:hover {text-decoration:underline;}
			
			.frontCol {width: 180px; float:left;}
			.mRight10 {margin-right: 10px;}
			.mLeft10 {margin-left: 10px;}
		
/* DEFAULT STYLE */
.cBoth {clear:both;}
.floatRight {float:right;}
.floatLeft {float:left;}
.taRight {text-align:right;}
.taCenter {text-align:center;}
.taLeft {text-align:left;}
.noMargBottom {margin-bottom:0px;}
.margBottomBig {margin-bottom:150px;}
.margBottomMed {margin-bottom:80px;}
.margBottomVeryBig {margin-bottom:300px;}

/* TYPOGRAPHY */
h1 {font-size:1.2em; color:#600; font-weight:bold;}
h2 {}
h3 {font-size:0.80em; color:#600;}
/*h3 span {font-size:0.75em;}*/
a {color:#0a7ca7; text-decoration:none;}
a img {border:none;}

#contentContainer h2 {font-size:0.80em;}
#contentContainer.colLeft h2, #contentContainer.colRight h2 {color:#aaa;}
h2.highlight {padding: 2px 5px 2px 16px; background-image:url(i/subNavH3.gif); background-repeat:no-repeat; background-position:4px center; color:#600; background-color:#e5e5e5; font-size:0.75em !important;}
.highlightCopy h3 {font-size:0.75em; padding: 2px 5px 2px 16px; background-image:url(i/subNavLI.gif); background-repeat:no-repeat; background-position:4px center; color:#600;}
.highlightCopy h3 a {color: #600; text-decoration:none;}
.highlightCopy h3 a:hover {color:#0a7ca7;}
#mainContainer a:hover {text-decoration: underline;}
p, #contentContainer li, td, th {font-size:0.8em;}
p {margin-right: 15px;}
p.introPara, ul.introPara  {font-weight: bold;color:#0a7ca7;}
p.more {background-image:url(i/subNavLI.gif); background-repeat:no-repeat; background-position:4px center; color:#600;padding: 2px 5px 2px 16px;}
p.more a {text-decoration:none;color:#0a7ca7;}
p.more a:hover {text-decoration: underline;}
#contentContainer ul.ordinaryList {list-style-type:square;}
#contentContainer ul.ordinaryList li {margin-bottom:10px;}
.stronger {font-weight:bold;}
.moduleInfo {margin: 0px 0px 40px 0px; padding:0px; list-style-type: none;}
.moduleInfo li {background-image:url(i/subNavLI.gif); background-repeat:no-repeat; background-position:0px center;margin-right: 15px; display:inline; padding-left:10px; color:#0a7ca7;}
.moduleInfo li a {color:#0a7ca7; text-decoration:none;} 
.moduleInfo li a:hover {text-decoration:underline;}

.infoTable {width: 100%;}


/* COURSE PAGES */
body.coursePage #contentContainer .unitLists .unitCode, 
body.coursePage #contentContainer h3 .unitCode {float:left; margin-left:-80px;}
.unitLists {list-style-type: none; margin-left: 0px; padding-left:0px;}
body.coursePage #contentContainer h3, .unitLists li {padding: 0px 0px 0px 80px;}
body.coursePage #contentContainer h3.normal {padding:0px;}