/*-----------------------------------------------------*/
/* www.udmercy.edu                                     */
/*-----------------------------------------------------*/
/*                                                     */
/* Main Stylesheet                                     */
/*                                                     */
/* Last Modified On: 2009-04-15                        */
/* Last Modified By: J. Whitener                       */
/* Modification: 2009 redesign                         */
/*-----------------------------------------------------*/

/*-------------------------*/
/* Basic Styles            */
/*-------------------------*/


body {
margin: 0;
height: 100%;
width: 950px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 130%;
font-weight: normal;
color: #000000;
background-color: #c8d8ea;
background-image:url(http://www.udmercy.edu/_site/images/background-gradient.png);
background-repeat:repeat-x;
margin-left: auto;
margin-right: auto;
}

img {
vertical-align: top;
}

a {
color: #ac1a2f;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0;
}

table {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #000000;
margin-top: 1em;
}


ol { 
padding-left: 3.4em; 
}

ul.checkbox {
list-style-image: url(http://www.udmercy.edu/_site/images/checkbox.gif);
}

ul, blockquote { 
padding-left: 3em;
}

ul {
margin-top: 1em;
}

li {
margin-bottom: 1.5ex;
}

ul.unstyled {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

form {
	margin: 1em 0;
}

form fieldset {
	border: 0;
	padding: 0;
}

.float-right {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	border-width: 0;
	}

.float-left {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	border-width: 0;
	}

.caption {
	font-size: 12px;
	color:#002c76; 
	font-style:italic;
	line-height: normal;
}


.hidden {
display: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Win-IE6 patch */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*------------------------------*/
/* page_header and nav1         */
/*------------------------------*/
	
#page_header {
margin: 0;
height: 96px;
background-color: #002c76;
}

#nameplate {
float: left;
}

#nameplate_logo {
padding: 16px 10px 0 24px;
}

#nameplate_slogan {
padding-top: 61px;
}

#nav1 {
width: 15em;
float: right;
margin: 1em 1ex 0 0;
}

a.nav1_link {
display: block;
width: 49%;
float: left;
font-size: 10px;
padding-bottom: 3px;
color: #cbd8ea;
text-transform: uppercase;
}




/*---------------------------*/
/* audience_links            */
/*                           */
/* Uses CSS rollover effect  */
/*---------------------------*/
#audience_links {
height: 25px;
background-color: #ac1a2f;
border-top: 1px solid #ffcccc;
border-bottom: 1px solid #ffcccc;
}

#audience_links a {
display: block;
float: left;
width: 20%;
height: 11px;
border-top: solid #ac1a2f 7px;
border-bottom: solid #ac1a2f 7px;
/* Borders are used to increase link/hover active area, without expanding
   background area (which would expose too much background image).
*/
}

#audience_links a .text {
display: none;
}

#audience_links a#future_students {
background: url(http://www.udmercy.edu/_site/images/aud-links/futureStudents.png) no-repeat top center;
}

#audience_links a#current_students {
background: url(http://www.udmercy.edu/_site/images/aud-links/currentStudents.png) no-repeat top center;
}

#audience_links a#faculty_staff {
background: url(http://www.udmercy.edu/_site/images/aud-links/facultyStaff.png) no-repeat top center;
}

#audience_links a#alumni_friends {
background: url(http://www.udmercy.edu/_site/images/aud-links/alumniFriends.png) no-repeat top center;
}

#audience_links a#community {
background: url(http://www.udmercy.edu/_site/images/aud-links/community.png) no-repeat top center;
}

#audience_links a#future_students:hover,
#audience_links a#current_students:hover,
#audience_links a#faculty_staff:hover,
#audience_links a#alumni_friends:hover,
#audience_links a#community:hover {
background-position: bottom;
}



/*-------------------------*/
/* page_body               */
/*-------------------------*/

#page_body {
 margin: 0;
 padding: 0;
 background-color: #FFFFFF;
 padding-bottom: 10px;
}




/*-------------------------*/
/* nav2 Styles             */
/*-------------------------*/

#nav2 {
float: left;
width: 190px;
background: #ffffff;
color: #ac1a2f;
}

#nav2 img {
border-bottom: solid 2px #ffffff;
}

#nav2 a {
display: block;
color: #ac1a2f;
}

#nav2 .level1 {
border-top: 13px solid #ac1a2f;
border-bottom: 13px solid #ac1a2f;
}

#nav2 .level2 a {
border-bottom: solid 1px #bfbfbf;
padding: 6px .5ex 6px 16px;
font-size: 14px;
font-weight: bold;
}

