/******** Globals ********/
* 	{margin:0; 
	padding:0; 
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

img	{border:0;}

ul, ol {
	list-style-position: outside;
	padding: 4px 0 6px 32px;
	}

li	{padding: 3px;
	}
	
a, .definition {
	color: #DD9857;
	text-decoration: none;
	}
	
a:hover {
	color: #333333;
	text-decoration: none;
	}
			
/******** Typeography ********/
body {font: normal 0.75em/130% Arial, sans-serif;
	background: #FFFFFF;
	color: #666666;
	}

#univ {
	width: 780px;
	margin: 15px auto 0 auto;
	}

.univBkgd {
	background: url(/images/u_bkgd.jpg) no-repeat top left;
	position: relative;
	float: left;
	width: 780px;
	height: 650px;
	}

.univBkgdPad {
	padding: 30px 50px;
	width: 680px
	}

.univCampus {
	background: url(/images/u_bkgd_campus.jpg) no-repeat top left;
	position: relative;
	float: left;
	width: 780px;
	height: 650px;
	}
	
.topic {
	position: relative;
	float: left;
	width: 780px;
	}

.topicMain {
	position: relative;
	float: left;
	width: 780px;
	height: 950px;
	overflow: hidden;
	}
				
.logout {
	position: absolute;
	top: 10px;
	margin-left: 705px;	
	z-index: 1000;
	}
	
.backtoU {
	position: absolute;
	top: 10px;
	margin-left: 638px;	
	z-index: 1000;
	}

.allnav1 {
	background: url(/images/all_nav.gif) no-repeat top left;
	background-position: 0 0; 
	float:left;
	width: 181px;
	height: 30px;
	margin-bottom: 1px;
	}
	
.allnav1:hover {
	background-position: 0 -30px; 
	}

.allnav2 {
	background: url(/images/all_nav.gif) no-repeat top left;
	background-position: -181px 0; 
	float:left;
	width: 421px;
	height: 30px;
	margin-bottom: 1px;
	position: relative;
	}
	
.allnav2:hover {
	background-position: -181px -30px; 
	}	

.jv {position: absolute;
	top: 0;
	left: 122px;
	width: 83px;
	height: 30px;
	}
	
.allnav2 .jv:hover {
	background: url(/images/all_nav-game.gif) no-repeat top left;
	background-position: -303px 0; 
	}
				
.varsity {position: absolute;
	top: 0;
	left: 231px;
	width: 43px;
	height: 30px;
	}
	
.allnav2 .varsity:hover {
	background: url(/images/all_nav-game.gif) no-repeat top left;
	background-position: -412px 0; 
	}
	
.spring {position: absolute;
	top: 0;
	left: 300px;
	width: 88px;
	height: 30px;
	}
	
.allnav2 .spring:hover {
	background: url(/images/all_nav-game.gif) no-repeat top left;
	background-position: -481px 0; 
	}
		
.allnav3 {
	background: url(/images/all_nav.gif) no-repeat top left;
	background-position: -602px -60px; 
	float:left;
	width: 178px;
	height: 30px;
	margin-bottom: 1px;
	}
	
.allnav3:hover {
	background-position: -602px -30px;	
	}
	
.allnav1 span, .allnav2 span, .allnav3 span {
	display:none;
	}
	

h1	{font: normal 1.8em/1.8em Georgia, serif; 
	color: #347588;
	padding: 0 0 .3em 0;  
	}

h2	{font: normal 1.4em/1.5em Georgia, serif; 
	color: #347588;
	padding: 1em 0 .3em 0; 
	}

h3	{font: normal 1.1em/1.3em Georgia, serif; 
	color: #347588;
	padding: 1em 0 .3em 0; 
	}
	
h4 {font: bold 1em/1.3em Georgia, serif; 
	padding: 1em 0 .3em 0; 
	}

h5	{font-weight: bold;
	font-size: 1em;
	color: #347588; 
	padding: 1em 0 .3em 0; 
	}
	
#footer {
	font-size: 0.8em;
	color: #666666; 
	margin: 40px 0; 
	}	

#footer a{
	color: #999999; 
	}	

#footer a:hover{
	color: #000000; 
	}
	
