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

/*	BASICS & TYPOGRAPHY	*/

body {
	font: 14px/1.5em arial, sans-serif;
/*	background-color: #1c1c1c;*/
	color: #eee;
	background:#fff url("../images/main/bg-body.jpg") center top no-repeat;
}

a {
	color: #2f77b3;
}

#main h1 {
	font-family: tahoma, arial, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.2em;
	margin: .6em 0;
	letter-spacing: -1px;
	color: #fff;
}

h2 {
	color: #bd280f;
	font-family: tahoma, arial, sans-serif;
	font-size: 1.5em;
	margin: 1.5em 0 .5em;
}

p {
	margin: 0 0 1.5em;
}

ul {
	margin: 0 0 1.5em 3em;
	list-style: disc;
}

ol {
	list-style: decimal;
	margin: 0 0 1.5em 3em;
}

ol.feed {
	list-style: none;
	margin: 0;
} 

blockquote {
	font-style: italic;
	border-left: 1em solid #222;
	padding-left: 1em;
}

blockquote cite {
	font-size: .85em;
}

/*	MAIN CONTAINER	 */

#container {
	width: 1024px;
	margin: 0 auto;
}


/*	HEADER	*/

#header {
	height: 111px;
	background: url("../images/main/bg-header.png") no-repeat center bottom;
	padding: 0 28px;
}

#header #logo {
	height: 111px;
	width: 235px;
	background: url("../images/main/bg-logo2.png") no-repeat;
	float: left;
}

#header #logo a {
	display: block;
	height: 111px;
	text-indent: -900em;
}

#header-nav {
	float: left;
	padding: 54px 0 0 28px;	
	width: 705px;
	margin: 0;
	list-style: none;
}

#header-nav > li {
	float: left;
	margin-right: 14px;
}

#header-nav > li > a {
	font-size: 15px;
	font-weight: bold;
	color: #155499;
	text-decoration: none;
	background: url("../images/main/bg-header-nav-li.png") no-repeat right center;
	padding-right: 19px;
	/****/
	color:#fff;
}

#header-nav > li > a:hover {
	color: #fff;
	/****/
	color:#072a6c;	
}

#header-nav li.link-campus_select {
	position: relative;
}

#header-nav .link-campus_select > a {
	color: #c7ced4;
	background: url("../images/main/bg-link-campus_select.png") no-repeat right top;
	color:#BD280F; 
	/****/
	color:#fff;
}

#header-nav .link-campus_select ul {
	position: absolute;
	background: url("../images/main/bg-link-campus_select-ul.png") no-repeat right top;
	width: 144px;
	display: none;
	padding-top: 23px;
	margin: -20px 0 0;
	right: -5px;
	z-index: 5000;
	list-style: none;
}

#header-nav .link-campus_select:hover ul {
	display: block;	
}

#header-nav .link-campus_select ul li a {
	display: block;
	border-top: 1px solid #000;
	padding: 9px 13px;
	line-height: 1em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-color: #155499;
}

#header-nav .link-campus_select ul li:first-child a {
	border-top: none;
}

#header-nav .link-campus_select ul li a:hover {
	background-color: #fff;
	color: #155499;	
}

#header-nav li.link-times_directions {
	width: 230px;
	height: 45px;
	float: right;
	margin: 0;
	background: url("../images/main/bg-link-times_directions.png");
	position: relative;
	top: -23px;
}

#header-nav li.link-times_directions a {
	color: #ccc;
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	padding: 0;
	background-image: none;
	font-size: 14px;
}

#header-nav li.link-times_directions a:hover {
	color: #fff;
}


/*	CONTENT	*/

#content {
	background-color: #121212;
	padding: 22px 28px;
	overflow: auto;
	clear: both;
}

#main {
	width: 64%;
	float: left;
}

#main-body {
	padding: 1px 0;
}

#sub {
	width: 32%;
	float: right;
	font-size: 12px;
	line-height: 1.75em;
}

#sub p {
	margin-bottom: 1.75em;
}

#sub h2 {
	line-height: 1.166em;
	margin: 1.75em 0 .583em;
}

#sub-body {
	padding: 1px 0;
}

#sub #sub-nav {
	margin: 0 0 26px;
	list-style: none;
}

#sub #sub-nav > li > a {
	color: #2f77b3;
	background-color: #1c1c1c;
	display: block;
	text-decoration: none;
	height: 48px;
	line-height: 48px;
	font-weight:bold;
	border-top: 1px solid #282828;
	border-bottom: 1px solid #000;
	padding: 0 22px;
	text-shadow: -1px -1px 0 #081a2f;
	font-size: 14px;
}

#sub #sub-nav > li > a:hover {
	color: #fff;
	background-color: #233446;
	border-top: 1px solid #2f3e50;
	border-bottom: 1px solid #081a2f;
	text-shadow: -1px -1px 0 #081a2f;
}

