/* @override http://www-staged.umuc.edu:8000/umucsub/substylesheet3col.css */

body 
	{margin: 0; padding: 0; font: normal .75em Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff}

/* ---------------------------------------------------------------------------------------- */
/* BEGIN POSITIONING ELEMENTS */
/* ---------------------------------------------------------------------------------------- */


#maincontainer  /* contains all the page elements - max width 950 pixels, center column stretches, left and right columns fixed */
	{min-width: 770px; max-width: 950px; margin: 5px auto 0 auto;}
		
#logoleft  /* UMUC logo at top left of page - actual image is in HTML so an alt tag can be used */
	{float: left; width: 510px; height: 45px;  margin: 0; padding: 0;}

#logoright /* top right nav links */
	{float: right; width: 260px; height: 23px; margin: 0; padding: 22px 0 0 0; overflow:hidden;}

#logocenter /* stretchable spacer */
	{width: auto; margin:0 260px; height: 45px;}

#backgroundcontainer1 /* contains headers, columns, and footers elements - needed to tile background image down the left column */
	{float: left; width: 100%; margin: 0; padding: 0; height: auto; background: url("/umucsub/images/background/left_column.gif") repeat-y;}

#backgroundcontainer2  /* contains headers, columns, and footers elements - needed to tile background image down the right column */
	{float: right; width: 100%; margin: 0; padding: 0; background: url("/umucsub/images/background/right_column.gif") 100% 0 repeat-y;} 

#headerleft /* fixed left header image (blue section) */ 
	{float: left; width: 188px; height: 80px; margin: 0; padding: 0; background: url("/umucsub/images/background/header_left.gif") no-repeat;}

#headerright /* fixed right header image (red section with no dots) */
	{float: right; width: 195px; height: 80px; margin: 0; padding: 0; background: url("/umucsub/images/background/header_right.gif") no-repeat;}

#headercenter /* center header image (red section with dots) that tiles as page widens - holds header headercontent */
	{width: auto; margin:0 188px; height: 80px; background: url("/umucsub/images/background/header_center.gif") repeat-x;}

#headercontent /* header text */
	{padding: .75em 0 0 .15em;}

#left  /* left column content - holds navigation menu include (leftnav.html) */
	{float: left; width: 175px; margin : 0; padding: 0; text-align: left;}

#right  /*right column content */
	{float: right; width: 175px; margin: 0; padding: 0; text-align: left;}

#photo /* accent photo (images/accent) */
	{float: left; width: 173px; overflow: hidden; padding: 0 0 20px 0;}

#rightcontent /*right column content */
	{padding: 0 1.75em 1em 1em;}