/******** Topic Section Page Structure ********/
#topicHdr {
	width: 780px;
	height: 173px;
	overflow: hidden;
	}
	
#topicNav {
	float: left;
	width: 780px;
	height: 37px;
	overflow: hidden;
	}
	
#topicContent {
	position: relative;
	float: left;
	width: 423px;
	padding: 10px 35px 0 102px;
	overflow: hidden;  
	}

#topicContent.tech h1, #topicContent.tech h2, #topicContent.tech h3, #topicContent.tech h4, #topicSide.tech a {
	color: #347588;
	}

#topicContent.finance h1, #topicContent.finance h2, #topicContent.finance h3, #topicContent.finance h4, #topicSide.finance a {
	color: #4D5050;
	}
					
#topicFlashGame{
	margin: 0;
	text-align: center;  
}

#topicSide {
	float: left; 
	width: 220px; 
	overflow: hidden;
	}

#topicSide a:hover {
	color: #333333;
	}	
/******** Topic Section Fast Fact ********/
#fastfact {
	width: 215px; 
	overflow: hidden;
	background: #e7e8e8 url(/images/fastfact3.gif) no-repeat bottom right; 
	}
	
.fastfactPad {
	padding: 0 8px 8px 15px;
	font-size: 0.9em;	
	}
	
 #fastFactHeader{	
 	height: 44px; 
	width: 215px; 
	}


/******** Topic Section Secondary Navigation ********/
#secNav{
	margin: 30px 0 0 15px;
	width: 200px; 
	overflow: hidden;
	}
	
#secNav ul{
	list-style-type:none; 
	padding: 0;
	}
	
#secNav li {
	font-size: 1.1em;
	padding-top: 3px; 
	}

	
/******** Topic Section Navigation ********/
.topicNavProgress {
	float: left;
	width: 125px;
	height: 37px;
	}
	
.topicNavBar {
	float: left;
	width: 223px;
	height: 37px;	
	}

#topicNav a span {display:none;}
	
