@import "/directory/dir.pss";

html
{

}

body
{
margin:0;
padding:0;
background: #fffae5 url(/_tpl/images/page.gif) repeat-x 0 0;
}
/* MAIN CONTAINER */
#container
{
margin:auto;
width:780px;
background: url(/_tpl/images/container_sec.gif) no-repeat 0 0;
padding: 0;
}

/* HEADER */
#container #header
{
height:105px;
width:766px;
background: url(/_tpl/images/header.gif) repeat-x 0 0;
margin:0 7px 0 7px;
}

/* HEADER -> LINK TO MCC HOME */
#container #header #homenav
{
display:block;
float:left;
background: url(/_tpl/images/logo.gif) no-repeat 0 0;
}


#container #header #homenav ul
{
width:290px;
margin:0;
padding:0;
list-style:none;
}

#container #header #homenav li a
{
display:block;
height: 65px;
text-indent:-9999px;
margin: 0;
outline:none;
}


/* HEADER -> SECONDARY NAVIGATION */

#container #header #selfhelp
{
margin:0;
padding:2px 0 0 0;
float:left;
width:476px;
}

#container #header #selfhelp ul
{
margin:0;
height:17px;
list-style:none;
overflow:hidden;
padding:2px 0 0 0;
float:right;
}

#container #header #selfhelp li
{
display:inline;
float:left;
padding: 0 0 0 5px;
}

#container #header #selfhelp li a
{
display:block;
font: normal 11px Tahoma, "Times New Roman", serif;
color:#314970;
text-decoration:none;
}

#container #header #selfhelp li.help a
{
padding:0 5px 0 14px;
background: url(/_tpl/images/self_help.gif) no-repeat 0 50%;
}

#container #header #selfhelp li.contact a
{
padding:0 5px 0 14px;
background: url(/_tpl/images/self_contact.gif) no-repeat 0 50%;
}

#container #header #secnav
{
margin:21px 0 0 0;
padding: 0;
background: url(/_tpl/images/secnav_left.gif) no-repeat 0 0;
float:right;
}

#container #header #secnav ul
{
height:18px;
margin:0 0 0 2px;
padding:5px 0 0 0;
list-style:none;
background: url(/_tpl/images/secnav_bg.gif) repeat-x 0 0;
overflow:hidden;
float:left;
}

#container #header #secnav li
{
display:inline;
float:left;
padding: 0;
background: url(/_tpl/images/secnav_pipe.gif) no-repeat 0 0;
}

#container #header #secnav li.last
{
background: none;
padding: 0;
background: url(/_tpl/images/secnav_pipe.gif) no-repeat 0 0;
}

#container #header #secnav li.first
{
background: none;
}

#container #header #secnav li a
{
display:block;
font: normal 11px Tahoma, "Times New Roman", serif;
color:#314970;
text-decoration:none;
padding:0 8px 0 12px;
}

#container #header #secnav li a:hover
{
color:#d00b01;
background: url(/_tpl/images/secnav_a.gif) no-repeat 5px 65%;
}

#container #header #secnav li.alumni a
{
font-weight:bold;
color:green;
}

#container #header #mainnav
{
height:40px;
}

#container #header #mainnav ul
{
margin:0;
padding:0;
}

#container #header #mainnav li
{
float:left;
list-style:none;
padding:0 1px 0 0;
margin:0;
background: url(/_tpl/images/pipe.gif) no-repeat 100% 50%;
}

#container #header #mainnav li#uc
{
padding:0;
}

#container #header #mainnav li a
{
display:block;
outline:none;
height:40px;
padding:0;
margin:0;
text-indent: -9999px;
}

#container #header #mainnav li#students a
{
width:160px;
background: url(/_tpl/images/main_students.gif) no-repeat 0 0;
}

#container #header #mainnav li#faculty a
{
width:191px;
background: url(/_tpl/images/main_faculty.gif) no-repeat 0 0;
}

#container #header #mainnav li#community a
{
width:184px;
background: url(/_tpl/images/main_community.gif) no-repeat 0 0;
}

#container #header #mainnav li#uc a
{
width:228px;
background: url(/_tpl/images/main_uc.gif) no-repeat 0 0;
}

#container #header #mainnav li#students a:hover,
#container #header #mainnav li#faculty a:hover,
#container #header #mainnav li#community a:hover,
#container #header #mainnav li#uc a:hover
{
background-position: 0 -40px;
}

/* PORTALS */
#container #portals
{
margin:0 7px 0 7px;
height:31px;
width:auto;
background: url(/_tpl/images/portals_bg.gif) repeat-x 0 0;
}

