/* @override 
http://www-staged.umuc.edu:8000/new_umuc/css/sub.css
 */

/* Layout
--------------------------------------------------*/
body {	
font: 62.5%/185% Verdana, sans-serif;	
color: #011A53;
background: #000F32 url(../images/body-bg.jpg) top center no-repeat; }

#spotlight-landing #container { 
background: #EFEFEF url(../images/spotlight-bg.jpg) 0 110px repeat-x; }

#container {
margin: 0 auto; 
padding-top: 22px;
padding-bottom: 50px;
background: #EFEFEF url(../images/subbg.jpg) 0 110px repeat-x;}

p {margin-bottom: 20px; font-size: 1.2em;}

#container-inner {
width: 960px; 
margin: 0 auto;
background-color: #EFEFEF;}

#pos-element {position: relative;}

#top-right {
position: absolute;
top: 0;
right: 20px;}

#logo {margin-top: -10px; float: left;}

#search {
margin-top: -10px;
padding: 10px 0px 15px 20px;
width: 180px;
float: right;
background: url(../images/search-bg.png) top left no-repeat;}

#search input {
font-size: 1.4em;
color: #00275d;
border: none; 
background: none;}

#banner {margin-bottom: 0px;}
#banner-content {position: relative;}

#banner p {
position: absolute; 
top: 65px; 
left: 245px;
font-weight: bold;
font-family: Georgia, serif;
font-size: 2em;}

#banner-links ul {
list-style: none; 
margin: 0;
padding: 25px 0 0 10px; 
width: 220px;
position: absolute;}

#banner-links li {
margin: 0; 
padding-bottom: 3px;
line-height:2; 
font-size: 1.4em;
background: url(../images/bannerlinks-bg.png) bottom center no-repeat; }

#content {
margin: 0 auto;
width: 960px;}

#main-content {
width: 675px;
padding-left: 10px;
float: left;}

#col-left {
margin-right: 10px;
width: 220px;
float: left;}

#footer {
border-bottom: 1px solid #333;
background: #000F32 url(../images/footer-bg.jpg) top center no-repeat; }

#footer-info {
width: 960px; 
margin: 0 auto;
padding-left: 55px;
color: #FFF;}

#contact-info {padding-top: 30px;}
#contact-info a {text-decoration: none; color: yellow; font-size: 1.1em;}

#footer-info .col-left {
margin-left: -10px;}

#adspot p {line-height: 140%; margin-bottom: 5px;}
#adspot {padding-bottom: 18px; background: url(../images/sidebar-hr.png) bottom center no-repeat;}

#spotlight {margin-top: 20px; }
#spotlight h3 {margin-bottom: 0; padding-bottom: 5px;}
#spotlight a {text-decoration: none; font-weight: bold; font-size: 1.2em;}
#spotlight p {width: 178px; margin-top: 5px; line-height: 140%; margin-bottom: 5px;}
/* Layout Ends
--------------------------------------------------
--------------------------------------------------*/



/* Global Elements
--------------------------------------------------*/
.clear {clear: both;}
.pre {white-space: pre;}
.col-left {float: left; width: 47.5%;} /* width:275px; */
.col-right {float: right; width: 47.5%;}

.sidebar-hr {
background: url(../images/sidebar-hr.png) bottom center no-repeat; 
padding: 15px 0;}

.main-hr {
margin-bottom: 10px;
padding: 15px 0;
background: url(../images/main-hr.png) bottom center no-repeat;}

.callout {
margin-top: 20px;
padding: 10px;
border: 4px double #CCC;
background: #F5F5F5 url(../images/gradient.jpg) bottom center repeat-x; }

.callout-side {
margin: 15px;
padding: 0px 10px 10px 10px;
border: 4px double #CCC;
margin-right: -18px;
width: 200px;
float: right;
background: #F1F1F1 url(../images/gradient.jpg) bottom center repeat-x; }

*html .callout-side {margin-right: 0px;}

.callout h2, .callout h3 {
margin-top: 0; 
border-bottom: 1px solid #CCC; 
padding-bottom: 5px; 
margin-bottom: 10px;}
/* Global Elements Ends
--------------------------------------------------
--------------------------------------------------*/



/* Navigation
--------------------------------------------------*/
#nav-main ul, #utility-links ul {list-style: none; margin: 0; padding: 0;}
#nav-main li, #utility-links li {display: inline;}
#nav-main a, #utility-links a {text-decoration: none;}

#nav-main {
margin-top: 41px;
margin-right: 28px;
width: 700px;
height: 47px;
float: right;
clear: right;
background: url(../images/nav-bg.jpg) top left repeat-x;}

#nav-main ul {
text-align: center;
padding-top: 15px;}

#nav-main li {padding-right: 30px;}

#utility-links {
margin-right: 15px; 
float: right;}

#tabbed-content {
margin-bottom: 20px;
padding: 10px 0;
background: url(../images/tabbednav-bg.png) bottom center no-repeat; }

#tabbed-content li {
display: inline;
padding: 10px;
font-size: 1.3em;}

