/* Import base styles
-------------------------------------------------------------- */
@import url(base.css);

/* Basics
-------------------------------------------------------------- */
body {
	background: #fff url('img/bg-body.jpg') top center repeat-x;
	margin: 0;
}
a {
	color: #0c2443;
}
p a {
	color: #0c2443;
	text-decoration: underline;
}
p a:hover {
	color: #333;
	text-decoration: none;
}

/* Layout
-------------------------------------------------------------- */
#wrap {
	margin: 0 auto 0 auto;
	width: 1000px;
	text-align: center;
}

#container {
	width: 100%;
	min-width: 1000px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 50px 0;
	text-align: center;
	background: url('img/bg-wrap.jpg') no-repeat top center;
}

#header {
	width: 1000px;
	height: 110px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
#header * {
	margin: 0;
	padding: 0;
}

#content {
	width: 525px;
	margin: 0 0 0 15px;
	float: left;
	display: inline;
	text-align: left;
}



/* Header
-------------------------------------------------------------- */
#header h1#logo {
	width: 250px;
	height: 60px;
	float: left;
	display: inline;
	margin: 15px 0 0 12px;
	padding: 0 0 0 0;
}
#header h1#logo a {
	display: block;
	background-image: url('img/devry-university.gif');
	background-repeat: no-repeat;
	background-position: top left;	
	text-indent: -9999px;
	width: 250px;
	height: 60px;
	margin: 0;
	padding: 0;
}

#header h2#title {
	line-height: 1.2em;
	width: 333px;
	height: 36px;
	color: #fff;
	margin: 0 0 0 140px;
	float: left;
	display: block;
	padding: 30px 0 0 0;
	text-align: center;
	text-indent: -9999px;
	background: url('img/hd-open-house.gif') no-repeat bottom left;
}




/* Content
--------------------------------------------------------------*/

#content #colum-left {
	float: left;
	width: 270px
}

#content #colum-right {
	float: right;
	width: 230px;
}


#content h2 {
	color: #0f2d50;
	line-height: 1.25em;
	width: 500px;
}

#content h3 {
	color: #0c2443;
}

#content h4 {
	color: #0c2443;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#content h4#campus-name {
	margin-bottom: .25em;
}
#content h5 {
	color: #0c2443;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
}
#content h6#highlights {
	color: #fff;
	background: url("img/bg-hightlights.gif") top left no-repeat;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	margin: 0 0 6px -4px;
	padding: 4px 0 4px 5px;
}

#content #main-img {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#content p {
	margin-bottom: 1em;
}
#content p#description {
	margin: 1em 0 .5em 0;
}

#content ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#content ul li {
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
	color: #093678;
}
#content ul li a {
	font-size: 11px;
	font-weight: normal;
	color: #0c2443;
	text-decoration: none;
	z-index: 1;
}
#content ul li a:hover {
	color: #093678;
	text-decoration: underline;
}
h5#date {
	color: #0c2443;
	font-size: 13px;
}
h5#time {
	color: #0c2443;
	font-size: 12px;
}


a.btn {
	height: 18px;
	overflow: hidden;
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
	background: url('img/btn.gif') no-repeat right 0;
	border: none;
	float: left;
	cursor: pointer;
	color: #fff;
	font-size: 9px;
}
a.btn:hover {
	text-decoration: none;
	background: url('img/btn.gif') no-repeat right -18px;
}
a.btn span {
	margin: 0 10px 0 0;
	padding: 2px 0 0 8px;
	height: 17px;
	display: block;
	background: url('img/btn.gif') no-repeat -80px 0;
}
a.btn:hover span {
	background: url('img/btn.gif') no-repeat -80px -18px;
}

.underline {
	text-decoration: underline;
}

#twitter{
	padding: 30px;
	background: url(http://twitter-badges.s3.amazonaws.com/t_small-a.png) left center no-repeat;
	float: left;
	width: 180px;
	vertical-align: middle;
}


/* Sidebar
--------------------------------------------------------------*/
#sidebar {
	width: 325px;
	margin: 0 0 0 590px;
	padding: 20px 0 0 0;
	text-align: left;
	background: url('img/bg-form.gif') no-repeat top left;
}

#sidebar h4 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #0c2443;
	width: 260px;
}

#sidebar p {
	color: #7f8b95;
	margin: .25em 0 0 0;
}

#sidebar-cta {
	margin: 10px 0 0 5px;
	padding: 0;
	width: 312px;
	height: 63px;
	background-image: url('img/hd-register-now.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
#sidebar-logos {
	margin: 10px 0 0 5px;
	padding: 0;
	width: 312px;
	height: 63px;
	background: url('img/img-sidebar-logos.gif') top left no-repeat;
}


/* Form
--------------------------------------------------------------*/
#lead {
	height: 380px;
	margin: 0 0 0 25px;
}

#lead h4 a {
	text-decoration: underline;
}