#prequiz_regOn, #prequiz_regOnDone, #prequiz_reg, #prequiz_regDone, #prequiz_hide, #prequiz_hideDone, #article_regOn, #article_regOnDone, #article_reg, #article_regDone, #article_hide, #article_hideDone, #game_regOn, #game_regOnDone, #game_reg, #game_regDone, #game_hide, #game_hideDone, #faq_regOn, #faq_regOnDone, #faq_reg, #faq_regDone, #faq_hide, #faq_hideDone, #postquiz_regOn, #postquiz_regOnDone, #postquiz_reg, #postquiz_regDone, #postquiz_hide, #postquiz_hideDone {
	background: url(/images/topic_nav.gif) no-repeat top left;
	float:left;	
	overflow: hidden;
	}	

	#prequiz_regOn			{width: 100px; height:  37px; background-position: 0 0;}
	#prequiz_regOnDone		{width: 100px; height:  37px; background-position: 0 -37px;} 
	#prequiz_reg 			{width: 100px; height:  37px; background-position: 0 -74px;}
	#prequiz_regDone		{width: 100px; height:  37px; background-position: 0 -111px;}
	#prequiz_reg:hover		{width: 100px; height:  37px; background-position: 0 -148px;}
	#prequiz_regDone:hover	{width: 100px; height:  37px; background-position: 0 -185px;}
	#prequiz_hide			{width: 100px; height:  37px; background-position: 0 -222px;}		
	#prequiz_hideDone		{width: 100px; height:  37px; background-position: 0 -259px;}
	
	#article_regOn			{width:  88px; height:  37px; background-position: -100px 0;}
	#article_regOnDone		{width:  88px; height:  37px; background-position: -100px -37px;} 
	#article_reg 			{width:  88px; height:  37px; background-position: -100px -74px;}
	#article_regDone		{width:  88px; height:  37px; background-position: -100px -111px;}
	#article_reg:hover		{width:  88px; height:  37px; background-position: -100px -148px;}
	#article_regDone:hover	{width:  88px; height:  37px; background-position: -100px -185px;}
	#article_hide			{width:  88px; height:  37px; background-position: -100px -222px;}
	#article_hideDone		{width:  88px; height:  37px; background-position: -100px -259px;}
	
	#game_regOn			{width:  75px; height:  37px; background-position: -188px 0;}
	#game_regOnDone		{width:  75px; height:  37px; background-position: -188px -37px;} 
	#game_reg 			{width:  75px; height:  37px; background-position: -188px -74px;}
	#game_regDone		{width:  75px; height:  37px; background-position: -188px -111px;}
	#game_reg:hover		{width:  75px; height:  37px; background-position: -188px -148px;}
	#game_regDone:hover	{width:  75px; height:  37px; background-position: -188px -185px;}
	#game_hide			{width:  75px; height:  37px; background-position: -188px -222px;}
	#game_hideDone		{width:  75px; height:  37px; background-position: -188px -259px;}

	#faq_regOn			{width:  60px; height:  37px; background-position: -263px 0;}
	#faq_regOnDone		{width:  60px; height:  37px; background-position: -263px -37px;} 
	#faq_reg 			{width:  60px; height:  37px; background-position: -263px -74px;}
	#faq_regDone		{width:  60px; height:  37px; background-position: -263px -111px;}
	#faq_reg:hover		{width:  60px; height:  37px; background-position: -263px -148px;}
	#faq_regDone:hover	{width:  60px; height:  37px; background-position: -263px -185px;}
	#faq_hide			{width:  60px; height:  37px; background-position: -263px -222px;}
	#faq_hideDone		{width:  60px; height:  37px; background-position: -263px -259px;}

	#postquiz_regOn			{width: 109px; height:  37px; background-position: -323px 0;}
	#postquiz_regOnDone		{width: 109px; height:  37px; background-position: -323px -37px;} 
	#postquiz_reg 			{width: 109px; height:  37px; background-position: -323px -74px;}
	#postquiz_regDone		{width: 109px; height:  37px; background-position: -323px -111px;}
	#postquiz_reg:hover		{width: 109px; height:  37px; background-position: -323px -148px;}
	#postquiz_regDone:hover	{width: 109px; height:  37px; background-position: -323px -185px;}
	#postquiz_hide			{width: 109px; height:  37px; background-position: -323px -222px;}
	#postquiz_hideDone		{width: 109px; height:  37px; background-position: -323px -259px;}


/******** Section Index Page Structure ********/

#intro {
	height:260px; 
	width: 366px; 
	padding: 50px 0 0 383px;  
	}
	
#icons {
	width: 600px;
	height: 944px; 	
	margin-left: 82px; 
	}
	
/******** Section Index Icons ********/
#icons .icon {
	width: 70px; 
	height: 70px; 
	float: left; 
	}

.iconImage{
	position: absolute;
	margin: 30px 0 0 19px;
	z-index: 100; 
	}

.bubbles{
	position: absolute;
	margin: 94px 0 0 26px;
	z-index: 200;
	}

.iconDone {
	position: absolute;
	margin: 30px 0 0 10px;
	z-index: 300; 
	}

.iconBlank {
	float: left; 
	width: 109px;
	height: 122px;
	margin: 5px 4px;
	overflow:hidden; 
	}
	
