/* ---------->>> the following classes govern the style of general page elements, such as 
 text, links, images, etc. <<--------------------------------------------------------------------------------*/
 
/* ---------->>> general layout styles: <<<-------------------------------------------------------------------*/
/* ---------->>> the following styles govern the style of general layout elements that are relevant to all
layouts and are not specific to a certain type (either interior, index, flash layouts, etc.) <<---------------*/

.footerCopy {   	
	padding-left:35px;
	padding-right:50px;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

div.footerCopy p {
	color:#000000;
	padding-top:15px; 
}

.footerIndex {
	text-align: right;
	padding-top: 15px;
	color: #296DC0;
}

.imgLarge {
	display:none;
}

.imgSmall {
	display:none;
}


/* ---------->>> sub-menu positioning styles: <<<------------------------------------------------------------------*/
/* ------------  the following styles govern the position/style/layer order of dhtml sub-menus --------------------*/	

/* [currently none] */

/* #subNav {	
	position:relative;
	top:0px;
	left:0px;
	float:left;
	text-align:left;
	width:183px;
	height:auto;	
	border:2px solid #cccccc; 
} */

/* ---------->>> sub-nav styles: <<<-------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of the sub-navigation links in the left column -----------*/	

.navPrimary {
	display:none;
}

.navSecondary {
	display:none;
}

.navSecondarySelect {
	display:none;
}

/* this style below only works because the primary 'a' tag doesn't have an explicit text-decoration set. if it did,
we wouldn't be able to change it here. so instead, let's just create a fresh new '.nav' class so we can
also override the basic link color */
/* .navPrimary a, .navSecondary a, .navSecondarySelect a {
	text-decoration:none;	
} */

/* regular sub nav link styles */
a.nav:link, a.nav:visited, a.nav:active {
	text-decoration:none;	
 	color:#296DC0;
} 

a.nav:hover {
	text-decoration:none;
	color: #043167;
}
	
/* selected (on same page as this nav) sub nav link styles */
a.navSelected:link, a.navSelected:visited, a.navSelected:active, a.navSelected:hover {
	text-decoration:none;
	font-weight:bold;
	color:#296DC0;
}
	
/* ---------->>> text styles: <<<----------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of text for paragraphs, bold text, etc. ------------------*/	

div {					
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
}

p {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left:1px;
	padding-bottom:15px; 
}	
											
.bold {					
	font-style:inherit;
	font-weight:bold; 
}
						
.italic {				
	font-weight:inherit; 
	font-style:italic;
}

h1 {
	font-size:14px;
	font-weight:bold;
	color: #296DC0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #296DC0;
	margin-bottom:15px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-bottom:15px;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding-bottom:5px;
}

.detailText {			
	font-size: 11px; 
	color: #999999;
}						
						
.errorText {			
	font-size: 11px; 
	color: #cc0000;
}

															
/* regular link styles */
a:link, a:visited, a:active {
	color: #296DC0;
}

a:hover {
	color: #043167;
}

a.footer {
	text-decoration:none;
	font-weight:bold;
	padding:2px;
}

.alumniText {
	min-height:77px;
	overflow:visible;
	padding-bottom:10px;	
	border:0px solid #000000;
}

.alumniPhotoLeft {
	float:left;
	width:77px;
	height:77px;
	margin-right:10px;
	padding-bottom:0px;
	border:0px dashed #666666;
}

.alumniPhotoRight {
	float:right;
	width:77px;
	height:77px;
	margin-left:10px;
	padding-bottom:0px;
	border:0px dashed #666666;	
}

.tuitionText {
	position:relative;
	width:135px;
	padding-bottom:15px;
	color:#666666;
}
	
.tuitionFeeText {
	position:absolute;
	top:0px;
	right:0px;
	color:#666666;
}

/* ---------->>> news teaser styles: <<<----------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance and positioning of news teasers on index page -------------------*/	

/* *** DMS - moved out to separate, common file so we can use also to display/preview banners on admin page
	NOW are in common/utils/bannerstyles.css
*/

/* ---------->>> list styles: <<<----------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of ordered/unordered lists -------------------------------*/	

/* global white space reset forces us to style lists manually */
ul {	
	margin-left:10px;
	padding-left:20px;
	padding-bottom:15px;
	color:000000;		
	/* text-indent:0px; */
}

li {	
	list-style-type:square;
	list-style-position:outside;
	padding-bottom:15px;
	/*
	list-style-type: none;
	background-image: url(../graphics/layout/icon_diamond.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:10px;
	*/
}
		
/* ---------->>> form element styles: <<<--------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of form fields, selects, etc. ----------------------------*/			
		
.formButton {			
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 12px;
	font-weight: bold;
	background-color: #666666;
	color: #ffffff;
	border: 2px solid #999999;
	margin-bottom:5px;
}

.formText {				
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-bottom:5px;
}						
						
.popFormText {			
	font-size: 11px; 
	margin-bottom:5px;
}
/* ---------->>> table styles: <<<---------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of formatted tables for charts, etc. ---------------------*/	

/* [currently none] */	

		
/* ---------->>> miscellaneous styles: <<<-------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of horizontal rules other misc stuff ---------------------*/
	
div.rule hr { 			
	/* take out the hr element; its top/bottom margin properties are completely
	different in ff and ie. (it will display for non-css browsers.) */
	display:none;
}
			
div.ruleFooter hr { 			
	/* take out the hr element; its top/bottom margin properties are completely
	different in ff and ie. (it will display for non-css browsers.) */
	display:none;
}

/* this div wraps around and replaces the hr. */
div.rule { 				
	color: #296DC0;
	background-color: #296DC0;
	height:1px;
	margin-top:5px;
	margin-bottom:15px;
} 

div.ruleFooter { 				
	color: #043167;
	background-color: #000000;
	width:auto;
	height:1px;
	margin-top:5px;
	margin-bottom:5px;
}