#nav2 .level2 a.active { /* Should match colors of content_header h1 */
color: #002c76; 
background-color: #ccd6eb;
}

#nav2 .level3 {
background-color: #f0f4fd;
padding-top: 3px;
padding-bottom: 3px;
padding-left: .5em;
border-bottom: solid 1px #bfbfbf;
}

#nav2 .level3 a {
font-weight: normal;
border-width: 0px;
padding: 5px 0px 5px 16px;
}

#nav2 .level3 a.active {
font-weight: bold;
color: #002c76;
background-color: #f0f4fd;
}

#nav2 .level4 a {
color: #4466BB;
font-style: italic;
border-width: 0px;
padding: 0 0 12px 24px;
margin-right: 1em;
}

#nav2 .level4 a.active {
color: #002c76;
font-weight: bold;
}



/*-------------------------*/
/* breadcrumbs Styles      */
/*-------------------------*/

.breadcrumbs {
float: left;
/* width matches #content width - #content_body left margin */
width: 554px;
/* border-left same as #content */
border-left:  1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 15px;
background-color: #ccd6eb;
color: #002c76;
font-size: 14px;
}

.breadcrumbs .active {
color: #002c76;
}



/*-------------------------------------*/
/* alt-configuration-links Styles      */
/*                                     */
/* For "printer friendly" link, etc.   */
/*-------------------------------------*/

#alt-configs {
float: right;
background-color: #ccd6eb;
padding-top: 3px;
padding-bottom: 3px;
text-align: right;
font-size: 14px;
}



/*-------------------------*/
/* Content Styles          */
/*                         */
/* #content contains:      */
/*    content_header       */
/*    content_body         */
/*-------------------------*/

#content {
float: left;
position: relative; 
width: 569px; /* same as #content_header width */
border-left:  1px solid #ffffff;
background-color: #FFFFFF;
}

#content p {
margin: 1em 0;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
font-weight: normal;
line-height: 130%;
margin-top: 1em;
}

#content h1, 
#content h1 a,
#content h1 a:visited {
font-size: 22px;
color: #002c76;
}

#content h2 {
font-size: 19px;
color: #3d64b1;
}

#content h3 {
font-size: 17px;
font-weight: bold;
}

#content h4 {
font-size: 16px;
font-style: italic;
color: #333333;
}

#content h5,
#content h6 {
font-size: 15px;
font-weight: bold;
color: #000000;
}

#content a:visited {
color: #cc6666;
}

#content .link_list a {
display: block;
}

/*-------------------------*/
/* content_header Styles   */
/*-------------------------*/

#content_header {
width: 569px; /* same as #content width */
float: left;  /* Needs to float to contain floated content_header img */
background-color: #ccd6eb;
margin-bottom: 15px; /* Serves as content_body margin-top */
/* See note re: padding on content_header h1 */
}

#content_header h1 {
font-size: 28px;
line-height: 130%;
color: #002c76;
margin: 0;
padding: 7px 15px; /* Padding is on h1 instead of content_header because
                      content_header image needs padding: 0px */
}

#content_header img {
float: right;  /* See note on content_header h1 
                  Will a float contain a float? */
}


/*-------------------------*/
/* Content body            */
/*-------------------------*/

#content_body {
/* FOR IE7, POSSIBLY: margin: 15px 15px 25px 15px; 
   See content_header margin-bottom */
margin: 0 15px 25px 15px;
clear: left;
}




#content .column {
float: left;
width: 170px;
margin-right: 15px;
display: inline;  /* Fix IE float double margin bug */
}


/* #content .sidebar_layout */

#content .sidebar_layout {
margin: 0;
}





#content .sidebar_layout #main_content {
float: left;
width: 355px;
margin: 15px 15px 25px 15px;
display: inline;  /* Fix IE float double margin bug */
/* .sidebar_layout #main_content width = #content width - .sidebar width = 570 - 185 = 385px */
/* full width = 355 + 15 + 15 = 385 */
}

.sidebar {
float: right;
width: 165px;
background-color: #cbd6ea;
padding: 20px 10px 25px 10px;
/* .sidebar full width = .column width + .column margin width = 170 + 15 */
/* full width = 185px */
}


/*-------------------------*/
/* Page Footer Styles      */
/*-------------------------*/
#page_footer {
margin: 0;
float: none;
clear: both;
border-top: solid 1px #bfbfbf;
padding: 20px 10px;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
}

#page_footer h1 {
font-size: 14px;
font-weight: bold;
}

#page_footer p {
line-height: 120%;
}