/* UNIVERSITY OF MINNESOTA WEB TEMPLATE RESET STYLESHEET */
/* AUGUST 2010 : UNIVERSITY RELATIONS */
/* v5 050319  */

/* RESET */
html {background-color:#FFFFFF;color:#000000;}
body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/* FONTS */
body {font:13px/1.231 Verdana, arial,helvetica,clean,sans-serif;color:#636363;line-height:18px; position: relative;}
table {font-size:inherit;font:100%;}
th {font-style:normal;font-weight:normal;text-align:left;}
code {font-family:monospace;line-height:100%;}
input, textarea, select, option {font-family:Verdana,arial,helvetica,clean,sans-serif;font-size:inherit;font-weight:inherit;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
em {font-style:italic;font-weight:normal;}
strong {font-style:normal;font-weight:bold;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}

/* FLOATS */
.left {float:left;}
.right {float:right;}
.clearabove {line-height:0;height:0;font-size:0;clear:both;} /* Use on a clearing element following a float */

/* HIDE */
.none {display:none;}
.hidden {visibility:hidden;overflow:hidden;width:0;height:0;}

/* END RESET */



/* TEXT */

/* Yahoo User Interface (YUI) FONT SIZING CHART: 10px=77% 11px=85% 12px=93% 13px=100% 14px=108% 15px=116% 16px=123.1% 17px=131% 18px=138.5% 19px=146.5% 20px=153.9% 21px=161.6% 22px=167% 23px=174% 24px=182% 25px=189% 26px=197% 
Find out more about YUI at http://developer.yahoo.com/yui/ */

/* CENTER CONTAINER -- Centers the page in the browser */
#outer, #footer {margin-left:auto;margin-right:auto;width:960px;}

/* LINKS */
a {color:#e66a39; text-decoration: none;}
a:link {color:#e66a39;}
a:visited {color:#e66a39;}
a:hover {color:#fb884a; text-decoration: underline;}
a:active {color:#fb884a;}


/* HEADINGS *//* Basic Headline Set -- Adjust font sizes based on YUI chart above to maintain consistency. */
h1 { font-size:161%; color:#788c0f; margin: 10px 0 10px 0; line-height: 26px;}
h2 {font-size:138.5%;color:#788c0f; margin: 0px 0 10px 0; line-height: 22px;}
h3 { font-size:108%; color:#000000; margin: 12px 0 10px 0; line-height: 22px; font-weight: bold; font-family: 'Droid Sans', Verdana, arial,helvetica,clean,sans-serif; }
h4 {font-size:100%; padding: 15px 0 15px 0;}
h5 {font-size:93%;}
h6 {font-size:77%;}

/* Basic Text Set */
p,ol, ul {font-size:97%;margin:0 0 1em 0;}

/* List styles - edit as needed */
ul {list-style-type: disc; list-style-image: url(/sites/all/themes/ulib/infonow/disc.png); margin: 0; padding: 0 13px;}
ol {list-style-type:decimal;margin:0 10px 0 10px;}

/* END TEXT */

/* TEMPLATE */

/*** HEADER, CAMPUS LINKS, UOFM HEADER, SEARCH BUTTONS, AND SEARCH BOX CSS ALL THANKS TO KIM DOBERSTEIN. THE STYLES DON'T USE THE GRID SYSTEM, BUT THE SEARCH BUTTON ALIGNMENT WORKS AND THE CSS NOW VALIDATES ***/

/************************** HEADER ***********************************/

#header{line-height:18px;color:#000000;background:#ffffff;}
#header ul, #header li, #header p, #header div{font-size:11px;}


/******* Hide skip links *******************/
#skipLinks{ position:absolute; left:-9999px }

/*************************** CAMPUS LINKS ****************************/
#campus_links{text-align:right; background-color:#ffffff; padding-right:18px; line-height:22px;}

#campus_links a{color:#555; /*Standard Maroon*/}
#campus_links a:hover{color:#666666; /*Gray*/}

#campus_links ul, #campus_links li, #campus_links p{display:inline;}
#campus_links ul{margin:0;padding:0}
#campus_links li{margin-left:10px;}


/*************************** UOFM HEADER (MAROON BAR) ******************/

#headerUofM{position:relative;background:#e66a39 url(/Images/bg_header.gif) repeat-x;height:63px;}

#logo_uofm{background:url(/Images/logo_uofm_D2D.gif) no-repeat;height:62px;width:320px;}

#logo_uofm a,#logo_uofm a:hover{/*this should leave the link - but push the words into the hidden overflow */
display:block;height:62px; /*Must be same height as #logo_uofm*/width:0;padding-left:320px;/*Must be same as #logo_uofm width */overflow:hidden;}


/************************ SEARCH BUTTONS (MYU AND ONE STOP) *****************/
#search_area{position:absolute;right:0;top:0;text-align:right;}

#search_nav{position:absolute;right:10px;text-align:right;top:5px;}

#search_nav a{display:block;float:right;width:0px;height:25px;padding-left:73px;overflow:hidden;margin-left:5px;}

#btn_myu{background:url(/Images/btn_myu.gif);}

#btn_onestop{background:url(/Images/btn_onestop.gif);}


/******************* SEARCH BOX ************************************/

#gsearch{background: url(/Images/search_field.gif) no-repeat; height:22px ;width:269px;position:relative;top:35px;}

#gsearch label{position:absolute; left:-9999px}

#search_field{border:0;color:#666666;width:200px;position:absolute;top:3px;left:15px;font-size:11px;color:#333;}



/*FOOTER*/

#footer_inner { padding:5px 0 0 30px; font-size: 90%; width:460px; background: #FFFFFF; }
.copyright { float:left; margin-left: -30px; list-style:none;}

#footer_right{ font-size: 90%; padding:5px 30px 0 0; float: right; width: 440px; text-align: right; background: #FFFFFF; }
ul.footer_links {float:right;padding-right: 10px; list-style:none;}
ul.footer_links li { display:inline; padding-left: 10px; }
ul.footer_links li a {color:#7A0019; text-decoration:none; border-bottom:1px solid #c2a9ae;}
ul.footer_links li a:link {color:#7A0019;}
ul.footer_links li a:hover { color:#666666; border-bottom: 1px solid #666666; }
ul.footer_links li a:active {color:#666666;}


/* END TEMPLATE */


/* InfoNOW */

#logo_infonow {
    display: block;
    width: 216px;
    height: 60px;
    background: url(/sites/all/themes/ulib/infonow/logo.png) no-repeat;
    margin: 11px 0 9px 25px;
    text-indent: -9999px;
    float: left;
}

#fade {    
    background: white url(/sites/all/themes/ulib/infonow/bg.png) bottom repeat-x;
}

#outer {
    padding-bottom: 18px;
}

#wrapper {
    background-color: white;
    position: relative;
    margin: 90px 0 0 0;
    border: 1px solid #dcd9cd;
    -webkit-box-shadow: 0px 0px 8px #c9c6bf;
    -moz-box-shadow: 0px 0px 8px #c9c6bf;
    box-shadow: 0px 0px 8px #c9c6bf;
}

#main_nav {
    position: absolute;
    margin: 0;
    right: 0px;
    top: -44px;
    font-family: 'Droid Sans', Verdana, arial,helvetica,clean,sans-serif;
    overflow: hidden;
    padding: 5px 25px 0 5px;
}

#main_nav .links {
    padding: 0;
}

#main_nav li {
    float: left;
    list-style: none;
    text-align: center;
}

#main_nav li a {
    font-size: 18px !important;
    display: block;
    padding: 10px 0;
    width: 110px;
    background: #99AE27 url(/sites/all/themes/ulib/infonow/main_nav_bg.png) 50% 50% repeat-x;
    color: white;
    margin-left: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0px 0px 8px #c9c6bf;
    -moz-box-shadow: 0px 0px 8px #c9c6bf;
    box-shadow: 0px 0px 8px #c9c6bf;
}

#main_nav li a:hover {
    background: #99AE27 
    (/sites/all/themes/ulib/infonow/main_nav_bg-hover.png) 50% 50% repeat-x;
    text-decoration: none;
}

#main_nav li a.active {
    background: white;
    color: #363636;
    padding-bottom: 12px;
}

#content {
    position: relative;
    padding: 30px 25px;
    overflow: hidden;
}

/*.home #content {    */
/*    height: 435px;*/
/*    padding: 0;*/
/*}*/

#content .background {
    position: absolute;
    bottom: 90px;
    left: 0;
}

#content .slogan {
    text-align: center;
    line-height: 1.55;
    background: #d0d898;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 88px;
    width: 960px;
    border-top: 2px solid #c1c68d;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:123.07692%;
    font-weight: bolder;
    color: #636363;    
}

#content .slogan p {
    padding: 1.25em 0;
    margin: 0;
}

