@import url("/library/css/reset.css");

.box-highlight { background: url(/images/highlight.jpg) repeat-x top; position: relative; margin: 0 -15px; }

body {
	margin: 0;
	padding: 0;
	background: #6b00ce url(/images/bg-site.jpg) no-repeat center top;
}
body,td,th {
	font: 13px/20px Arial, Helvetica, sans-serif;
	color: #333333;
}
p, ul, ol, H1, H2, H3, table, form { margin: 0 0 20px 0; }
a img { border: none; }
a { color: #6a6a6a; text-decoration: underline; }
a:hover { color: #dd8e29; text-decoration: underline; }

form { padding: 0;  }
form td { padding: 4px 0; text-align: left; }
#wrapper {
	width: 890px;
	margin: 30px auto 0;
	position: relative;
	text-align: left;
}
#home #wrapper { margin-top: 100px; }
#header { height: 150px;
position: relative; }
#logo {
	position: absolute;
	top: 30px;
	right: 2px;
}
#title {
	position: absolute;
	top: 21px;
	left: 0px;
}
#content {
	padding: 10px;
	background: white;
	border: 3px solid #5d05ad;
}
#page-content { padding: 40px 40px 10px 40px; }
#page-content ul { list-style: square outside; padding-left: 25px; }
#page-content ul li { margin-bottom: 8px; }
#footer {
	margin: 25px auto;
	text-align: center;
	font-size: 11px;
}
#footer p {
	color: white;
	margin: 0;
	font: 15px Verdana, Geneva, sans-serif;
	padding-top: 10px;
}
#footer a, #footer a:hover  { color: white; text-decoration: none; }

hr { display: block; clear: both; height: 1px; background: #ffe5c2; color: #ffe5c2; border: none; padding: 0; margin: 25px 0; }
.faculty-wrapper { clear: both; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ffe5c2; }
.faculty-wrapper p { margin-left: 130px; }

.border-black { border: 1px solid black; }

.orange-box {
	padding: 3px 6px;
	margin: 0 25px 0 -10px; 
	background: #dd8e29;
	color: white;
	font: 12px "Arial Black", Gadget, sans-serif;
}

/* HEADERS */

H1 {
	font: bold 22px/26px Arial, Helvetica, sans-serif;
	color: #dd8e29;
}
H2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #6b00cd;
	background: #ebe1f9;
	padding: 5px 10px;
	margin-left: -8px;
	margin-top: 40px;
}
h2 em, h2 strong {
	margin-left: 50px;
	font-style: normal;
	font-weight: bold;
}
h1 + h2 { margin-top: 0; }
img + h3, h2 + h3, div + h3 { padding-top: 0; border-top: none; }
H3 {
	font: normal 16px/20px "Times New Roman", Times, serif;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	margin-bottom: 10px;
}
h3 strong { font-weight: bold; }




/* FORMS */

.basic-form label {
	float:left;
	width:150px;
	display:block;
	clear:left;
	margin-right:10px;
	text-align:left;
	margin-top: 10px;
	padding-top: 3px;
}
.basic-form label.error { float: left; width: 150px; color: red; padding: 0; margin: 15px 0 0 15px; clear: none;  }

.basic-form textarea, .basic-form input[type="text"], .basic-form input[type="file"], .basic-form select, .basic-form button, .basic-form optgroup
	{ margin-top:10px; width: 250px; padding: 6px; float: left; border: 2px solid #ccc; background: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.basic-form textarea { width: 400px; }	
.basic-form label wide { float: none; }
.basic-form br { clear: both; }
.basic-form input[type="checkbox"] { margin-top: 10px; }
.basic-form input[type="submit"] {
	background: url(/images/btn-submit-medium.png);
	color: white;
	text-align: center;
	margin-top: 15px;
	border: none;
	cursor: pointer;
	font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 47px;
	width: 156px;
}
.basic-form input[type="text"].error { border: 2px solid red; }


/* NAVBAR */

#nav { padding: 0; margin: 1px 0 0 98px; list-style: none; height: 40px; }
#nav li { display: inline; float: left; }
#nav a { float: left; display: block; height: 40px; width: 133px; margin: 0; text-align: center; color: #fff; font-weight: bold; font-size: 15px; line-height: 40px; text-decoration: none; background: url(/images/bg-nav.png); }
#nav a:hover { color: #ffe5c2; text-decoration: none; }

#home li#home-link { display: none; }
#home #nav { margin-left: 180px; margin-top: 0; }

/* LEFT NAV */
.sub-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	text-align: left;
	margin: 0 0 20px 0;
}
.sub-nav li { border-top: 1px solid #ccc; }
.sub-nav li:first-child { border-top: none; }
.sub-nav li a {
	display: block;
	background: none;
	text-decoration: none;
	padding: 8px 0;
	margin: 0;
	width: 100%;
}
.sub-nav li a:hover {
	text-decoration: none;
	color: red;
}

.full-width { width: 100%; clear: both; }

.col-small { width: 220px; }
.col-large { width: 680px; }
.col-half { width: 46%; }
.col-third { width: 30%; }

.left { float: left; }
.right { float: right; }
img.left { margin: 0 25px 10px 0; }
img.right { margin: 0 0 10px 25px; }

.clearfix { clear: both; }