#lead-form {
	margin: 5px 0 0 0;
}

#lead-form ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
#lead-form ul li {
	margin: 0 0 0 0;
	padding: 5px 0 8px 2px;

}
#lead-form ul li#highest-degree {
	height: 25px;
}
#lead-form label.field-description {
	width: 110px;
	height: 16px;
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	color: #0c2443;
	font-weight: bold;
	display: block;
	float: left;
	font-size: 11px;
}

#lead-form input.field,
#lead-form input.required {
	width: 145px;
	height: 15px;
	margin: 0 0 0 0;
	padding: 4px 4px 0 3px;
	border: 1px solid #666;
}
#lead-form select.select {
	width: 155px;
}
#lead-form input.phone {
	width: 39px;
	margin: 0 5px 0 0;
}

#lead-form input.field:focus,
#lead-form input.required:focus {
	border: 1px solid #0c2443;
}


#lead-form input.error,
#lead-form input.error:focus {
	border: 1px solid #e6260f;
}
/* select background color */
#lead-form select.error {
	width: 154px;
	background-color: #ff6666;
}

#lead-form span.error {

}
.btn-submit {
	width: 51px;
	height: 18px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	left: 212px;
	background: url('img/btn.gif') no-repeat 0 0;
	border: none;
	display: inline;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
.btn-submit:hover {
	background: url('img/btn.gif') no-repeat 0 -18px;
}




/* Footer
-------------------------------------------------------------- */
#footer {
	background: #fff url('img/bg-footer.jpg') repeat-x top left;
	border-top: 1px solid #D9E2E8;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	clear: both;
	height: 195px;
	min-width: 1003px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
}
#footer h3 {
	font-size: 13px;
	color: #183258;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}
#footer p {
	color: #999;
	margin: .5em 0 0 0;
}


/* Fancybox
-------------------------------------------------------------- */

body#locationhtml {
	background: #00467a url('img/bg-fancybox.jpg') top right no-repeat;
	padding: 20px;
	color: #fff;
}

#location-box {
/*	background:  url('img/bg-rainbow.gif')bottom left no-repeat; */
}
sup {
	position:relative;
	top:-3px;
	font-size:10px;
}

#location-box h1 {
	margin: 0 0 8px 0;
}
#location-box h2 {
	font-family: Times, Serif;
	font-weight: normal;
	font-style: italic;
	color: #ffcc00;
	margin: 0 0 5px 0;
}
#location-box h3 {
	color: #ffcc00;
	margin: 0 0 5px 0;
	font-size: 21px;
	font-weight: normal;
}
#location-box h3#location-date {
	float: right;
	position: relative;
	top: -20px;
	right: 7px;
}
#location-box h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0 5px 0;
}
#location-box h4 span {
	color: #ffcc00;
}
#location-box h4#hd-select-location span{
	font-size: 24px;
}
#location-box h4#hd-undergrad-only {
	position: absolute;
}
#location-box h4#hd-grad-only {
	position: absolute;
}
#location-box select#state-select {
	width: 250px
}
#location-box ul {
	list-style: none;
	margin: 0 0 0 0;
	position: relative;
	left: -5px;
}
#location-box ul li {
	position: absolute;
	z-index: 10;
}
#location-box ul li a {
	width: 183px;
	height: 65px;
	display: block;
	margin: 0 0 0 0;
	padding: 6px 0 0 6px;
	text-decoration: none;
	border: 1px solid transparent;
}
#location-box ul li a:hover {
	background: #0f5385;
	text-decoration: none;
	border: 1px solid #326d96;
}
#location-box a {
	color: #fff;
}
#location-box a strong {
	font-size: 12px;
}
#location-box .yellow {
	color: #ffcc00;
}

#fancybox-logos {
	bottom: 15px;
	right: 25px;
	position: absolute;
	width: 291px;
	height: 55px;
	background: url('img/img-fancybox-logos.gif') top left no-repeat;
	z-index: 5;
}
/*
li.b-one {top: 0; left: 0;}
li.b-two {top: 0; left: 195px;}
li.b-three {top: 0; left: 390px;}
li.b-four {top: 0; left: 585px;}
li.b-five {top: 85px; left: 0;}
li.b-six {top: 85px; left: 195px;}
li.b-seven {top: 85px; left: 390px}
li.b-eight {top: 85px; left: 585px}
li.b-nine {top: 170px; left: 0}
li.b-ten {top: 170px; left: 195px}
li.b-eleven {top: 170px; left: 390px}
li.b-twelve {top: 170px; left: 585px}

li.u-one {top: 285px; left: 0;}
li.u-two {top: 285px; left: 195px;}
li.u-three {top: 370px; left: 0;}
li.u-four {top: 370px;; left: 195px;}

li.g-one {top: 285px; left: 390px}
li.g-two {top: 285px; left: 585px}
li.g-three {top: 370px; left: 390px}
li.g-four {top: 370px; left: 585px}
*/