#content .slogan em {
    color: #252525;
    font-weight: bolder;
}

#content .headline {
    color: #a1a1a1;
    position: absolute;
    left: 300px;
    top: 155px;
    font-size: 253.84615%;
    font-family: 'Droid Sans', Verdana, arial,helvetica,clean,sans-serif;
    line-height: 1.25em;
    text-shadow: 1px 1px 3px #b8b8b8;
    text-transform: uppercase;
}

#content .headline strong {
    color: #e96f35;
    font-weight: bolder;
}

#content .tagline {
    color: #7d7d7d;
    font-size: 54.545454%;
    text-transform: none;
    text-shadow: none;
    filter: none;
}

#content .tagline em {
    font-family: Droid Serif, "Times New Roman", Times, serif;
}

#login {
    position: absolute;
    right: 10px;
    top: 10px;
    font-family: 'Droid Sans', Verdana, arial,helvetica,clean,sans-serif; 
    width: 202px;
}

#login h3 {
    margin: 5px 12px;
}

#login .form {
    width: 178px;
    background: #efefdb;
    padding: 8px 12px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 17px;
}

#login label, #login input {
    display: block;
    margin-left: 12px;
}

#login input.box {
    height: 25px;
    width: 175px;
    border: 1px solid #cbcbcd;
    margin-bottom: 8px;
    -webkit-box-shadow: inset 1px 1px 2px #e0e0e0;
    -moz-box-shadow: inset 1px 1px 2px #e0e0e0;
    box-shadow: inset 1px 1px 2px #e0e0e0;
}

