/************************************************************************
This is the primary CSS sheet for the the dePaul School website 
redesign. This sheet is responsible for setting site defaults, including
backgrounds, fonts, colors, etc. If needed, this sheet may be
supplemented with additional sheets.
************************************************************************/

body {
	background: top left url('/images/main_bg.gif') repeat-x #a2a2a2;
	font-family:arial,helvetica,sans-serif;
	font-size: 12px;
	color:#333333;
	text-align:center;
}

/* Font-size is set at approx. 11px or 8pt. */
body div#document	{
	width : 970px; /* sets overall content width */
	border:10px solid #fff;
	background:#fff;
	margin:15px auto 0;
	text-align:left;
}


/****************** IMPORTANT DEFAULTS *******************/
a, 
a:link, 
a:active,a:visited { color:#002e5c; }
a:hover { color:#4141b3; }

h1 {
	font-weight:normal;
	font-size:30px;
	padding-top:5px;
}
h2 {
	font-weight:normal;
	font-size:24px;
	color:#002e5c;
	font-family:georgia,times new roman,serif;
	padding-bottom:30px;
	margin-bottom:0;
}
h3 {
	font-size:14px;
	padding-bottom:3px;
	color:#002e5c;
	font-family:georgia,times new roman,serif;
} 
/****************** END IMPORTANT DEFAULTS *******************/





/****************** UTILITY *******************/

.subheadingByline {
	position:relative;
	top:-27px;
}

.backToTop {
	text-align:right;
	font-size:11px;
}
	.backToTop a { text-decoration:none; }
	.backToTop img {
		vertical-align:middle;
		margin-right:4px;
	}
	.backToTop span { text-decoration:underline; }

.highlightedSection {
	padding:10px;
	background:#ddd;
}
/****************** END UTILITY *******************/





/****************** MASTHEAD *******************/

#masthead {
	background:#002e5c;
	border:1px solid #002e5c;
	height:99px;
	margin-bottom:9px;
	color:#fff;
	font-family:georgia,times new roman,serif;
	font-size:11px;
	text-align:center;
}
	#masthead a, 
	#masthead a:link, 
	#masthead a:active,
	#masthead a:visited { color:#fff; }
	#masthead a:hover { color:#ddd;	}
	
	#masthead .rightImage { float:right; }
	#masthead .schoolLogo {
		float:left;
		padding:3px 0 0 16px;
	}
	#masthead .topLinks { padding:15px 0 20px; }
/****************** MASTHEAD *******************/





/****************** FOOTER *******************/

#footer {
	padding:5px;
	color:#000;
	font-size:11px;
}
	#footer a, 
	#footer a:link, 
	#footer a:active,
	#footer a:visited { color:#000; }
	#footer a:hover { color:#666; }
/****************** END FOOTER *******************/





/****************** MAIN BODY *******************/

#mainBody {
	border:1px solid #002e5c;
	padding:0 70px 20px 7px;
}

#mainBodyTable { width:891px; }
	#mainBodyTable .leftCell {
		width:235px;
		font-family:georgia,times new roman,serif;
	}
		#mainBodyTable .leftCell img { vertical-align:middle; }
	#mainBodyTable .mainCell { padding:20px 0 0 18px; }

#leftNav {
	color:#fff;
	padding:30px 0 35px;
	margin-bottom:15px;
	background:bottom left url('/images/left_nav_bottom.gif') no-repeat #002e5c;
}
	#leftNav a, 
	#leftNav a:link, 
	#leftNav a:active,
	#leftNav a:visited {
		color:#fff;
		text-decoration:none;
	}
	#leftNav a:hover {
		text-decoration:underline;
	}
	
	#leftNav ul {
		margin:0 0 5px 0;
		border-bottom:5px solid #fff;
		list-style-type:none;
	}
		#leftNav ul li {
			margin:0;
			border-top:5px solid #fff;
			list-style-type:none;
			font-weight:bold;
			padding:7px 5px 7px 10px;
		}
			#leftNav ul ul {
				border:0;
				margin-bottom:0;
			}
				#leftNav ul ul li {
					border:0;
					font-weight:normal;
					padding-bottom:3px;
					padding-left:20px;
					background:12px 1.2em url('/images/dash.gif') no-repeat;
				}
	
	#leftNav li a.selected {
		text-decoration:underline !important;
	}
	
	#leftNav .bottomButtons div {
		padding:12px 0 0 12px;
	}
	
#leftNavItem0 { background:#d1013c; }
#leftNavItem1 { background:#028a43; }
#leftNavItem2 { background:#009fc6; }
#leftNavItem3 { background:#f98224; }
/****************** END MAIN BODY *******************/





/****************** MAIN BODY.HOMEPAGE *******************/
#homeTitle { padding-bottom: 29px;
width: 950px;
font-size: 45px;
font-family: impact, charcoal, sans-serif; }

#mainBody.homePage {
	padding:14px 335px 25px 15px;
	font-size:13px;
	color:#002e5c;
	background:bottom right no-repeat; /* bg image is set with JS */
}
	#mainBody.homePage p {
		padding-left:20px;
		padding-right:45px;
	}
	
.pieHolder {
	padding-left:135px;
	height:197px;
	overflow:hidden;
	position:relative;
}
	.pieHolder a { position:relative; }
	.pieHolder a:hover {
		top:-197px;
		margin:0;
	}
.data{
	width:450px;
}
td.first {
	text-align:right;
	padding-top:2px;
	padding-right:5px;
}
.highlight { color:#F98224 }
.error_on_form { color:#D1013C; }


#admissionsForm, #admissionsForm input,
#admissionsForm table, #admissionsForm table input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#admissionsForm input { margin-right:8px; }

.emergency{
	border: 1px #ff0000 solid;
	margin: 15px 50px 0px 15px;
	background: #FFF;
	color: #000;
}
.EmergencyTitle{
	background: #ff0000;
	color: #FFF;
	padding: 2px 5px;
	font-weight: bold;
	text-transform:uppercase;
	margin-bottom: 7px;
}
.emergency p {
	padding-right: 15px !important;
}

/****************** END MAIN BODY.HOMEPAGE *******************/