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: 925px; 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;}

/* ---------------------------------------------------------------------------------------- */
/* 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 li
	{margin: 0 0 .25em 0;}

#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:hover 
	{text-decoration: underline;}

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

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

#footercenter
	{color: #fff}

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

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

#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; }
	
/* ---------------------------------------------------------------------------------------- */
/* END STYLE ELEMENTS */
/* ---------------------------------------------------------------------------------------- */