/**
 * JPD - 12/9/09
 */
#nav-main ul { padding:0; padding-left:60px; height:47px; }

#nav-main ul li { padding:0; height:47px; float:left; }

#nav-main ul li a { display:block; height:32px; padding:15px 17px 0; width:auto; }

#nav-main ul li ul {
	display: none;
	list-style: none;
	position: absolute;
	margin: auto 0 0 0;
	z-index: 90;
	padding: 0;
	height:auto;
	background:#001335 url('/new_umuc/images/bg_dropdown.jpg') repeat-x scroll top left; 
	/*border:3px solid #fff;
	border-top:0 none;*/
}

#nav li ul li { float:none; }

#nav-main ul li ul a {
	display: block;
	width: auto;
	padding: 3px 17px 3px 17px;
	float:none;
	/*background-color: #f4f4f4;
	color:#AF0013;*/
	height:auto;
	text-align:left;
	border-bottom:1px solid #193463;
}

#nav-main ul li ul a.ddchildhover {
	background-color:#20427e;
}
/**
 * End JPD
 */

/* Navigation Ends
--------------------------------------------------
--------------------------------------------------*/



/* Links
--------------------------------------------------*/
a {color: #af0013;}
a:hover {color: #0058e6;}
a:visited {color: #2B528B;}

#utility-links a {color: #00275d; font-size: 1.2em;}
#utility-links a:hover {color: #0058e6;}

#nav-main a {color: #FFF; font-size: 1.2em;}
#nav-main a:hover {color:#ffec00;/* #DE9E00;*/}

.col-left a:hover, .col-right a:hover {color: #0046C8;}

.learnmore {
padding: 10px 25px;
background: url(../images/learnmore-bg.png) left center no-repeat; 
text-decoration: none;
font-size: 1.2em;}

#events a {text-decoration: none;}

#banner-links a {text-decoration: none; color: #FFF;}
#banner-links a:hover {color:#ffec00; /* #DE9E00;*/}
/* Links Ends
--------------------------------------------------
--------------------------------------------------*/



/* Lists
--------------------------------------------------*/
.col-left li, .col-right li {
padding: 5px;
background: url(../images/link-hr.png) bottom left no-repeat; }

ul {
margin-left: 30px;
padding-left: 5px;
margin-bottom: 10px;
list-style: disc;}

#main-content li {
margin-bottom: 0px; 
font-size: 1.2em;}

.quicklinks {list-style: none; margin: 0; padding: 0; font-size: 1.2em;}

/*.quicklinks li {
background: url(../images/link-bullet.png) 0 4px no-repeat; 
padding-left: 20px;}*/

.quicklinks a {text-decoration: none;}

.callout ul {list-style: none; margin-left: 0px;}

.callout li {
padding-left: 23px;
padding-bottom: 5px;
line-height: 130%;
background: url(../images/link-bullet.png) 0 -1px no-repeat;}

#footer-info ul {list-style: none; margin: 0; padding-left: 0;}
/* Lists Ends
--------------------------------------------------
--------------------------------------------------*/




/* Headings
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
margin-top: 20px;
padding-bottom: 15px;
font-family: Georgia, serif; 
line-height: 120%;
font-weight: bold;
color: #011A53;}

h1 {font-size: 2.2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}

#events h3 {font-size: 2em;}
#events h4 {font-family: verdana, serif; margin-bottom: 0; padding-bottom: 0;}

#footer-info h3 {
color: #ccc;
padding-bottom: 3px;}

/* Headings Ends
--------------------------------------------------
--------------------------------------------------*/


/* Footer
--------------------------------------------------*/

.col-1, .col-2, .col-3, .col-4 {
float: left; 
width: 225px; 
padding-left: 15px;
padding-top: 20px;
background: url(../images/footerlink-bg.png) 0px -15px no-repeat; }

.col-1 {background: none; padding-left: 0;}

.col-1 a, .col-2 a, .col-3 a, .col-4 a {text-decoration: none; color: #FFF;}
.col-1 a:hover, .col-2 a:hover, .col-3 a:hover, .col-3 a:hover {color: #0046C8;}
/*  Ends
--------------------------------------------------
--------------------------------------------------*/



/* Event Styles
--------------------------------------------------*/
#events p {margin-top: -4px;}
/* Event Styles Ends
--------------------------------------------------
--------------------------------------------------*/


/* IE Hacks */
*html #nav-main ul li { display:block; width:1%; white-space:nowrap; }
*html #nav li ul li { display:inline; width:auto; }
*html #nav-main {margin-right: 14px;}
*html #top-right {padding-right: 220px;}
*html #utility-links {width: 380px;}
*html .col-1, 
	*html .col-2, 
	*html .col-3 { float: left; width: 300px; padding-left: 15px; padding-top: 20px; background:transparent none no-repeat scroll top left; }
*html .col-2,
	*html .col-3 { border-left:1px solid #0f2967; }
*html .col-3 p { padding-bottom:3px; margin-bottom:0; }