#login input.first {
    margin-bottom: 18px;
}

#login a.button {
    display: block;
}

#login a.button:hover {
    text-decoration: none;    
    background: #e96f35 url(/sites/all/themes/ulib/infonow/register_bg-hover.png) 50% 50% repeat-x;
}

#login .button {
    padding: 8px;
    margin-left: 12px;
    width: 95px;
    text-align: left;
    font-family: 'Droid Sans', Verdana, arial,helvetica,clean,sans-serif;
    font-size: 107.692307%;
    font-weight: bold;
    color: white;
    background: #e96f35 url(/sites/all/themes/ulib/infonow/register_bg.png) 50% 50% repeat-x;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 0;
    cursor: pointer;
}
#login .button:active {    
    background: #e96f35 url(/sites/all/themes/ulib/infonow/register_bg-active.png) 50% 50% repeat-x;
}

#login .form .button, #login .form label, #login .form input {
    margin-left: 0;
}

#login .form .button {    
    background: #99AE27 url(/sites/all/themes/ulib/infonow/login_bg.png) 50% 50% repeat-x;
    width: 100px;
}

#login .form button:active {    
    background: #99AE27 url(/sites/all/themes/ulib/infonow/login_bg-active.png) 50% 50% repeat-x;
}

#login .form button:hover {    
    background: #99AE27 url(/sites/all/themes/ulib/infonow/login_bg-hover.png) 50% 50% repeat-x;
}