/******** Roll-over Behaviors ********/
	/**** Post-it (background) Rollovers ****/
	#tech_icon1, #tech_icon2, #tech_icon3, #tech_icon4, #tech_icon5, #tech_icon6, #tech_icon7, #tech_icon8, #tech_icon9, #tech_icon10, #tech_icon11, #tech_icon12, #tech_icon13, #tech_icon14, #tech_icon15, #tech_icon16, #tech_icon17, #tech_icon18, #tech_icon19, #tech_icon20 {
		float: left; 
		background: url(/images/tech_postit.gif) no-repeat top left;
		width: 109px;
		height: 122px;
		margin: 5px 4px;
		overflow:hidden; 
	}
	
	#finance_icon1, #finance_icon2, #finance_icon3, #finance_icon4, #finance_icon5, #finance_icon6, #finance_icon7, #finance_icon8, #finance_icon9, #finance_icon10, #finance_icon11, #finance_icon12, #finance_icon13, #finance_icon14, #finance_icon15, #finance_icon16, #finance_icon17, #finance_icon18, #finance_icon19, #finance_icon20 {
		float: left; 
		background: url(/images/finance_postit.gif) no-repeat top left;
		width: 109px;
		height: 122px;
		margin: 5px 4px;
		overflow:hidden; 
	}

	#tech_icon1:hover, #tech_icon2:hover, #tech_icon3:hover, #tech_icon4:hover, #tech_icon5:hover, #tech_icon6:hover, #tech_icon7:hover, #tech_icon8:hover, #tech_icon9:hover, #tech_icon10:hover, #tech_icon11:hover, #tech_icon12:hover, #tech_icon13:hover, #tech_icon14:hover, #tech_icon15:hover, #tech_icon16:hover, #tech_icon17:hover, #tech_icon18:hover, #tech_icon19:hover, #tech_icon20:hover, #finance_icon1:hover, #finance_icon2:hover, #finance_icon3:hover, #finance_icon4:hover, #finance_icon5:hover, #finance_icon6:hover, #finance_icon7:hover, #finance_icon8:hover, #finance_icon9:hover, #finance_icon10:hover, #finance_icon11:hover, #finance_icon12:hover, #finance_icon13:hover, #finance_icon14:hover, #finance_icon15:hover, #finance_icon16:hover, #finance_icon17:hover, #finance_icon18:hover, #finance_icon19:hover, #finance_icon20:hover { 
		background-position: -109px -0; 
	}
	
	.showRoll {
		display:none;
		color:#ffffff;
		font: normal 1em/1.3em Arial, sans-serif; 
		text-decoration:none;
		text-align:center;
		padding: 40px 10px 0 10px; 
	}
	
	.icon_spacer {
		display: block;
		float: left;
		width: 109px;
		height: 122px;
		overflow:hidden;  
	}
	
	
/******** Admin ********/
.admin td {
	padding: 3px 10px;
	}
	
.niceinput {
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	font: normal 1em/100% Arial, sans-serif;
	padding: 2px 4px;
	color: #666666;
	}

	
/******** Campus Map ********/
		
#map {
	position: absolute;
	top: 171px;
	}
	
#campusText {
	position: absolute;
	width: 370px;
	height: 140px;
	top: 30px;
	margin-left: 350px;
	}

.map_cons, .map_consComing, .map_env, .map_envComing, .map_finance, .map_health, .map_healthComing, .map_tech, .map_report {
	position: absolute;
	width: 121px;
	height: 54px;
	}

.map_cons, .map_env, .map_finance, .map_health, .map_tech, .map_report, .map_cons:hover, .map_env:hover, .map_finance:hover, .map_health:hover, .map_tech:hover, .map_report:hover {
	background: url(/images/map_labels.gif) no-repeat top left;
	}
		
.map_cons span, .map_env span, .map_finance span, .map_health span, .map_tech span, .map_report span {
	display: none;
	}
			
.map_cons {
	top: 310px;
	margin-left: 531px;
	background-position: 0 0;
	}

.map_consComing {
	top: 310px;
	margin-left: 531px;
	}
		
.map_cons:hover {
	background-position: -121px 0;	
	}
	
.map_env {
	top: 391px;
	margin-left: 276px;
	background-position: 0 -54px;
	}
	
.map_envComing {
	top: 391px;
	margin-left: 276px;
	}
	
.map_env:hover {
	background-position: -121px -54px;
	}
	
.map_finance {
	top: 179px;
	margin-left: 258px;
	background-position: 0 -108px;
	}
	
.map_finance:hover {
	background-position: -121px -108px;
	}
	
.map_health {
	top: 282px;
	margin-left: 85px;
	background-position: 0 -162px;
	}
	
.map_healthComing {
	top: 282px;
	margin-left: 85px;
	}
	
.map_health:hover {
	background-position: -121px -162px;
	}
	
.map_tech {
	top: 223px;
	margin-left: 436px;
	background-position: 0 -216px;
	}

.map_tech:hover {
	background-position: -121px -216px;
	}

.map_report {
	top: 550px;
	margin-left: 30px;
	background-position: 0 -270px;
	}
.map_report:hover {
	background-position: -121px -270px;
	}