/*-----------------------------------------------------*/
/* www.udmercy.edu                                     */
/*-----------------------------------------------------*/
/*                                                     */
/* Main Stylesheet                                     */
/*                                                     */
/* Last Modifications: see Web CMS versions            */
/*
/* THIS LINE ADDED AS A TEST 9/14/2016
/*                                                     */
/*-----------------------------------------------------*/

/*-------------------------*/
/* Basic Styles            */
/*-------------------------*/


body {
margin: 0;
height: 100%;
width: 100%;
max-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 { 
margin-top: 1em;
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: 8px 10px 0 16px;
}

#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;
font-weight: 700;
text-transform: uppercase;
}


/* Page header - Search */

#search {
    display: none;
    background-color: #002c76;
    text-align: right;
    border: 2px #8ea1d2 solid;
    border-bottom: 1px solid #002c76;
    padding: 0 0 0 0;
}


#search table { 
margin-top: inherit;
}

#search_head,
#quicklinks_head {
    cursor: pointer;
}

#search_head img, 
#quicklinks_head img {
    vertical-align: middle;
    padding-left: .5ex;
}


/* Page Header - Quicklinks */

#quicklinks {
    background-color: #002c76;
    color: #FFFFFF;
    padding: 5px 0;
    border: 2px solid #8ea1d2;
    border-bottom: 0px;
    height: 120px;
    display: none;
}

#quicklinks div.quicklinks-col {
    float: left;
    margin-left: 2em;
}

#quicklinks a {
    display: block;
    color: #FFFFFF;
    white-space: nowrap;
    margin: .5ex 0;
}

#quicklinks a:hover {
    background-color: #607eb1;
    text-decoration: none;
}


/*---------------------------*/
/* audience_links            */
/*                           */
/* Uses CSS rollover effect  */
/*---------------------------*/
#audience_links {
height: 25px;
background-color: #AC1A2F;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#audience_links a {
display: block;
float: left;
/*width: 20%;*/
padding-top: 4px;
text-decoration: none;
color: white;
text-align: center;
font: 13px Arial;
font-weight: 700;
vertical-align: middle;
}


#audience_links a .text {

}
#audience_links a .text:hover {
color: #d6cccc;
border: 0;
}



/*-------------------------*/
/* page_body               */
/*-------------------------*/

#page_body {
 margin: 0;
 padding: 0;
 width: 100%;
 max-width: 950px;
 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_header {
padding: 8px 30px 8px 20px; 
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 130%;
background-color:#AC1A2F;
text-decoration: none;

}

#nav2_header a{
color: #FFFFFF;
text-decoration: none;
}


#nav2 .level1 {
border-top: 13px solid #AC1A2F;
border-bottom: 13px solid #AC1A2F;
color: #FFFFFF;
text-decoration: none;

}

#nav2 .level1 a {
color: #FFFFFF;
text-decoration: none;
padding: 8px 30px 8px 20px; 
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 115%;
text-align: left;
display: block;
background-color:#999;
border-top: 1px solid #fff;
}

#nav2 .level1 a:hover {
background-color:#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 {


margin-left: 190px;

/* 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;
}



/*-------------------------*/
/* Content Styles          */
/*                         */
/* #content contains:      */
/*    content_header       */
/*    content_body         */
/*-------------------------*/

#content {
margin-left: 190px;
border-left:  1px solid #ffffff;
background-color: #ffffff;
}

#content p {
margin: 1em 1em 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 {
  /* 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;

}

.shadow {
    -moz-box-shadow: 3px 3px 4px #000; padding: 8px;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


#content .column {
float: left;
width: 225px;
margin-right: 15px;
display: inline;  /* Fix IE float double margin bug */
}


/* #content .sidebar_layout */

#content .sidebar_layout {
margin: 0;
}

.redheader {font-weight:bold; color:#A9232A}






#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 */
}



/*-------------------------------------*/
/* alt-configuration-links Styles      */
/*                                     */
/* For "printer friendly" link, etc.   */
/*-------------------------------------*/

#alt-configs-container {
margin: 25px 0 0 15px;
width: 100%;
max-width: 709px;
float: right;
background-color: #ffffff;
border-top: 2px solid #436EB5;
padding: 5px;

}

#apply-link {
width: 70%;
position: relative;
text-align: center;
vertical-align: top;
font-weight: bold;
font-size: 11px;
font-style: oblique;

}


#alt-configs {
float: right;
width: 30%;
text-align: right;
background-color: #ffffff;
}

.alt-button {
   border-top: 1px solid #666699;
   background: #666699;
   background: -webkit-gradient(linear, left top, left bottom, from(#cbd8ea), to(#666699));
   background: -webkit-linear-gradient(top, #cbd8ea, #666699);
   background: -moz-linear-gradient(top, #cbd8ea, #666699);
   background: -ms-linear-gradient(top, #cbd8ea, #666699);
   background: -o-linear-gradient(top, #cbd8ea, #666699);
   padding: 3.5px 7px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fff;
   text-decoration: none;
   font-size: 13px;
   font-family: Times, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.alt-button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.alt-button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }



/* Page footer */

#footer {
    clear: both;
    padding-top: 5px;
    padding-left: 15px;
    margin-top: 15px;
    color: #3b67a1;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
}

#footer a {
    color: #bc0a3f;
}