#login .checkbox {
    float: right;
    margin-top: 9px;
}

#login label.checkbox {
    font-size: 69.230769%;
    margin-left: 8px;
    margin-right: 4px;
    line-height: 1.5em;
}

#login p {
    font-size: 84.615384%;
    font-weight: bold;
    color: #555555;
    margin-top: 18px;
}

#bottom {
    padding: 18px;
    overflow: hidden;
}

#bottom .fourcol {
    width: 205px;
    float: left;
    padding: 0 27px 0 13px;
}

#bottom .fourcol.last {
    width: 159px;
    border-left: 1px solid #d9d5c5;
    padding-right: 12px;
}

#bottom ul, #bottom p {
    font-size: 84.615384%;
}

#bottom p {
    margin-bottom: 1em;
}

#bottom ul {
    padding: 0;
}

#bottom li{
    padding: 0 0 1em 0;
}

#footer {
    margin: 20px auto 90px auto;
}

#left {
    width: 287px;
}

#right {
    float: right;
    width: 160px;
    padding: 0 20px;
}


#left .links, #right .links {
    border-top: 2px dotted #ccc;
    border-bottom: 2px dotted #ccc;
    margin: 25px 0 25px 0;
    overflow: hidden;
    padding: 15px 0;
}

#right .links {
    margin: 0 -20px 25px -20px;
    padding: 5px 20px 15px 20px;
    border: none;
    background-color: #f8f8ef;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#left .links div {    
    float: left;
}

#left .links h3, #right .links h3 {
    font-style: italic;
    color: #7D7D7D;
    font-size: 14px;
}

#left .links ul, #right .links ul {
    list-style: none;
    padding: 0 30px 0 0;
}

#right .links ul {
    padding: 0;
 }

#left .links li, #right .links li {
    padding-bottom: 12px;
    font-size: 13px;
}

#right .links li {
    padding-bottom: 6px;
}

#left .links ul.last {
    padding: 0;
}

#right p {
    font-size: 11px;
}

#main {
    position: absolute;
    top: 30px;
    left: 315px;
    padding: 0 20px;
    width: 600px;
}

#main div {
    width: 280px;
    padding-right: 40px;
    float: left;
    margin-top: 30px;
}

#main div.last {
    padding-right: 0;
}

#main .chat {    
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: white;
    margin-bottom: 1.5em;
}

#main .chat a {
    display: block;
    line-height: 50px;
    color: white;
    height: 50px;
    width: 200px;
    padding-left: 85px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #898989 url("/sites/all/themes/ulib/infonow/chat.png") 12px center no-repeat;
}

#main .chat a:hover {
    text-decoration: none;
    background-color: #9e9e9e;
}

#main.left {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    width: 650;
}

#content h1 {
    color: #E66A39;
}

#content h2 {
    font-size: 15px;
    font-weight: bold;
}

#content a.services {
    display: block;
    margin: 0 -1em;
    padding: 1em;
    color: inherit;
    border: 2px solid white;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#content a.services p {
    margin: 0;
}

#content a.services:hover {
    background-color: #ebefd3;
    text-decoration: none;
    border: 2px solid #ebefd3;
}

#content a.services:hover h2 {
    color: #636363;
}

#content table {
    margin-bottom: 1em;
}

#content td, #content th {
    padding: .5em;
    border: 1px solid #ccc;
}

#content th {
    font-weight: bolder;
}

#main.staff img {
    float: left;
    margin: 5px 10px 10px 0;
    padding: 2px;
    border: 1px solid #CBCBCD;
}

#main.staff h2 {
    margin: 30px 0 0 0;    
}

p#staff-fac {
    line-height:  1.25em;
    color: #7D7D7D;
    padding:  0 12px;
}