#sub #sub-nav > li > a span {
	color:#fff;
}

#sub #sub-nav > li.crazy_love > a span {
	color:#BD280F;
}

#sub #sub-nav > li > ul {
	border-top: 1px solid #1c1c1c;
	border-bottom: 1px solid #000;
	padding: 12px 0;	
	background-color: #181818;
	list-style: none;
	margin: 0;
	display: none;
}

#sub #sub-nav > li.section-current > ul {
	display: block;
}

#sub #sub-nav > li > ul > li > a {
	color: #2f77b3;
	background-color: #181818;
	display: block;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	padding: 0 22px 0 33px;
	text-shadow: -1px -1px 0 #081a2f;
	font-size: 12px;
}

#sub #sub-nav > li > ul > li > a:hover {
	color: #fff;		
}

#sub #sub-nav .section-current > a {
	color: #fff;
}

#sub #sub-nav .link-current > a {
	color: #fff;
	font-weight: bold;
}

#sub #sub-nav .link-store {
	position: relative;
}

#sub #sub-nav .link-store .link-cart {
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	font-weight: normal;
	border: none;
	padding-top: 1px;
	background: url("../images/main/bg-link-cart.png") no-repeat left center;
}

#sub #sub-nav .section-current .link-cart {
	color: #2f77b3;
	font-weight: normal;
}

#sub #sub-nav .link-store .link-cart:hover,
#sub #sub-nav .section-current .link-cart:hover {
	color: #fff;
	background: url("../images/main/bg-link-cart-hover.png") no-repeat left center;
}

#sub #sub-nav > li.link-resources a {
	background:#1C1C1C url("../images/main/bg-link-resources.jpg") no-repeat 110px top;
}

#sub #sub-nav > li.link-resources a:hover {
	background:#233446 url("../images/main/bg-link-resources.jpg") no-repeat 110px bottom;
}

/* 	FOOTER	 */

#footer {
	background: url("../images/main/bg-footer.png") no-repeat center top;
	padding: 16px 28px 9em; 
	color: #555;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	clear: both;
}

#footer a {
	color: #555;
	text-decoration: none;
}

#social_media {
	height: 20px;
	float: left;
	list-style: none;
	margin: 0;
}

#social_media li {
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 8px;
}

#social_media li a {
	height: 20px;
	display: block;
	text-indent: -900em;
}

#social_media .link-facebook {
	background-image: url("../images/main/bg-link-facebook.png");
}

#social_media .link-twitter {
	background-image: url("../images/main/bg-link-twitter.png");
}

#social_media .link-myspace {
	background-image: url("../images/main/bg-link-myspace.png");
}

#social_media .link-podcast {
	background-image: url("../images/main/bg-link-podcast.png");
}

#footer #footer-copyright {
	float: left;
	clear: none;
	margin: 0 0 0 .5em;
	padding: 0;
}

#footer-search {
	float: right;
	font-size: 12px;
	height: 21px;
	background: url("../images/main/bg-footer-search.png") no-repeat right center;
	color: #999;
}

#footer-search label {
	top: -1px;
	position: relative;
}

#footer-search input[type="text"] {
	padding: 0;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: #999;
	border: none;
	background-color: #232323;
	width: 139px;
	margin-left: 11px;
	font-style: italic;
}

#footer-search button {
	width: 21px;
	height: 21px;
	border: none;
	padding: 0;
	background: url("../images/main/bg-footer-search.png") no-repeat right center;
	text-indent: -900em;
}

#footer p {
	text-align: center;
	clear: both;
	margin-top: 48px;
}


/* PAGER */

ol.pager {
	margin: 0;
	list-style-type: none;	
	text-align: center;
}

ol.pager li {
	display: inline;
}

ol.pager li a {
	display: inline-block;
	text-align: center;
	min-width: 1em;
	padding: 4px .5em;
	background-color: #222;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ol.pager li a:hover {
	background-color: #2f77b3;
	color: #fff;
}

ol.pager li span {
	min-width: 1em;
	padding: 4px .5em;
	font-weight: bold;
}


/* ACCORDION LISTS */

#expand_list > ul {
	list-style: none;
	margin: 1.5em 0;
	border-top: .25em solid #1c1c1c;
}

#expand_list > ul > li {
	border-bottom: .25em solid #1c1c1c;
	margin: 0;
	padding: 0 33px;
}

#expand_list h2 {
	margin: 0;	
}

#expand_list h2 a {
	display: block;
	padding: .9em 33px;
	margin: 0 -33px;
	text-decoration: none;
	/*background: url("../images/main/link-expand.png") no-repeat 11px center;*/
}

#expand_list li.show h2 a {
	/*background: url("../images/main/link-contract.png") no-repeat 11px center;*/
}

#expand_list h2 a:hover {
	color: #fff;
}