/* @group Imports */

@import "reset.css";

/* @end */


/* @group Global Styles */

body {
	background: #000; height: 100%;
}

.clear {
	clear: both; height: 30px;
}

.mini-clear {
	clear: both; height: 10px;
}

.dotted-clear {
	clear: both; height: 30px; border-bottom: 1px #ccc dashed;
}

.dotted-mini-clear {
	clear: both; height: 15px; border-bottom: 1px #ccc dashed;
}

#content {
	height: auto; background: #1a1a1a url(/images/global/dark-bg.jpg) top center no-repeat; /*border-bottom: 1px #989898 solid;*/ min-height: 200px;
}

.align-center {
	text-align: center;
}

.align-left {
	float: left;
}

.align-right {
	float: right;
}

/* @group Top Nav */

#top-bar {
	height: 60px; margin: 0 auto; padding: 0; /*background: url(/images/global/topbar-bg.png) top left repeat-x;*/
}

#top-nav {
	width: 960px; height: 60px; margin: 0px auto;
}

/* @group Campus Logos */

#topbar-campus-logo {
	float: left; width: 345px; height: 60px; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px;
}

#topbar-campus-logo a {
	display: block; width: 345px; height: 60px; 
}

.topbar-highland-logo {
	background: url(/images/global/topbar-hpc-highland-logo.png) top left no-repeat;
}

.topbar-annex-logo {
	background: url(/images/global/topbar-hpc-annex-logo.png) top left no-repeat;
}

.topbar-franny-logo {
	background: url(/images/global/topbar-hpc-franny-logo.png) top left no-repeat;
}

.topbar-elpaso-logo {
	background: url(/images/global/topbar-hpc-elpaso-logo.png) top left no-repeat;
}

.topbar-spanish-logo {
	background: url(/images/global/topbar-hpc-spanish-logo.png) top left no-repeat;
}

.topbar-brdc-logo {
	background: url(/images/global/topbar-hpc-brdc-logo.png) top left no-repeat;
}

.topbar-dville-logo {
	background: url(/images/global/topbar-hpc-dville-logo.png) top left no-repeat;
}

.topbar-mozi-logo {
	background: url(/images/global/topbar-hpc-mozi-logo.png) top left no-repeat;
}

.topbar-swazi-logo {
	background: url(/images/global/topbar-hpc-swazi-logo.png) top left no-repeat;
}

.topbar-online-logo {
	background: url(/images/global/topbar-hpc-online-logo.png) top left no-repeat;
}

/* @end */


#topbar-logo {
	float: left; width: 192px; height: 60px; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px;
}

#topbar-logo a {
	display: block; width: 192px; height: 60px; background: url(/images/global/topbar-hpc-logo.png) top left no-repeat;
}

#top-btns {
	float: right; height: 44px; list-style: none; padding: 16px 0 0 0;
}

#top-btns ul {
	list-style: none;
}

#top-btns ul li {
	display: inline; float: left; background: url(/images/global/btns-line.png) top right no-repeat;
}

#top-btns ul li a {
	display: block; min-width: 40px; height: 17px; padding: 8px 10px 0 9px; font-family: Helvetica, Arial, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none; color: #ccc; text-transform: uppercase;
}

#top-btns ul li a:hover {
	color: #fff; background: url(/images/global/btns-over.png) bottom center no-repeat;
}

#top-btns a.topbtn-selected {
	color: #fff; background: url(/images/global/btns-over.png) bottom center no-repeat;
}

#top-contact {
	float: right; height: 60px; list-style: none;
}

#top-contact ul li a {
	float: left; padding: 59px 0 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px;
}

#top-contact ul li a:hover {
	background-position: 0 -60px;
}

#top-contact a.topbar-selected {
	background-position: 0 -60px;
}

#topbar-contact a {
	width: 31px; background: url(/images/global/topbar-contact.png) top left no-repeat;
}

#topbar-search a {
	width: 38px; background: url(/images/global/topbar-search.png) top left no-repeat;
}

#top-contact ul {
	list-style: none;
}

#top-contact ul li {
	list-style: none; display: inline;
}



/* @end */

/* @group Footer */

#backtotop {
	clear: both; width: 960px; margin: 35px auto 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px;
}

#backtotop a {
	display: block; float: right; width: 108px; height: 24px; background: url(/images/global/backtotop.png) top right no-repeat;
}

#backtotop a:hover {
	background-position: 0 -24px;
}

#footer {
	/*background: url(/images/global/footer-bg.png) top left repeat-x;*/ background: #000; border-top: 2px #444444 solid; min-height: 95px;
}

#footer-content {
	width: 960px; min-height: 95px; margin: 0 auto; background: url(/images/global/footer-template.png) top center no-repeat;
}

#footer-logo {
	float: left; width: 130px; height: 75px; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px;
}

#footer-logo a {
	display: block; width: 130px; height: 75px;
}

#footer-text {
	float: left; width: 610px; height: auto; margin: 0 0px 0px 5px; padding: 28px 0 0 0;
}

#footer-content p {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #8c8b8c; text-transform: uppercase; margin: 0 0 11px 0;
}

#footer-content p span {
	margin: 0 5px 0 5px;
}

#footer-content p span a {
	text-decoration: none; color: #c3c2c3;
}

#footer-content p span a:hover {
	text-decoration: underline; color: #fff
}

#footer-content p span img {
	margin: 0 0 -2px 0;
}

#footer-search {
	float: right; width: 201px; height: 25px; margin: 30px 0 0 0; 
}

#footer-search a {
	display: block; width: 201px; height: 25px; background: url(/images/global/search-btn.png) top left no-repeat; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px;
}

/* @end */

/* @end */

/* @group Choose Campus */

#choose-body {
	width: 891px; height: 335px; margin: 0 auto; background: url(/images/global/choose-campus.png) top center no-repeat; padding: 75px 0 0 0;
}

#choose-body h1 {
	float: left; display: block; color: #fff; background: #252525; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bolder; letter-spacing: -1px; padding: 5px 0 3px 10px;
}

.campus-list {
	float: left; width: 180px; padding: 5px 0 0 10px; margin: 0 0x 0 0;
}

.two-column-header {
	float: left; width: 400px; margin: 0 10px 0 10px;
}

.two-column-header h1 {
	width: 400px;	
}

.single-column-header {
	float: left; width: 200px; margin: 0 10px 0 10px;
}

.single-column-header h1 {
	width: 180px;
}

.campus-list ul {
	margin: 5px 0 20px 15px; color: #333;
}

.campus-list ul li {
	margin: 10px 0 15px 0;
}

.campus-list ul li a {
	font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bolder; letter-spacing: -1px; margin: 0 0 10px 0; text-decoration: none; color: #333;
}

.campus-list ul li a:hover {
	color: #675691; text-decoration: underline;
}

.campus-list ul li p {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #80807a; margin: 1px 0 0 0;
}

/* @end */