/* PORTALS -> SEARCH BOX */
#container #portals .search
{
float:left;
padding:0 0 0 75px;
background: url(/_tpl/images/searchlbl.gif) no-repeat 0 0;
}

#container #portals .search form
{
margin:0;
padding:0;
}

#container #portals .search input.box
{
border:1px solid #cdb582;
font: 11px bold Tahoma, Arial, "Times New Roman", serif;
padding:2px 2px 2px 18px;
margin:5px 2px 0 0;
float:left;
width:132px;
background: #fff url(/_tpl/images/mglass.gif) no-repeat 3px 50%;
}

#container #portals .search input.submit
{
height:20px;
width:39px;
background: url(/_tpl/images/search.gif) no-repeat 0 0;
border:none;
float:left;
cursor:pointer;
margin: 5px 0 0 0;

}
#container #portals ul
{
margin:0 0 0 378px;
padding:0;
}

#container #portals li
{
list-style:none;
float:left;
margin:0;
padding:0;
}

#container #portals li a
{
height:31px;
display:block;
text-indent:-9999px;
outline:none;
}

#container #portals #wa a
{
width:96px;
background: url(/_tpl/images/portal_wa.gif) no-repeat 0 0;
}

#container #portals #bb a
{
width:101px;
background: url(/_tpl/images/portal_bb.gif) no-repeat 0 0;
}

#container #portals #stemail a
{
width:113px;
background: url(/_tpl/images/portal_email.gif) no-repeat 0 0;
}

#container #portals #lib a
{
width:78px;
background: url(/_tpl/images/portal_lib.gif) no-repeat 0 0;
}

#container #portals #wa a:hover,
#container #portals #bb a:hover,
#container #portals #stemail a:hover,
#container #portals #lib a:hover
{
background-position: 0 -31px;
}

/* MAIN CONTENT */
#container #content
{
min-height:400px;
height:auto !important;
height:400px;
margin:21px 0 0 0;
padding:0 15px 10px 15px;
font: normal 11px Verdana,Tahoma, Arial, "Times New Roman", serif;
color:#393939;
background: url(/_tpl/images/content_sec.gif) repeat-y 0 0;
width:558px;
float:left;
}

#container #content a
{
color:#ff2a00;
}

#container #content li
{
padding:3px 0 3px 0;
line-height:16px;
}

#container #content p
{
line-height:16px;
}

#container #content h1
{
color:#880000;
font: normal 24px Georgia, "Trebuchet MS", "Times New Roman", serif;
letter-spacing:-1px;
}

#container #content h2
{
color:#005896;
font: normal 18px Georgia, "Times New Roman", serif;
}

#container #content h3
{
color:#005896;
font: normal 16px Tahoma, "Times New Roman", serif;
}

#container #content h4
{
color:#005896;
font: normal 14px Tahoma, "Times New Roman", serif;
}

#container #content img
{
padding:3px;
border:solid 1px #e4e4e4;
}


#container #content .hr
{
margin: 15px 0 15px 0;
height: 6px;
background: #fff url(/_tpl/images/hr.gif) no-repeat top center ;
border:none;
clear:both;
}

/* QUICK LINKS ETC */

#container #content .category-links
{
margin:0;
padding:0;
}

#container #content .category-links li
{
display: block;
margin:0;
padding:0;
list-style:none;
color:#696969;
padding:7px 0 7px 0;
}


#container #content .category-links li li
{
margin:2px 0 2px 0;
padding:1px 0 1px 0;
display:block;
list-style:none;
background: url(/_tpl/images/eye.gif) no-repeat 0 4px;
border-bottom:1px solid #eae8d6;
}

#container #content .category-links li li a,#container #content .category-links li li a:hover
{
background:none;
}

#container #content .category-links li a,
#container #content .category-links li a:visited
{
display: block;
color:#696969;
text-decoration:none;
width: auto;
line-height:12px;
padding: 0 0 0 30px;
background: url(/_tpl/images/category_link.gif) no-repeat 3px 0;
outline:none;
}

#container #content .category-links li a:hover
{
background: url(/_tpl/images/category_link_.gif) no-repeat 3px 0;
}


#container #content .category-links li a strong
{
display:block;
width: auto;
color:#ff4200;
font: bold 12px Tahoma, Arial, serif;
letter-spacing:1px;
margin:0 0 5px 0;
}

#container #content .category-links li a:hover strong
{
color:#1b55e3;
}




#container #content .catalog-links
{
width:750px;
margin:auto;
background:#fff url(/_tpl/images/catalog_bg.gif) no-repeat 0 0;
padding:10px 0 0 0;
float:left;
}