#center /* center column */
	{margin:0 175px; padding: 0; background: #fff;}

#centernav /* center column gold navigation include (centernav.html)  */
	{width: auto; margin: 0; padding: 0; background: #B38600;}

#centernav ul
	{margin: 0; padding: 4px 1.25em 4px 13px; color: #fff;}

#centernav li
	{display: inline; margin: 5px 0 5px 0; padding: 0;}

#centercontent /* center column content area */
	{padding: 10px 1.25em 1em 1.25em}

#dots  /* yellow dot background below the 3 columns */
	{clear:both; margin: 5px 0 3px 0; width:100%; height:50px; background: url("/umucsub/images/background/yellow_dot.gif") repeat;}

#footerleft /* left footer background image (gold) */ 
	{float: left; width: 7px; height: 20px; margin: 0; padding: 0; background: url("/umucsub/images/background/footer_left.gif") no-repeat;}

#footerright /* right footer background image (gold) */
	{float: right; width: 7px; height: 20px; margin: 0; padding: 0; background: url("/umucsub/images/background/footer_right.gif") no-repeat;}

#footercenter /* Footer links,  center footer repeating background image - to style footer links see the style section below */
	{margin: 0 7px; height: 20px; text-align: center; background: #B38600;}
	
	
/* ---------------------------------------------------------------------------------------- */
/* Styles for Military Links on mil/home.shtml  */
#milLinks {margin: 30px auto; border-top: dashed 1px #CCC; border-bottom: dashed 1px #CCC;}
#milNav {margin: 20px auto; padding: 0; width: 475px;}
* html #milNav {width: 484px;}
#milNav li {list-style: none; margin: 10px 25px; padding: 10px 0; float: left;}
#milNav h3 {font-size: 1em; font-weight: normal; margin: 0 0 3px 0; color: #061540;}
.clear {clear: both;}
/* End Military Styles */
/* ---------------------------------------------------------------------------------------- */




/* Style Elements
--------------------------------------------------*/
.box {
margin-top: 30px;
margin-right: 5px;}

.box h3 {
font-weight: normal;
font-size: 10px;
line-height: 150%;
margin-bottom: 0;
padding: 3px;
background: #061540}

.box p{
line-height: 1.3em;
letter-spacing: .2em;
margin-top: 0;
background: #D19704;
border: solid 1px #DCA30C;
border-top: 1px solid #fff;
padding: 5px;}
/* Style Elements Ends
--------------------------------------------------
--------------------------------------------------*/


/* ---------------------------------------------------------------------------------------- */
/* Classes that clear floats, necessary or columns fall out of template  */
.clearfix:after 
	{content: "."; clear: both; height: 0; visibility: hidden; display: block;}

.clearfix 
	{display: block;}
/* End float clearing classes */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* END POSITIONING ELEMENTS */
/* ---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */
/* BEGIN EXPANDING MENU */
/* ---------------------------------------------------------------------------------------- */

#masterdiv /* positioning for entire nav menu */
	{padding: 4px 10px 15px 20px;}

#masterdiv a
	{margin: 0}

.othermenu /* holds home page link at top of menu */
	{margin: 0; padding: 0 0 1.5em 0; color: #fff; text-decoration: none; font: bold 100% Arial, Helvetica, sans-serif;}

.othermenu a 
	{color: #fff; text-decoration: none;}

.othermenu a:hover
	{color: #B38600;}

.menutitle a /* change line-height to change vertical distance between header links */ 
	{background: #00264D; color: #FFF; text-align:left; text-decoration:none; line-height: 18px; font-weight: normal; font-size: 100%; display: block;}

.menutitle a:hover {color: #B38600}

.menutitle a:active {color: #B38600}

.submenu /* needed to hide sublinks from appearing on load */
	{display: none; color: #fff}

.submenu p
	{margin: 10px 0 5px 3px; padding: 0; font-weight: bold; font-size: 90%;}

.submenu p a
	{color: #fff; text-decoration: none;}
	
.submenu p a:hover
	{color: #B38600}

.submenu ul 
	{list-style:none; margin: 10px 0 0 0; padding: 0; border: none;}

.submenu li {margin: 0; padding: 0; line-height: 15px} /* change line-height to change vertical distance between sublinks */

.submenu li a	
	 {color: #FFFFFF; margin: 0 0 0 10px; padding: 2px 0 2px 10px; background:  url("/umucsub/images/background/left_nav_dot.gif") no-repeat 0 7px; font-size: 85%; text-decoration: none; display: block;} 

.submenu li a:hover
	{color: #B38600; background: url("/umucsub/images/background/left_nav_dot_hover.gif") no-repeat 0 7px;}

/* ---------------------------------------------------------------------------------------- */
/* END EXPANDING MENU */
/* ---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */
/* BEGIN DOTS CLASSES - white, yellow, and blue dots for left, right, and center columns - use instead of hr */
/* ---------------------------------------------------------------------------------------- */

.whitedotsleft /* used instead of horizontal line in left navigation menu */
	{padding: .5em 0 .5em 0; width: auto; height: 1px; background: url("/umucsub/images/background/left_white_dot.gif") repeat-x;}

.yellowdotscenter /* used instead of horizontal line in center column */
	{margin: .25em 0 .25em 0; height: .1em; background: url("/umucsub/images/background/yellow_dot.gif") repeat-x;}

.bluedotscenter /* used instead of horizontal line in center column */
	{margin: 0; height: 5px; background: url("/umucsub/images/background/center_blue_dot.gif") repeat-x;}

.whitedotsright /* used instead of horizontal line in right column */
	{padding: 0; margin: 0; height: 5px; background: url("/umucsub/images/background/right_white_dot.gif") repeat-x;}
	
/* ---------------------------------------------------------------------------------------- */
/* END DOTS CLASSES */
/* ---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */
/* BEGIN STYLE ELEMENTS */
/* ---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */
/* Begin top right link styles */

#logoright ul
	{margin: 0; padding: 0; list-style: none; background: #fff; text-align: center;}

#logoright li
	{display: inline; line-height: 10px;}

#logoright a 
	{padding: 0 3px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 100%; text-decoration: none;}

#logoright a:link
	{color: #000; text-decoration: none;}

#logoright a:hover
	{color: #800000; background-color: #fff; text-decoration: none; }

/* End top right link styles */
/* ---------------------------------------------------------------------------------------- */


#headercenter /* center header text color */
	{color: #fff;}

h1 /* heading in centerheader */
	{font: normal 140% Verdana, Arial, Helvetica, sans-serif;}

h2 /* first header in center column content area */
	{font: bold 125% Verdana, Arial, Helvetica, sans-serif;}
	
h3 /* subheaders in center column content area */
	{font: bold 110% Verdana, Arial, Helvetica, sans-serif;}

h4 /* subheaders in center column content area */
	{font: bold 100% Verdana, Arial, Hevletica, sans-serif;}

#centernav a /* center column gold navigation styles */
	{text-decoration: none; color: #fff;  font: bold 100% Arial, Helvetica, sans-serif;}

#centernav a:hover
	{color: #990000;}

#centercontent /* center main content area styles */
	{color: #000;}
	
#centercontent a /* center main content link styles */
	{text-decoration: none;}

#centercontent a:hover
	{text-decoration: underline;}

#centercontent ul
	{line-height: 1.5em;}

#rightcontent /* right column content styles */
	{font: normal 90% Arial, Helvetica, sans-serif; color:#fff;}

#rightcontent a
	{font-weight: bold; color: #ffff99; text-decoration:none;}

#rightcontent a:visited
	{color: #DBCDB2;}

#rightcontent a:hover 
	{color: #00264D}

#rightcontent li
	{margin: 0 0 .5em -1em;}

#footercenter
	{color: #fff}

#footercenter ul
	{margin: 0; padding: 0; list-style: none; font-size: 90%;}

#footercenter li
	{display: inline; line-height: 19px;}

#footercenter a 
	{padding: 0 6px; color: #fff; text-decoration: none;}

#footercenter a:link
	{color: #fff; text-decoration: none;}

#footercenter a:hover
	{color: #800000;text-decoration: none; }

.redtext
	{color:#990000; font-size: 110%; font-weight: bold;}
	
	/*Department Advertising Style */
/* ---------------------------------------------------------------------------------------- */
.departmentsAd{
margin:0px;
padding:5px 0px 0px 65px;
width:auto;
height:67px;
background: url(/programs/grad/Images/busExecAd.jpg) no-repeat;
}

/* ---------------------------------------------------------------------------------------- */
/* Begin Menu box that occaisionally appears on sub pages */
/* ---------------------------------------------------------------------------------------- */

#menubox, #menubox a {
background-color:#FAE8BC;
color:#7F1D1E;
font-size: 10px;
}


#menubox li {
margin-left: -20px;
}

/* ---------------------------------------------------------------------------------------- */
/* End Menu box that occaisionally appears on sub pages */
/* ----------------- */
	
.left2column
	{width: 277px; margin-right: 15px; float: left;}
	
.right2column
	{width: 277px; float: left;}	

.left3column
	{width: 160px; margin-right: 15px; margin-top: -10px; float: left;}

.center3column
	{width: 160px; margin-right: 15px; margin-top: -10px; float: left;}

.right3column
	{width: 160px; margin-top: -10px; float: left;}

.clearcolumn
	{clear: both;}
 
#centercontent table
	{margin-bottom: 10px;}	


/* Military Styles  ----------------------------------------------------------------------- */
#photo {font: normal 90% Arial, Helvetica, sans-serif; color:#fff; line-height: 1.5em;}	
#photo a {font-weight: bold; color: #ffff99; text-decoration:none;}
	
/* ---------------------------------------------------------------------------------------- */
/* END STYLE ELEMENTS */
/* ---------------------------------------------------------------------------------------- */


/* Misc Table Styles  ----------------------------------------------------------------------- */
td.head {
	text-align:center;
	padding: 5px;
	background:#003366;
	border-right:1pt solid #FFFFFF;
}

td h4 {
	color:#CC9900;
}

td.rows {
	border-right:1pt solid #FFFFFF;
	border-bottom:1pt solid #FFFFFF;
	background:#ebc874;

}

td p {
	padding: 8px 8px 0px 20px;
}

.callout-program h3 {margin-bottom:0; padding-bottom:0;}
.callout-program p {margin-top:0; padding-top: 0;}
.callout-program {
color: #2F394C; 
background: #EEE url(/programs/grad/Images/news.jpg) left top no-repeat; 
border-bottom: 1px dashed #CCC;
padding-top: 3px;
padding-left: 55px;}
.callout-program a {color: #751A8B;}
.callout-program a:hover {color:#000066;}