/* CSS Document */
/* General HTML element properties */
body, p, h1, h2, h3, h4, h5, img, table, tbody { margin: 0; padding:0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 101%; text-align: center; }
p { padding-top: 0.2em; padding-bottom: 0.2em; }
img { border: none; }
h1 { font-size: 1.3em; }
h2 { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; }
a, a:visited, a:hover {
text-decoration: none;
color: #7b062e;
}
a {
color: #7b062e;
}
a:hover {
color: #717070;
border-bottom: 0px;
}
.wrapper { width: 742px; margin: 0px auto;}
/* Top row of page, containing contact info. */
#first { background: #7b062e; color: white; height: 35px;}
.top_nav {
font-size: 0.9em;
display: inline; /* Wraps around actually utility content */
color:#FFF;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
vertical-align: bottom;
margin: 7px 16px 0 0;
}
.top_nav a{
text-decoration: none;
color: #fff;
}
.top_nav a:hover {
text-decoration:underline;
color:#cccccc
}
/* Creates utility box - header tag line, links to home and contact page */
#utility {
background: #7B062E url(../images/tag_header.png) no-repeat;
float: right;
margin-right: 0px;
padding-top: 10px;
width: 742px;
height: 35px;
text-align: right;}
/* Second row of page with rotating picture with MDCC logo. */
#second {
background-color: #881e42;
}
#second img {
margin: 0 0 0 0;
padding: 0;
border: 0;
display: block; /* Eliminates 3px gap below image in IE */
z-index: 1;
}
#second a:link { margin: 0; padding: 0; }
#caption { display: none; }
/* ------------------------------------------- */
/* third visible row of page, containing main and sub navigation menu. left hand links */
#third{ background: #953858; }
#third .wrapper { background: #fff; padding-top: 10px }
#col1 {
width: 200px;
position:relative;
float: left;
margin-top: -10px;
text-align: left;
line-height: 80%;
background-color: #e6f0f1;
min-height: 400px;
}
#col1-2 {
position: relative;
padding-bottom: .2em;
background: #e6f0f1 url(../images/nav_shadow.jpg) right repeat-y;
min-height: 500px;
}
#col1 h2 { color: black; margin: 0; padding: 0.4em; font-size: 0.85em;}
#col1 h3 { font-size: 0.8em; margin: 0 0 0 0; padding-top: .4em; }
#col1 ul { margin: 0; padding: 0; list-style-type: none; }
#col1 li { list-style-type: none; font-size: 0.65em;font-weight: bold;margin-left:5px;}
#col1-nav { position: relative; padding: 0 15px 0 5px; z-index: 5; background: url(../images/nav_shadow.jpg) top right no-repeat; }
/* Contains the topical navigation. z-index used to fix appearance in Opera */
#col2 { position: relative; float: left; padding: 0; text-align: left; width: 32em; background: #fff; }
/* Horizontal lines between topical navigation */
.line { height: 1px; color: #bbb; background: #bbb; width: 100%; margin-top: 0.1em; margin-bottom: 0.1em; }
html>body .line { padding: 0 0 0 0; margin: .5em 0 .5em 0; }
/* Main story on MDCC homepage - main section */
#mainstory_content {
background:url(../images/left.jpg) top left no-repeat;
width:31em;
height:7.5em;
padding:0;
margin:0;
margin-left: .5em;
}
#mainstory_left {
height:7.5em;
float:left;
width:20em;
margin:0;
padding:.8em 0 0 .7em;
}
#mainstory_right {
background:url(../images/right.jpg) top right no-repeat;
height:7.5em;
width:7.8em;
float: right;
padding:0;
}
#mainstory_content p { font-size: 0.7em; padding-bottom: 0.5em; }
#mainstory_content h2 { font-size: 0.9em; white-space: nowrap; }
#mainstory_content .search_link { font-weight:bold; text-align:left;}
#mainstory_content img { border: none; padding:10px 15px 10px 15px; }
/* left column campus spotlight & events on MDCC homepage - main section */
#left_col { float: left; width: 15.5em; margin-top: 0.5em; margin-left: 0.5em; padding-right: 0.5em; border-right: 1px solid #999;min-height: 400px;}
html>body #left_col { margin-left: 0.9em; }
#left_col .news_story { margin-top:7.5px; }
#left_col .news_story h3 { font-size:.75em; margin-bottom:2px; }
#left_col p { font-size: .75em; }
#left_col .news_story p {margin-left: 6em; }
#left_col .news_story img { margin-top: 0.2em; float:left; margin-right:0.3em; }
#left_col p#more_news { font-weight:bold; margin-top:14px; font-size: .75em; }
#left_col li {
padding: 0 0 0 15px;
margin: 0 0 .5em 0; }
#left_col ul { font-size: 0.75em; margin: 0 0 0 1.1em; padding: 0 0 0 0; }
#left_col a, a:visited, a:hover {
text-decoration: none;
}
#left_col a {
color: #AE3446;
background-color: transparent;
border-bottom: 1px dotted #AE3446;
}
#left_col a:hover {
color: #090;
border-bottom: 0px;
}
#more_stories { margin-top: 1.4em; }
#more_stories ul { list-style-type: none; margin-left: 0; }
/*#more_stories li {
background: url(../images/bullet.gif) 0 0.4em no-repeat;
padding: 0 0 0 15px;
margin: 0 0 .5em 0; }*/
/*html>body #more_stories li {
background: url(../images/bullet.gif) 0 .1em no-repeat;
}*/
/* right column, resoruces, membership inquiries on MDCC homepage - main section */
#right_col { float: right; width: 13em; margin-top: 0.5em; margin-right: 0.5em; }
html>body #right_col { margin-right: 1.0em; }
#right_col h2, #right_col h3{ margin-bottom:0.3em; }
#right_col a.summary { font-weight:bold;}
#right_col P{
margin: 2px;
padding: 2px;
}
#right_col ul {
list-style-type: none;
margin-left: 0;
margin-top: 0;
padding: 0;
font-size: 0.75em; }
#right_col li {
background: url(../images/bullet.gif) 0 0.4em no-repeat;
padding-left: 15px;
padding-bottom: 0.3em;
margin-top: 0; }
html>body #right_col li {
background: url(../images/bullet.gif) 0 .1em no-repeat;
}
#right_col p { font-size: 0.75em; }
#right_col h3 { font-size: 0.75em; }
#right_col ul ul { font-size: 1.0em; }
#events a { font-weight: bold; }
/* MDCC Affiliates */
/*#affiliates { clear: left; padding-top: 1.5em; margin-left: 1em; }
#affiliates ul { margin: 0; padding: 0; }
#affiliates li { display: inline; list-style-type: none; font-size: 0.6em;}*/
/* ----------------------------------------- */
#quote{ border-top: 1px solid #bbb; margin: .5em 0 0 0; padding: .5em 0 0 0; }
#quote img { float:left; margin-right:0.1em; }
#regular_stories{ border-top: 1px solid #bbb; margin: .5em 0 0 0; padding: .5em 0 0 0; }
#regular_stories ul {list-style-type: none; margin: 0;}
/* footer. */
#footer{ background:#7B062E; height: 70px;}
#footer .wrapper { background: #7B062E url(../images/tag_line.png) no-repeat top left; color: white;height: 70px; }
#footer p { padding-bottom:10px;color: white;font-size: 0.7em; text-align: right;}
#footer a:link { color: white;font-size: 0.7em; }
#footer a:visited { color: white;font-size: 0.7em; }
#footer a:hover { color: white;font-size: 0.7em; }
#bottom_utility { font-size: 0.7em; font-weight: bold; padding-bottom: 0.5em; padding-top: 0.5em; color: white; } /* Contains three links which come right before footer */
#bottom_utility a:link { color: white; }
#bottom_utility a:visited { color: white; }
#bottom_utility a:hover { color: white; }
/* ------------------------------------------- */
#.skip-link { position: absolute; overflow: hidden; width: 0; height: 0;}
#.skip-link:active, .skip-link:focus { overflow: visible; width: auto; height: auto; background-color: white; color: #006633; top: 5px; left: 5px; font-weight: bold; font-
size:.8em; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 2px; border: medium solid #FF0000; }
/* Various classes used on MCC home page */
.content_spacer { height: 5em; } /* Adds a little bit of space so that left column doesn't overlap with footer */
.clear { clear: both; height: 0; margin: 0; padding: 0; }
.hidden { position: absolute; left: -10000px; } /* Hides this off screen */
.clear {clear:both;}
##util form {display:inline; }
.no_bullets { list-style-type: none; }
.readmore {
font-weight:bold;
text-align:left;
font-size: 0.4em;
}