#container #content .catalog-links .header
{
font: bold 16px  Arial, Tahoma, Verdana, serif;
text-transform: uppercase;
letter-spacing:-1px;
color:#1061bb;
background:none;
margin: 0 0 8px 0;
padding:0;
border:none;
line-height: 16px;
}

#container #content .catalog-links ul
{
margin:0;
padding:0 10px 0 10px;
float:left;
width:230px;
}

#container #content .catalog-links li
{
margin:2px 0 2px 0;
padding:1px 0 1px 13px;
display:block;
list-style:none;
background: url(/_tpl/images/eye.gif) no-repeat 0 4px;
border-bottom:1px solid #eae8d6;
}

#container #content .catalog-links li a
{
padding:2px;
color:#666666;
text-decoration:none;
font: normal 12px Arial, Tahoma, Verdana, serif;
}

#container #content .catalog-links li a:hover
{
color:#fff;
background: url(/_tpl/images/catalog_link.gif) repeat top left;
}



/* OPTIONAL MENU */
#container #related
{
width:175px;
float:right;
padding:0 7px 0 0;
margin:13px 0 0 0;
}

#container #related h1
{
background: url(/_tpl/images/related_h1.gif) repeat-x 0 0;
font: bold 16px  Georgia, Tahoma, Arial, serif;
color:#2f2f2f;
margin:0;
padding:11px 5px 9px 30px;
border-bottom:1px solid #ececec;
letter-spacing:1px;
}

#container #related ul
{
margin:0;
padding:0;
}

#container #related li
{
display:inline;
list-style:none;
}

#container #related li a
{
color:#2f2f2f;
font: normal 12px Tahoma, Arial, serif;
line-height: 12px;
width:auto;
display:block;
text-decoration:none;
border-bottom:1px solid #ececec;
padding:5px 5px 5px 18px;
background: #fffae5 url(/_tpl/images/related_li.gif) no-repeat 5px 9px;
outline:none;
}

#container #related li a:hover
{
background: #f8f4e0 url(/_tpl/images/related_li_.gif) no-repeat 5px 9px;
}
/* FOOTER */

#container #footer
{
padding: 10px;
color: #ccc;
font: normal 11px Arial, Tahoma, "Times New Roman", serif;
height:70px;
background: url(/_tpl/images/footer_sec.gif) no-repeat 0 0;
}

#container #footer a
{
color: #7f7f7f;
font: normal 11px Tahoma, "Times New Roman", serif;
text-decoration:none;
letter-spacing: 1px;
}

#container #footer #backtrack
{
padding: 0 20px 0 20px;
float:left;
width:264px;
}

#container #footer #toptrack
{
padding: 0 20px 0 20px;
float:left;
padding: 0 0 0 218px;
}


#container #footer #backtrack a,
#container #footer #toptrack a
{
color: #0077cc;
font: bold 11px Tahoma, Arial, "Times New Roman", serif;
text-decoration:none;
padding: 0 0 0 9px;
}

#container #footer #backtrack a
{
background: url(/_tpl/images/backtrack.gif) no-repeat 0 50%;
}


#container #footer #toptrack a
{
background: url(/_tpl/images/toptrack.gif) no-repeat 0 50%;
}

#container #footer ul
{
margin:20px 0 0 0;
padding:0;
}

#container #footer li
{
list-style:none;
float:left;
margin:0;
padding:0 5px 0 6px;
background: url(/_tpl/images/square.gif) no-repeat 0 50%;
}

#container #footer li.first
{
padding:0 5px 0 0;
background: none;
}

/* use this for alpabetical lists ie 'A | B | C | D' ... */
#container #content .alphabet
{
margin:0;
padding:0;
}

#container #content .alphabet li
{
display:inline;
margin:0 2px 0 2px;
font: normal 10px Tahoma, Arial, Verdana, serif;
float:left;
list-style:none;

}

#container #content .alphabet li a, #container #content .alphabet li span
{
float:left;
background: url(/_tpl/images/slvr.gif) repeat-x 0 0;
height:14px;
padding:2px 4px 0 4px;
border:1px solid #ccc;
text-decoration: none;
width:auto;
outline:none;
font:bold 10px Arial, serif;
}

#container #content .alphabet li a
{
color:#000;
}

#container #content .alphabet li span
{
color:#bbb;
background-position: 0 -32px;
border:1px solid #e2e2e2;
}


#container #content .alphabet li a:hover
{
background-position: 0 -16px;
border:1px solid #696969;
}



#container #content .ul
{
margin:0 0 0 10px; 
padding:0;
}

#container #content .ul li
{
list-style:none;
background: url(/_tpl/images/generic_bullet.gif) no-repeat 0 7px;
padding: 3px 0 3px 10px;
}