﻿/*
Theme Name: UF&Shands Parent WordPress Theme
Theme URI: http://webservices.ahc.ufl.edu/
Description: The official WordPress parent theme for UF&Shands - The University of Florida Academic Health Center
Version: 1.0
Author: UF&Shands Web Services
Author URI: http://webservices.ahc.ufl.edu//
*/

/* Importing major CSS libraries for special content zones
----------------------------------------------------------------------*/
/*@import url('institutional.css');      Institutional header and footer 
@import url('featured-content.css');  /* Featured content zone on homepage 
@import url('widgets.css');            /*Featured content zone on homepage 
@import url('shortcodes.css');         /*shortcode related css */





/*#departments .sub-mega.container { display:block !important; opacity:1 !important;}*/




/*-	DEBUG CLASSES
----------------------------------------------------------------------*/
.debug { background-color: red; }
.test-class { display: none; }
.push-class { display: none; }


/*-  COLOR PALETTE
----------------------------------------------------------------------*/
.light-blue { color: #D7DEF0; }
.medium-blue { color: #6377B2; }
.dark-blue { color: #243778; }
.very-dark-blue { color: #20346D; }
.white { color: #FFFFFF; }
.orange { color: #F6B056; }
.b-orange { color: #CD7602; }
/* Burnt Orange */
.black-25 { color: #444444; }
/* 25% Black */
.black-50 { color: #7E7E7E; }
/* 50% Black */
.black-75 { color: #BFBFBF; }
/* 75% Black */


/*-  ACCESSIBILITY
----------------------------------------------------------------------*/
.screen-reader-text { position: absolute; left: -9999px; }

/* ie css3pie hack */
css3-container { width: 100%; height: 100%; overflow-x: hidden; }


/*-  BASE STYLES
----------------------------------------------------------------------*/

/* Always force a scrollbar in non-IE */

html { overflow-y: scroll; overflow-x: auto; /* considered changing to hidden to match ufhealth. but since this attribute is only supported on IE9+, I want to see the horizontal scroll bars in Firefox so I can fix them for <= IE8 Bruce L. */ }

/* Remove margins for navigation lists */
nav ul, nav li { padding-left: 0; margin: 0; padding: 0; list-style-type: none; }

nav a { text-decoration: none; display: block; }

nav a:hover { text-decoration: underline; }

small { font-size: 85%; }

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong { font-weight: normal; }

article h1 a,
article h2 a,
article h3 a { color: #243778; border-bottom: none; }

article h1 a:hover,
article h2 a:hover { border-bottom: none; text-decoration: underline; }

article.span-18 { width: 690px; }


strong, th { font-weight: bold; }

blockquote { background: #D7DEF0 url(/images/template/bg-sprite-transparent.png) -1240px -519px no-repeat; color: #243778; border-left: 5px solid #6377B2; margin: 1.5em; padding: 1em; font-family: Georgia, serif; font-style: italic; font-size: 1.3em; line-height: 1.4em; }

blockquote p { margin-bottom: 0; }

td,
td img { vertical-align: top; }

/* Set sub, sup without affecting line-height */

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; -ms-word-wrap: break-word; word-wrap: break-word; }

textarea { overflow: auto; }

.ie6 legend,
.ie7 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

label,
input[type=button],
input[type=submit],
button { cursor: pointer; }

button,
input,
select,
textarea { margin: 0; }

input:invalid,
textarea:invalid { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #F0DDDD; /* Light Pink */ }

/*::-moz-selection{ background: #D7DEF0; text-shadow: none; }*/
::selection { background: #D7DEF0; /* Light Blue */ text-shadow: none; }

p.lead { font-family: Georgia, serif; font-style: italic; font-size: 1.3em; margin-bottom: 1.3em; }

a:link { -webkit-tap-highlight-color: #243778; /* Dark Blue */ }

button { /*commenting out everything color specific here. This is way too general of a style. It's affecting all media player buttons, lightbox buttons, etc. Please use the btn-orange class if you need an orange button. */
    width: auto; 
    overflow: visible; 
    /*color: white;*/ 
    padding: 7px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
    /*-moz-box-shadow: 0 1px 0 0 #FACF98 inset; 
    -webkit-box-shadow: 0 1px 0 0 #FACF98 inset;*/ 
    /*box-shadow: 0 1px 0 0 #FACF98 inset;*/ 
    /*background: #F6B056;*/ 
    /*border-color: #BC6834;*/ 
    border-style: solid; 
    border-width: 1px; 
    font-family: Helvetica, Arial, sans-serif; 
    font-style: normal; 
    font-weight: bold; 
    text-align: center; 
    /*text-shadow: 0 1px 0 #BC6834;*/ 

}

.ie7 img { -ms-interpolation-mode: bicubic; }

.black,
.black-25 a,
.black-25 a:active,
.black-25 a:visited { color: #7E7E7E; /* 50% Black */ }

.white,
.white a,
.white a:active,
.white a:visited { color: #FFF; /* White */ }


/*-  HEADER
----------------------------------------------------------------------*/

header { z-index: 99998; /* Needed for megamenu in IE7 */ background: #FFF url(/images/template/bg-header.jpg) 0 bottom repeat-x; /* Light Blue <=> White */ background: -moz-linear-gradient(top, #FFF 0%, #FFF 75%, #D7DEF0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(75%,#FFF), color-stop(100%,#D7DEF0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFF 0%,#FFF 75%,#D7DEF0 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #FFF 0%,#FFF 75%,#D7DEF0 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #FFF 0%,#FFF 75%,#D7DEF0 100%); /* IE10+ */ background: linear-gradient(top, #FFF 0%,#FFF 75%,#D7DEF0 100%); /* W3C */ }

header .container { height: 157px; position: relative; }

header .logo { float: left; margin-top: 50px; }

header .logo a { background: transparent url(/images/UF&Shands-logo.jpg) 0px -7px no-repeat; height: 72px; width: 488px; }

header #header-title { /*margin-top: 34px;
    padding-bottom: 8px;*/ margin-top: -99999999px; /*hides the logo until it can be properly positioned via jquery. MUST BE DONE VIA JQUERY TO ALWAYS BE VERTICALLY CENTER*/ position: absolute; top: 50%; }

header #header-title #header-title-text-right { float: left; }

header #header-title #header-title-text-right.uf { border-left: 2px solid #ff963a; padding-left: 6px; }

header #header-title #header-title-text-right.ufandshands { border-left: 2px solid #acb6d7; padding-left: 6px; }

header #header-title #header-parent-organization-logo.ufandshands { float: left; background-color: transparent; background-image: url(/images/template/bg-sprite-transparent.png); background-repeat: no-repeat; background-attachment: scroll; background-position: -730px -18px; height: 60px; width: 67px; }

header #header-title #header-parent-organization-logo.shands { display: none; }

header #header-title #header-parent-organization-logo.none { display: none; }

/*switching to a more mobile-friendly logo for uf as part of the mobile project - bruce 5/7/15*/
header #header-title #header-parent-organization-logo.uf { float: left; width: 76px; height: 52px; margin-right:9px; background: transparent url(/images/template/bg-sprite-transparent.png) -599px -21px no-repeat; }

body.home header #header-title h1, header #header-title h2.not-front { margin: -3px 0px 0px 0px; padding: 0px; font-size: 2.4em; /*had to change this from 2.5em. college of medicine &ndash; Jacksonville was wrapping*/ line-height: 1; }

body.home header #header-title h2, header #header-title h3.not-front { margin: 0px; padding: 6px 0px 0px 0px; font-size: 1.3em; line-height: 1.1; }

/* for IE */
#header-title a:hover h1,
#header-title a:hover h2,
#header-title a:hover h3 { text-decoration: underline; }

/* default mouse cursor for site title on homepage */
body.home #header-title a:hover,
body.home #header-title a:hover h1,
body.home #header-title a:hover h2,
body.home #header-title a:hover h3 { /*cursor: pointer;*/ text-decoration: none; }

#utility-links { float: left; margin: 0; padding: 0; font-size: .85em; overflow: hidden; height: 20px; }

#utility-links .first { margin-left: 0; }

#utility-links li { float: left; margin-left: 2em; height: 1.2em; padding: 2px 0; }

#utility-links li:first-child { margin-left: 0; }

#utility-links li:last-child { margin-right: 0; }

#header-search-wrap { height: 80px; position: relative; top: 30px; float: right; }

#searchform-wrap { background: url("/images/template/bg-sprite-transparent.png") no-repeat scroll -114px -20px transparent; height: 49px; left: 0; margin-top: 27px; position: relative; width: 280px; }

#header-search-field { border: 1px solid #BFBFBF; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; -moz-box-shadow: 0 0 2px #BFBFBF; -webkit-box-shadow: 0 0 2px #BFBFBF; box-shadow: 0 0 2px #BFBFBF; color: #BFBFBF; font-family: Georgia,serif; font-size: 1em; font-style: italic; height: 15px; left: 13px; margin: 0; padding: 7px; position: absolute; top: 10px; width: 237px; }

#header-search-btn { position: absolute; right: 16px; top: 12px; }

#header-social { float: right; margin: 70px 5px 0 0; padding-left: 5px; }

#header-social li { float: left; background-position: center center; background-repeat: none; margin-left: 5px; }

#header-social li a { height: 24px; width: 24px; background-position: center center; background-repeat: none; }

#header-social .facebook { background: transparent url(/images/template/bg-sprite-transparent.png) -497px -21px no-repeat; }

#header-social .twitter { background: transparent url(/images/template/bg-sprite-transparent.png) -550px -21px no-repeat; }

#header-social .youtube { background: transparent url(/images/template/bg-sprite-transparent.png) -525px -21px no-repeat; }

#header-actionitem { bottom: 0; position: absolute; right: 25px; border: 1px solid #DD8A26; border-bottom: none; border-top: none; -moz-box-shadow: inset 0 1px 0 0 #D28321; -webkit-box-shadow: inset 0 1px 0 0 #D28321; box-shadow: inset 0 1px 0 0 #D28321; color: white; font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: bold; padding: 7px 15px 5px 15px; text-decoration: none; text-align: center; text-shadow: 0 1px 1px #D28321; background: transparent url(/images/template/bg-custom-button.jpg) 0 0 repeat-x; width: auto; }

#header-telephone { background: transparent url(/images/template/sprite-test.png) 0 -579px no-repeat; bottom: 0; height: 31px; position: absolute; right: 25px; width: 262px; }


/*PRIMARY NAVIGATION box-shadow: 0 1px 4px #666; WAS UNDER PRIMARY NAV. THIS MAKES NO SENSE WHATSOEVER BUT THIS LINE IS CAUSING ISSUES WITH MY JQUERY CRITERIA MENUS ON THE NEW DIRECTORY IN IE7 & IE8. WHEN YOU SCROLL OFF THE INPUT CONTROL, BUT STAY ON THE MENU, IT CLOSES ANYWAY.*/
/*-----------------------------------------------------------------------*/

#primary-nav .container { z-index: 99999; position: relative; }


#primary-nav { background: url("/images/template/bg-primary-nav.jpg") repeat-x scroll 0 0 transparent; bottom: 0; -moz-box-shadow: 0 1px 4px #666; -webkit-box-shadow: 0 1px 4px #666; box-shadow: 0 1px 4px #666; height: 49px; left: 0; padding-left: 0; position: relative; z-index: 99990; }

#primary-nav h3 { line-height: 1; margin-bottom: 0.5em; position: relative; display: block;}

#primary-nav .sub-mega h3 a { display: inline; vertical-align: middle; /*line-height:1.53em;*/ }

nav h3, #secondary h3 { line-height: 1; }
#primary-nav li { float: left; }
#primary-nav li.top-lvl > a { background-image: url("/images/template/bg-sprite-flat.jpg"); background-repeat: no-repeat; color: #fff; display: block; font-family: Helvetica,Arial,sans-serif; height: 49px; padding: 0; /*text-indent: -9999px;*/ }


#primary-nav .sub-mega a { /*background-image: none;*/ height: auto; color: #FFF; /*text-indent: 0;*/ /*width: 130px;*/ }


#home a { background-position: -304px -191px; width: 72px; }


/*con primary nav widths*/
/*#faculty a { width: 192px; } this line screws up the "newest faculty" list on the homepage of COMJ*/
/*end con primary nav width*/

/*hscj primary nav widths*/
#com a,
#cop a,
#con a { width:241px;}
/*end hscj primary nav widths*/

/*com primary nav widths*/
#patientcare > a { width: 191px; }
#education > a { width: 172px; }
#research > a { width: 168px; }
#departments > a { width: 192px; }
#about > a { width: 165px; } /*#about is also an hscj primary nav item*/
/*end com primary nav widths*/



#home a:hover, #home a:active { background-position: -304px -93px; }
#home a.active, #home a.active-trail { background-position: -304px -142px; }

#header-telephone { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; bottom: -1px; color: #fff; font: bold 1.3em Arial,sans-serif; padding-left: 35px; padding-right: 10px; position: absolute; right: 10px; }
#header-telephone i { background: url("/images/template/bg-site-telephone.jpg") no-repeat scroll 0 0 transparent; bottom: -8px; display: block; height: 31px; left: 12px; position: absolute; width: 25px; }
#primary-nav .children { width: auto; }
#primary-nav #main-menu li > a { display: block; }
#primary-nav .sub-mega { background-color: #121f4b; background-image: -moz-linear-gradient(center top, #121f4b, #a4b1de); display: none; font-size: 0.9em; /*height: 385px;*/ left: 0; line-height: 1.9em; /*overflow: hidden;*/ padding: 0 5px; position: absolute; top: 45px; width: 950px; z-index: 99999; }
.ie7 #primary-nav .sub-mega, .ie8 #primary-nav .sub-mega { background: url("/images/template/bg-sub-mega.jpg") repeat-x scroll 0 0 #a3b0de; }
#primary-nav .sub-mega-inner { background: url("/images/template/bg-mega-inner.jpg") repeat-x scroll 0 0 #1a2e6d; /*height: 365px;*/ padding-top: 15px; margin: 0; overflow: hidden; }

#primary-nav .sub-mega-inner ul { margin-bottom: 15px; margin-left: 0px; /*margin-left: 10px;*/ overflow: hidden; }

#primary-nav .sub-mega-inner li { 
    /*updated background position. sprite is different for UF vs UF Health*/ 
    /*background: url("/images/template/bg-sprite-transparent.png") no-repeat scroll -978px -133px rgba(0, 0, 0, 0);*/ 
    padding-left: 20px; /*width: 100%; changed to 100. was 105*/ 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; /*added*/ 

}


    #primary-nav .sub-mega-inner li:before {
        content: "";
        font-size: 12px;
        margin-left: -10px;
        color: #7894ca;
        position:absolute;    
        font-family:FontAwesome;
        font-weight:bold;
        line-height:20px;
    }

    #primary-nav .sub-mega .btnImageAlign li:before,
    #primary-nav li.sub-level-inner-most:before {
        content: "";
    }

/*#departments .container {
    display:block !important;
    opacity:1 !important;
}*/


#primary-nav .sub-mega-inner .list-col li { width: 155px; /*changed from 135px to accomodate the box sizing setting (now the 20px of padding is included in the width, not added to) */ }
#primary-nav .sub-mega-inner a { background-position: 0 0; /*width: 100%; 105% too much*/ }
#primary-nav div.last { background-image: none; padding-right: 0; }
#primary-nav .mega-news { padding: 5px 15px 0 17px; }
#primary-nav .mega-news img { border: 3px solid #bbc5e5; float: left; margin: 0 15px 15px 0; }
#primary-nav .mega-news h4, #primary-nav .research-feature-img h4 { font-family: Arial,serif; font-size: 1.1em !important; font-weight: bold; margin: 0 15px 4px 0; }
#primary-nav .read-more { background-color: #6779b7; border: 1px solid #6779b7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: block; float: left; font-size: 0.85em; font-weight: bold; line-height: 1.4em; margin: 5px 0 10px; padding: 3px; text-align: center; text-transform: uppercase; width: auto !important; }
#primary-nav .mega-news div.clear { padding-bottom: 5px; }
#primary-nav .col { background: url("/images/template/bg-mega-col-border.png") no-repeat scroll right 0 transparent; float: left; overflow: hidden; padding-right: 2px; }
#primary-nav .col-2 div { float: left; padding-top: 10px; }
#patientcare .col-1 { width: 323px; }
#patientcare .col-1 li { margin-bottom: 2px; margin-top: 2px; }

#about .col-2,
#research .col-2,
#education .col-2,
#patientcare .col-2 { width: 625px; }


#primary-nav div.col-2 div { padding-top: 0; /*overwrites the default padding of 10px*/ }


#patientcare .col-2 a.btn { display: block; float: left; margin-right: 10px; position: relative; width: auto !important; }
#patientcare .patient-feature { margin: 10px 15px 0 17px; }
#patientcare .patient-feature-img img { border: 4px solid #bbc5e5; float: left; margin-right: 15px; }






#education li a { /*width: 300px;*/ }
#education .col li { /*float: none;*/ line-height: 1.75em; }

#about .col-1,
#research .col-1,
#education .col-1 { overflow: visible; width: 320px; z-index: 10; }
#education .col-1 li { margin-bottom: 5px; margin-top: 5px; }

/*#education .col-1 li, #education .col-1 ul {
    overflow: visible;
}*/

#education .col-1 ul li a.active { background: url("/images/template/mega-education-active.png") no-repeat scroll 0 0 transparent; color: #1a2e6d; left: -31px; position: relative; text-indent: 31px; }
#education .col-1 h3 a.active { background: url("../images/mega-education-h3-active.png") no-repeat scroll 0 0 transparent; color: #1a2e6d; display: block; position: relative; z-index: 10000; }
#education .col-2 { width: 625px; }
#education .col-2 ul { margin-left: 0; }
#education .col-2 p.active, #education .mega-feature-right-links div.active { display: block; }
#education .col-2 p, #education .mega-feature-right-links div { display: none; }
#education .col-2 p a { border-bottom: 1px dotted #6377b2; display: inline; }
#education .mega-feature-right-links ul { margin-top: -20px; padding-top: 0; }
#education .mega-feature-right-links .btn { display: block; margin-bottom: 10px; position: relative; text-align: left; width: 167px; }
.mega-feature-right-links a.btn-orange { background: none repeat scroll 0 0 #f06c24; border-bottom: 1px solid #f06c24; }
.mega-feature-right-links a.btn-orange:hover, .mega-feature-right-links a.btn-orange:active, .mega-feature-right-links a.btn-orange.active, .mega-feature-right-links a.btn-orange.disabled, .mega-feature-right-links a.btn-orange[disabled] { color: #ffffff; }
#education li.visit-homepage { background-color: #384d8e; background-position: -835px -382px; border-bottom: 1px solid #697dbb; border-top: 1px solid #697dbb; font-weight: bold; margin-bottom: 5px; padding-bottom: 3px; padding-top: 3px; }
.mega-feature-right-links .icon-orange-dbl-arrow { background: url("/images/template/btn-icon-sprite.png") no-repeat scroll -3px -2px transparent; display: block; height: 13px; position: absolute; right: 10px; top: 5px; width: 12px; }

/*#research .col-1 {
    width: 290px;
}*/
#research .col-1 li { margin-bottom: 4px; margin-top: 4px; min-width:51%; } /*min width keeps multiple items from appearing on the same line*/
/*#research .col-2 {
    width: 400px;
}
#research .col-3 {
    width: 255px;
}*/
.mega-news div.clear { padding-bottom: 0; }
#primary-nav .sub-mega-inner .mega-news a { width: auto; }
.mega-news h4 { font-family: Arial,serif; font-size: 1.1em !important; font-weight: bold; margin: 0 0 4px; }

/*#about .col-1 {
    width: 250px;
}
#about .col-2 {
    width: 698px;
}
#about .sub-mega-inner .list-col li {
    width: 100%;
}*/
.mega-caption { margin-bottom: 10px; margin-left: 20px; }
#primary-nav .mega-action-button { border: 2px solid #dc7924; display: block; font-size: 1.4em; font-weight: bold; height: 28px; margin-bottom: 10px; margin-left: 15px; text-align: center; text-transform: uppercase; width: 180px; }

#primary-nav h3 { 
    /* IE10 Consumer Preview */ 
    /* Mozilla Firefox */ 
    /* Opera */ 
  /* Webkit (Safari/Chrome 10) */ 
    /* Webkit (Chrome 11+) */ 
    color: #fff; height: 28px; padding: 2px 0 6px; position: relative; text-indent: 15px; text-transform: uppercase; background-image: linear-gradient(to right, #26499a 0%, #143682 100%);/* W3C Markup, IE10 Release Preview */ 
    /*ie <= 9*/

    /*font-size: 1.5em; was set to 0.9 previously. going back to that*/ 
    }

#primary-nav h4 { color: #fff; }
.ie7 #primary-nav h3 { height: 22px; }
.ie7 #primary-nav h3 a { margin-top: -3px; }
.ie7 #primary-nav .short h3, .ie8 #primary-nav .short h3 { background: url("/images/template/bg-h3-short.jpg") repeat-y scroll 0 0 #223575; }
.ie7 #primary-nav .long h3, .ie8 #primary-nav .long h3 { background: url("/images/template/bg-h3-long.jpg") repeat-y scroll 0 0 #223575; }
.ie7 #primary-nav h3 { padding-top: 9px; }
.ie7 #primary-nav span { top: -2px; }
.ie7 #primary-nav li { padding-bottom: 3px; }
.ie7 #education li { padding-bottom: 0; }
#primary-nav h3 a { width: 100%; }
#primary-nav h3 a:hover { text-decoration: none; }


#primary-nav h3 span { background: url("/images/template/bg-sprite-transparent.png") no-repeat scroll -3px -443px transparent; display: inline-block; height: 22px; margin-left: 8px; position: relative; top: 5px; /*was 3px but had to increase height so this changed*/ width: 23px; }


#primary-nav ul.img-list { margin-left: 20px; }

#primary-nav #health-a-to-z li:before,
#primary-nav .img-list li:before {
    content:"";
}


#primary-nav .img-list li { background-image: none; padding: 5px 0 0; width: 120px; }

#patientcare #health-a-to-z { float: left; width: 350px; }
#patientcare #health-a-to-z ul { margin-bottom: 10px; }
#patientcare #health-a-to-z li { background: url("/images/template/bg-a-to-z.jpg") repeat-x scroll 0 bottom #fff; border: 1px solid #fff; float: left; height: 20px; margin: 0 2px 2px 0; padding-left: 0; position: relative; text-align: center; width: 20px; }
#patientcare #health-a-to-z a { color: #e98c24; display: block; font-weight: bold; height: 100%; left: 0; position: absolute; text-shadow: 1px 1px 1px #fff; top: 0; width: 100%; }
.ie7 #patientcare #health-a-to-z a { top: 2px; }
.mega-feature-img { padding: 0 17px; width: 375px; }
.mega-feature-img img, .research-feature-img img { border: 4px solid #bbc5e5; margin-bottom: 5px; }
.research-feature-img { padding: 0 17px; }
#health-search, #research-search { float: left; margin-left: 17px; padding-bottom: 10px; position: relative; width: 255px; }
.form-text { border: 1px solid #bfbfbf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 2px #bfbfbf; -webkit-box-shadow: 0 0 2px #bfbfbf; box-shadow: 0 0 2px #bfbfbf; color: #444; font-family: Georgia,serif; font-size: 1em; font-style: italic; height: 17px; left: 13px; margin: 0; padding: 6px 7px; }
#health-search .form-text, #research-search .form-text { border: 2px solid #e2a03d; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); font-family: Georgia,serif; font-style: italic; padding: 8px; width: 235px; }
#health-search .form-submit, #research-search .form-submit { background: url("/images/template/encyclopedia-search-btn.jpg") no-repeat scroll 0 0 transparent; border: medium none; height: 35px; position: absolute; right: 0; text-indent: 9999px; text-transform: capitalize; top: 2px; width: 35px; }
#research-search .form-text { padding: 8px; }
#primary-nav ul#mega-social { margin-left: 23px; }
#primary-nav #mega-social li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; margin-right: 5px; padding-left: 0; width: auto; }
#primary-nav #mega-social li a { height: 38px; width: 38px; }
#primary-nav #mega-social .the-hub { background: url("/images/template/bg-sprite-transparent.png") no-repeat scroll -9px -298px transparent; width: 153px; }
#primary-nav #mega-social .facebook { background: url("/images/template/bg-sprite-transparent.png") no-repeat scroll -174px -298px transparent; }
#primary-nav #mega-social .twitter { background: url("/images/template/bg-sprite-transparent.png") no-repeat scroll -218px -298px transparent; }
#primary-nav #mega-social .youtube { background: url("/images/template/bg-sprite-transparent.png") no-repeat scroll -261px -298px transparent; }

#departments div.span-25.firstColumn {width: 313px;}
#departments div.span-25.secondColumn {width: 323px;}
#departments div.span-25.thirdColumn {width: 290px;}


#primary-nav #departments .sub-mega-inner div { margin-right: 6px; }
#primary-nav #departments .sub-mega-inner div.thirdColumn { margin-right: 0px; }


/*-  BREADCRUMB
----------------------------------------------------------------------*/

#breadcrumb { background: url("/images/template/bg-breadcrumb.jpg") repeat-x scroll 0 0 #E3E3E3; border-bottom: 1px solid #BEBEBE; font-family: Verdana,sans-serif; font-size: 0.8em; height: 21px; }

#breadcrumb a, #breadcrumb strong, #breadcrumb .current-node { background: url("/images/template/bg-breadcrumb-item.jpg") no-repeat scroll right 0 transparent; color: #444444; display: block; float: left; height: 18px; padding: 4px 20px 0 10px; }





/*-  SINGLE POST
----------------------------------------------------------------------*/

.single-meta { margin-bottom: 1.2em; clear: both; }

.single-meta p { font-size: .9em; margin-bottom: .5em; padding-left: 18px; }

.single-meta .published,
.published { background: transparent url(/images/template/bg-sprite-transparent.png) -1331px -108px no-repeat; font-family: Georgia, serif; font-style: italic; }

.single-meta .category { background: transparent url(/images/template/bg-sprite-transparent.png) -1330px -74px no-repeat; font-family: Georgia, serif; font-style: italic; }

.single-meta .tag { background: transparent url(/images/template/bg-sprite-transparent.png) -1333px -195px no-repeat; }

.single-navigation { margin-bottom: 20px; overflow: auto; background-color: #ECEFF6; padding: 5px 8px; text-shadow: 0 1px 1px #FFF; border-bottom: 1px solid #CAD3EB; }

.single-navigation .nav-next { float: right; }
.single-navigation .nav-previous { float: left; }

#social-content { padding: 8px 0 1px; border-top: 3px solid #D7DEF0; border-bottom: 1px solid #D7DEF0; float: left; width: 100%; }

.ie7 #social-content { padding-bottom: 10px; }

#social-content div { margin-bottom: 6px; float: left; }


/*-  SUB-PAGE SIDEBAR NAVIGATION
----------------------------------------------------------------------*/

/*
.sidebar-nav {
    font-family: ufshands,sans-serif;
    font-size: 1.2em;
    margin-top: 4px;
    position: relative;
}
.sidebar-nav div {
    float: none !important;
}
.sidebar-nav li {
    position: relative;
}
.sidebar-nav .shadow {
    background: url("/images/template/bg-sidebar-nav-li.png") repeat-y scroll right top transparent;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    z-index: 10;
}
.sidebar-nav ul {
    display: block;
    float: none !important;
    margin: 0;
}
.sidebar-nav li {
    display: block;
    margin: 0;
    position: relative;
    width: 100%;
}
.sidebar-nav .level2 {
    background: url("/images/template/bg-sprite-transparent.png") no-repeat scroll -505px -183px #FFFFFF;
    border-bottom: 1px solid #E0E0E0;
    border-top: medium none;
    font-size: 0.9em;
    padding-left: 40px;
}
.ie7 .sidebar-nav li {
    display: inline;
    height: 100%;
}
.sidebar-nav a {
    background-color: #F2F2F2;
    border-bottom: 2px solid #E0E0E0;
    border-top: 1px solid #FCFCFC;
    display: block;
    min-height: 1px;
    padding: 8px 25px;
    position: relative;
}
.sidebar-nav .level3 {
    background: url("../images/bg-sprite-transparent.png") no-repeat scroll -435px -239px #FFFFFF;
    border-bottom: 1px solid #E0E0E0;
    border-top: medium none;
    font-size: 0.9em;
    padding-left: 40px;
}
.sidebar-nav a:hover {
    background-color: #D7DEF0;
}
.sidebar-nav a.selected, .sidebar-nav a.selected:hover {
    background-color: #243778;
    background-image: none;
    color: white;
    cursor: default;
    text-decoration: none;
}
.sidebar-nav a.selected span.active, .sidebar-nav span.active:hover {
    background: url("/images/template/bg-sprite-transparent.png") no-repeat scroll -658px -107px transparent;
    display: block;
    height: 27px;
    left: -7px;
    position: absolute;
    top: 4px;
    width: 27px;
    z-index: 1;
}*/












/*-  SEARCH RESULTS & ARCHIVES
----------------------------------------------------------------------*/
.search .entry,
.archive .entry { clear: both; overflow: auto; border-bottom: 1px dotted #D7DEF0; padding-top: 15px; padding-bottom: 15px; }

.search .entry img,
.archive .entry img { padding: 4px; border: 1px solid #D7DEF0; }

.search .entry img.alignleft,
.archive .entry img.alignleft { margin-bottom: 0; }

.search h1 span,
.archive h1 span { font-family: Georgia, serif; }

.search h1,
.search h4,
.archive h1,
.archive h4 { margin-bottom: .2em; }

.search .entry h2,
.archive .entry h2 { font-size: 1.5em; margin-bottom: .2em; }

.search .published,
.archive .published { font-size: .8em; line-height: 1.4em; margin-bottom: .6em; padding: 1px 0 2px 18px; display: inline; }

.search p,
.archive p { margin-top: .4em; }


/*-  PAGINATION
----------------------------------------------------------------------*/

.pagination { clear: both; padding: 20px 0; position: relative; font-size: 11px; line-height: 13px; }

.pagination .page-of { background-color: #FFF; color: #4D4D4D; border: none; }

.pagination span,
.pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #4D4D4D; background: #D7DEF0; -moz-border-radius: 2px; /* FF1-3.6 */ -webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ border: 1px solid #D7DEF0; font-weight: bold; }

.pagination a:hover { background: #EBEEF7; }

.pagination .current { padding: 6px 9px 5px 9px; background: #243778; color: #fff; border: 1px solid #243778; }


/*-  LOCAL(RELATED CONTENT) SIDEBAR NAVIGATION
----------------------------------------------------------------------*/

#local-sidebar { float: left; margin-bottom: 10px; padding-left: 1px; }

#local-sidebar .sidebar_widget:first-child { margin-top: 2px; }

#local-request-appt { background: transparent url(/images/template/bg-local-request-appt.jpg) 0 0 no-repeat; height: 60px; }

#local-request-appt:hover { background-position: 0 -60px; }

#local-request-appt:active { background-position: 0 -120px; }


/*-  MAIN (ARTICLE) CONTENT
----------------------------------------------------------------------*/

article ul li { background: transparent url(/images/template/bg-orange-bullet.png) 0 4px no-repeat; padding-left: 12px; min-width: 0; /* peekaboo bug fix for IE7 */ }

article li { margin-bottom: 0.5em; }

article a { color: #6377B2; text-decoration: none; border-bottom: 1px dotted #6377B2; }

article a:hover { color: #243778; text-decoration: none; border-bottom: 1px solid #6377B2; }

#main-content li { margin-bottom: .5em; }

#main-content .tabs { font-size: 1.2em; margin: 0; position: relative; top: 5px; height: 32px; }

#main-content .tabs li { font-family: ufshands, sans-serif; float: left; margin: 0 10px 0 0; overflow: hidden; position: relative; /* IE6,7 require this if overflow property is set */ height: 32px; }

#main-content .tabs a { height: 32px; display: block; line-height: 1.9em; padding: 0 15px; background-color: #f0f2fa; background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F2FA), to(#D7DEF0)); background-image: -webkit-linear-gradient(top, #F0F2FA, #D7DEF0); background-image: -moz-linear-gradient(top, #F0F2FA, #D7DEF0); background-image: -ms-linear-gradient(top, #F0F2FA, #D7DEF0); background-image: -o-linear-gradient(top, #F0F2FA, #D7DEF0); background-image: linear-gradient(top, #F0F2FA, #D7DEF0); -moz-box-shadow: 0 0 1px 1px #B3BACE; -webkit-box-shadow: 0 0 1px 1px #B3BACE; box-shadow: 0 0 1px 1px #B3BACE; position: relative; z-index: 0; margin: 2px 2px 0 2px; border: 1px solid #FFF; border-bottom: none; }

#main-content .tabs a.active { background-image: none; background-color: #FFF; font-family: ufshands-bold; position: relative; z-index: 10000; height: 32px; }

h1 img.rss-icon { position: relative; top: -8px; }

/*-  ROLE-BASED NAVIGATION
----------------------------------------------------------------------*/

/*----- Home Page - White Background -----*/

/*.home #user-role {
  background: transparent url(/images/template/bg-home-role-nav-wrap.jpg) 0 -1px repeat-x;	
}*/

.home #user-role section { background: url(/images/template/bg-home-role-nav-divider.jpg) 178px top no-repeat; height: 100%; }

.home #user-role h3 { padding: 20px 0 0; }

.home #user-role h3 a { color: #C47C0F; }

.home #user-role .container-5 { padding-top: 14px; }

/*----- Internal Page - Light Blue Background -----*/

#user-role { background: #E7EAF6 url(/images/template/bg-role-nav-wrap.jpg) 0 0 repeat-x; }

#user-role .container-5 { padding-bottom: 35px; padding-top: 10px; }

#user-role .last,
.home #user-role .last { background-image: none; }

#user-role h3 { font-size: 1.5em; color: #243778; margin-bottom: .5em; position: relative; padding-bottom: 15px; }

#user-role ul { padding: 0; margin-bottom: 0; position: relative; }

#user-role li { line-height: 1.4em; padding-left: 20px; padding-bottom: 3px; background: transparent url(/images/template/bg-sprite-transparent.png) -1332px -245px no-repeat; }

.ie7 nav li { min-height: 0; /* fix pesky disappearing list bullets */ line-height: 1.4em; }


/*-  Shortcode-specific CSS
----------------------------------------------------------------------*/

.shortcode_alignright { float: right; padding-left: 2%; width: 47%; }

.shortcode_alignleft { float: left; padding-right: 2%; width: 47%; }


/*-  NON-SEMANTIC HELPER CLASSES
----------------------------------------------------------------------*/

.ir { /* image replacement */ display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.hidden { display: none; visibility: hidden; }

.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

.invisible { visibility: hidden; }

.clearfix:before,
.clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }

.clearfix:after { clear: both; }

.clearfix { -ms-zoom: 1; zoom: 1; }

.tabs { padding-left: 0; }

.item { position: relative; clear: both; margin-bottom: 10px; }

.item p { margin-bottom: 0; }

/* Removes 4px padding-bottom from img due to new HTML5 box model */

.item img { display: block; }

.margin-160 { margin-left: 153px; /* fix */ }

/*----- FLOAT CLEARING W/0 EXTRA MARKUP -----*/

.clearfix:after,
.container:after,
.content:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

.clearfix, .container, .content { display: block; }

/*----- REGULAR CLEARING -----*/
.clear { clear: both; }

/*-  WORDPRESS IMAGE ALIGNMENT
----------------------------------------------------------------------*/
.alignnone { margin: 0 0 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 0 auto 5px auto; }

.alignright { float: right; margin: 0 0 20px 20px; }

.alignleft { float: left; margin: 0 20px 20px 0; }

.aligncenter { display: block; margin: 0 auto 5px auto; }

a img.alignright { float: right; margin: 0 0 20px 20px; }

a img.alignnone { margin: 0 0 20px 0; }

a img.alignleft { float: left; margin: 0 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background-color: #FFF; border: 1px solid #CCC; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 0 5px; text-align: center; -moz-box-shadow: 0px 0px 2px #CCC; -webkit-box-shadow: 0px 0px 2px #CCC; box-shadow: 0px 0px 2px #CCC; border: 1px solid #BFBFBF; background-color: #eeeeee; background-image: linear-gradient(top, #eeeeee, #ffffff); /* Saf4+, Chrome */ /* Chrome 10+, Saf5.1+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ }

.wp-caption a,
.wp-caption a:hover,
.gallery a,
.gallery a:hover { border-bottom: none; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; border: 1px solid #FFF; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0; }


/*-  COMMENT STYLES
----------------------------------------------------------------------*/

#comment-container { padding-top: 0; }

.comments-sidebar { width: 140px; margin-right: 40px; padding-top: 60px; text-align: right; float: left; font-size: 11px; }

#respond-wrap .comments-sidebar { padding-top: 30px; }

.commentlist { margin: 10px 0 0 0; padding-top: 0; padding-left: 0; list-style-type: none; width: 100%; float: left; border-top: 1px solid #efefef; }

.commentlist .line { display: none; }

.commentlist li li li .line { display: block; position: absolute; width: 18px; height: 18px; border-bottom: 1px solid #efefef; margin: 0 0 0 -50px; }

.commentlist .comment-body { padding-left: 65px; }

.commentlist li li .comment-body { padding-left: 45px; }

.commentlist ul { border-left: 1px solid #efefef; margin: 0 0 0 63px; }

.commentlist ul ul { margin: 0 0 0 50px; }

.commentlist li li { padding-top: 25px; margin-top: 0; }

.commentlist li #commentform { margin-top: 20px; }

.pinglist { margin: 20px 0 40px 30px; list-style-type: decimal; }

.comment { padding-top: 15px; margin-bottom: 40px; background: #fff; border-top: 1px dotted #CCC; position: relative; }


li .comment, .comment:first-child { border-top: none; }

.comment-body ul,
.comment-body ol,
.comment-body dl { margin-left: 30px; }

#respond { margin-top: 18px; background-color: #ECEFF6; padding: 15px; overflow: visible; position: relative; border-top: 3px solid #CAD3EB; }

#respond label { display: block; }
Ë #commentform { margin-top: 30px; float: left; width: 500px; }

.commentform-inputs { float: left; width: 195px; margin-right: 20px; }
.commentform-textarea { float: right; height: 120px; width: 390px; }

.logged-in .commentform-textarea { position: relative; top: -45px; left: -45px; }

li .cancel-comment-reply { padding: 5px; position: absolute; top: 15px; right: 15px; margin-right: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 0 #FFF inset; -webkit-box-shadow: 0 1px 0 0 #FFF inset; box-shadow: 0 1px 0 0 #FFF inset; background: #D7DEF0; border-color: #D7DEF0; border-style: solid; border-width: 1px; font-family: Helvetica, Arial, sans-serif; font-style: normal; text-align: center; text-shadow: 0 1px 0 #FFF; }

li #cancel-comment-reply-link { color: #6377B2; }

ol #commentform { width: 100%; }

#commentform input,
#commentform textarea { width: 100%; border: 1px solid #D7DEF0; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #999; }

#commentform #submit { width: 150px; float: right; margin-right: 4px; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 0 #FACF98 inset; -webkit-box-shadow: 0 1px 0 0 #FACF98 inset; box-shadow: 0 1px 0 0 #FACF98 inset; background: #F6B056; border-color: #BC6834; border-style: solid; border-width: 1px; font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #BC6834; }

.logged-in #commentform textarea { width: 420px; height: 140px; }
#commentform textarea { width: 375px; height: 128px; }

#commentform small { color: #6377B2; padding: 0 0 3px 3px; display: block; }

#commentform small span.grey,
.contactform small span.grey { color: #999; font-family: Georgia, Times, serif; font-style: italic; }

.children { list-style-type: none; }

.ie7 li li .avatar { left: -15px; }
.avatar { padding: 3px; border: 1px solid #DDD; position: relative; background: #fff; z-index: 5; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

li li .avatar { margin: -8px 0 0 -18px; }

.comment-meta { margin-bottom: 15px; }

.comment-meta a { color: #999; font-family: Georgia, Times, serif; font-style: italic; font-size: 11px; }

.comment-meta a:hover { color: #666; }

.comment-meta,
.comment-author { padding-left: 65px; }

li li .comment-meta,
li li .comment-author { padding-left: 45px; }

.comment-author a { color: #6377B2; }

.comment-author { margin-top: -53px; font-weight: bold; color: #6377B2; }

.commentlist .bypostauthor { border-top: 2px solid #F6B056; }
.comment-author cite { font-style: normal; font-family: Helvetica, Arial, sans-serif; }

.comment .comment-reply-link { position: absolute; top: 15px; right: 10px; color: #FFF; padding: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 0 #FACF98 inset; -webkit-box-shadow: 0 1px 0 0 #FACF98 inset; box-shadow: 0 1px 0 0 #FACF98 inset; background: #F6B056; border-color: #BC6834; border-style: solid; border-width: 1px; font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #BC6834; }

.comment .comment-reply-link:hover { color: #FFF; }

.nocomments { text-align: center; padding: 20px; }

.comment-body ul { list-style-type: disc; border: none; margin-bottom: 20px; }

.comment-body ul li { padding: 0; margin: 0; }

.comment-body ol { list-style-type: decimal; }

.moderation { padding-left: 45px; color: red; font-size: 11px; }

.author-tag { font-family: Georgia, Times, serif; font-size: 11px; font-weight: normal; }

#respond-wrap { overflow: visible; margin-left: 0; }


/*-  SITE FOOTER
----------------------------------------------------------------------*/

footer { background: #dfe3f2 url(/images/template/bg-footer.png) 0 0 repeat-x; min-width: 0; position: relative; }

footer .append-bottom { font-size: 1em; overflow: hidden; position: relative; }

#footer_top { overflow: hidden; position: relative; }

.append-bottom #footer_top .footer_widget { background: transparent url(/images/template/bg-footer-border.png) right 0 no-repeat; margin-top: 7px; padding-top: 15px; /*  padding-bottom: 500em;*/ /*  margin-bottom: -500em;*/ min-width: 0; position: relative; }

.append-bottom #footer_top .widget-last { background: none; }

.append-bottom .box { padding: 0 20px 10px; }

#footer_top { padding-top: 0; }

#footer_top.footer_count_1 .footer_widget { width: 100%; }

#footer_top.footer_count_2 .footer_widget { width: 50%; }

#footer_top.footer_count_3 .footer_widget { width: 33%; }

#footer_top.footer_count_4 .footer_widget { width: 25%; }

#footer_top.footer_count_5 .footer_widget { width: 20%; }

#footer_top.footer_count_6 .footer_widget { width: 16%; }

#footer_top .footer_widget { float: left; margin-bottom: 20px; }

#emergency-contact img { padding-bottom: 15px; }

/*-  GRAVITY FORMS
----------------------------------------------------------------------*/
article li.gfield { background-image: none; }

div.gform_wrapper h2.gsection_title,
div.gform_wrapper h3.gform_title { font-weight: normal; }

.gfield input,
.gfield textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #BEBEBE; color: #444444; -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0, 0.15); -moz-box-shadow: inset 0 1px 4px rgba(0,0,0, 0.15); box-shadow: inset 0 1px 4px rgba(0,0,0, 0.15); }

.gform_wrapper .gfield input,
.gform_wrapper .gfield textarea { padding: 5px; font-size: 15px; }







#secondary { background: url("/images/template/bg-secondary-wrap.jpg") repeat-x scroll center -47px #254899; color: #FFFFFF; overflow: hidden; }
#secondary section { background: url("/images/template/bg-secondary-section.png") repeat-x scroll right 0 transparent; margin-top: 15px; min-width: 0; padding: 15px 15px 0px 15px; height: 594px; position: relative; }
#secondary .span-6 { width: 195px; }
#secondary h3 { background-color: #163986; border-top: 1px solid #7083BF; color: #FFFFFF; font-size: 1.6em; margin: -7px -7px 10px; padding: 0.4em; }
#secondary h4 { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; font-weight: bold; margin-bottom: 0; }
#secondary p { font-size: 0.9em; }
#secondary img, #secondary input[type=image] { border: 4px solid #DAE0F3; margin-top: 4px; }
#secondary a { color: white; }
#secondary .time { border-top: 1px dotted #54649B; color: #B0BBE6; font-size: 0.8em; margin: 4px 0 1em; }

/*
#secondary #news-announcements .time, #secondary #news-announcements p {
    margin-left: 177px;
}*/
#secondary #news-announcements .alignleft { margin-bottom: 8px; }
#secondary .container { margin-bottom: 25px; }





#secondary .gform_wrapper .gfield input,
#secondary .gform_wrapper .gfield textarea { padding: 3px; }

#secondary .gform_wrapper .gfield input:focus,
#secondary .gform_wrapper .gfield textarea:focus { border: 1px solid #FFF; }
#secondary .gform_wrapper .gfield select { height: 25px; }



#secondary .more { background-color: #395EAE; border-bottom: 1px solid #6A7DB5; border-top: 1px solid #6A7DB5; clear: both; padding: 5px 10px; width: 95%; position: absolute; bottom: 10px; left: 0px; }

#secondary .more a { font-size: 12px; font-weight: bold; }



.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield textarea:focus { border: 1px solid #6377B2; }

.gform_wrapper .gfield select { height: 25px; border: 1px solid #CCC; }

.gform_wrapper .gform_button { color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 0 #FACF98 inset; -webkit-box-shadow: 0 1px 0 0 #FACF98 inset; box-shadow: 0 1px 0 0 #FACF98 inset; background: #F6B056; border-color: #BC6834; border-style: solid; border-width: 1px; font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #BC6834; padding: 5px; }

.gform_wrapper .gform_footer { margin-top: 0; padding-top: 3px; }

#secondary .gform_wrapper li,
#secondary .gform_wrapper ul,
.gform_wrapper li { padding-left: 0; background-image: none; }

.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right,
.gform_wrapper .ginput_complex .ginput_full { margin-bottom: 5px; padding-right: 1px; }

#secondary .gform_wrapper li.gfield.gfield_error { background-color: #C89797; }

#secondary .validation_error,
#secondary .gfield_required { color: #C89797; }

#secondary .gform_wrapper img { border: none; }

/* IMAGE SHADOW CLASS */

img.shadow { -moz-box-shadow: 0 0 5px #CCC; -webkit-box-shadow: 0 0 5px #CCC; box-shadow: 0 0 5px #CCC; padding: 5px; border: 1px solid #CC; background-color: #FFF; }

.ie7 img.shadow,
.ie8 img.shadow { border: 2px solid #CCC; }

a[href$=jpg],
a[href$=jpg]:hover,
a[href$=jpeg],
a[href$=jpeg]:hover,
a[href$=png],
a[href$=png]:hover,
a[href$=gif],
a[href$=gif]:hover { text-decoration: none; border: 0 none; }













/* -------------------------------------------------------------------
   STYLES.CSS   
----------------------------------------------------------------------  */

/*========================= slide show ========================*/

.banner_wrap { width: 100%; background: url(/images/template/bg-content.jpg) repeat-x left top; padding: 0 0 8px 0; position: relative; z-index: 1; }
.banner_container { background: url(/images/template/banner_cont-bg.jpg) no-repeat center top; width: 959px; margin: 0 auto; clear: both; height: 363px; padding: 0 0 0 1px; }
.gallery { width: 640px; height: 373px; position: relative; }
/*.slideshow { width: 640px; height: 372px; position: relative; background: #000; }*/
.banner_text { position: absolute; width: 217px; height: 76px; background: url(/images/template/banner-text-area.jpg) no-repeat left top; left: 20px; bottom: 0px; padding: 15px 13px 0 13px; text-align: left; }
.banner_text h2 { padding: 0px 0 5px 0; margin: 0px; font-size: 13px; color: #ffffff; font-family: Arial, 'Helvetica', sans-serif; }
.banner_text h2 span { color: #e5a54b; font-size: 13px; }
.banner_text p { padding: 0px 0 8px 0; margin: 0px; font-size: 10px; color: #ffffff; line-height: 14px; }
.banner_text span { color: #fff; font-size: 10px; }
.banner_text span a { color: #e5a54b; text-decoration: none; }
.left_btn { width: 43px; height: 40px; position: absolute; left: -3px; top: 161px; z-index: 50; }
.right_btn { width: 43px; height: 40px; position: absolute; right: -3px; top: 161px; z-index: 50; }
.form_box { width: 267px; padding: 15px 25px 27px 25px; background: url(/images/template/banner-right-bg.jpg) no-repeat center top; }
.request_btn { width: 262px; height: 39px; margin: 0 0 10px 0; background: url(/images/template/btn-bg.jpg) no-repeat center top; border: none; font-size: 16px; color: #ffffff; cursor: pointer; font-family: 'HelveticaNeueLTStd67MdCn'; text-align: left; padding: 0 0 0 10px; }
.form_box_top { width: 232px; height: 113px; background: url(/images/template/form-bg.jpg) no-repeat left top; padding: 10px 14px 0 14px; margin: 0 0 13px 0; }
.form_box_top h2 { padding: 0px 0 22px 0; margin: 0px; font-size: 17px; color: #ffffff; font-family: 'HelveticaNeueLTStd67MdCn'; text-align: left; }
.txt_box1 { display: block; width: 168px; height: 28px; margin: 0 0 5px 0; float: left; line-height: 28px; border: none; padding: 0 10px; font-size: 12px; color: #5a5a5a; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; font-style: italic; }
.select_box { display: block; width: 188px; float: left; border: none; font-size: 12px; color: #5a5a5a; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; margin-right: 3px; font-style: italic; padding: 5px 5px 5px 10px; height: 27px; }
.go_btn { display: block; float: left; width: 40px; height: 27px; border: none; background: url(/images/template/gobtn.jpg) no-repeat left top; cursor: pointer; }
.form_box2 { width: 232px; height: 134px; padding: 10px 14px 0 14px; background: url(/images/template/form-bg-bottom.jpg) no-repeat left top; }
.form_box2 h2 { padding: 0px; margin: 0px 11px 15px 0; font-size: 17px; color: #ffffff; font-family: 'HelveticaNeueLTStd67MdCn'; text-align: left; float: left; }
.form_box2 span { font-size: 10px; color: #ffffff; text-align: left; display: block; float: left; }
.form_box2 label { display: block; width: 101px; height: 24px; line-height: 24px; float: left; text-align: left; font-size: 13px; color: #ffffff; font-family: 'HelveticaNeueLTStd67MdCn'; }
.signup_btn { width: 127px; height: 31px; padding: 0 0 0 10px; display: block; float: left; font-size: 12px; color: #ffffff; text-align: left; background: url(/images/template/btn-bg2.jpg) no-repeat left top; border: none; font-family: 'HelveticaNeueLTStd67MdCn'; text-transform: uppercase; margin: 0 0 6px 0; }
.txt_box2 { width: 73px; height: 27px; line-height: 27px; margin-right: 2px; display: block; float: left; background: url(/images/template/txt-box-2.jpg) no-repeat left top; border: none; padding: 0 10px; font-size: 12px; color: #5a5a5a; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; font-style: italic; }
.login_box { height: 24px; }
.login_box label { display: block; }
.fltleft { float: left; }


/*========================= Education Mega menu ========================*/
.span-25 { DISPLAY: inline; FLOAT: left; width: 300px; }

.span-26 { DISPLAY: inline; /*FLOAT: right;*/ FLOAT: left; margin-right: 10px; width: 624px; }


#education .span-26, #research .span-26, #about .span-26 { margin-right: 25px; }


#primary-nav .span-25 h3 { width: 274px; /*background: transparent url(/images/template/bg-h3-mega-col-left.jpg) 0 center no-repeat;*/ }

#primary-nav .span-26 h3 { /*background: transparent url(/images/template/bg-h3-mega-col-right.jpg) 0 center no-repeat;*/ }
#primary-nav .span-26 a { width: 250px; }
#primary-nav .span-26-center a { width: 260px; }


.span-26-left { DISPLAY: block; float: left; }
.span-26-right { DISPLAY: block; float: right; }
/*was 290px width*/
.span-26-center { clear: both; width: 600px; }

.span-26-right,
.span-26-left,
#primary-nav .sub-mega-inner ul.list-col { width: 310px; }

.span-26-left h3 { width: 295px; }
/*now that i'm increasing the font size to match uf health, the width of this needs to increase. was 282px */

.span-26-right h3 { width: 245px; }
.span-26-center h3 { width: 600px; }




.caption.alignright { margin: 5px 0 10px 10px; float: right; }
.caption { background-color: #EEEEEE; background-image: -moz-linear-gradient(center top, #EEEEEE, #FFFFFF); border: 1px solid #BFBFBF; -moz-box-shadow: 0 0 2px #CCCCCC; -webkit-box-shadow: 0 0 2px #CCCCCC; box-shadow: 0 0 2px #CCCCCC; max-width: 100%; padding: 5px; text-align: center; box-sizing:border-box;  }
p.caption-text { font-size: 11px; margin: 5px auto; padding: 0 4px; }


.caption img { border: 1px solid #FFFFFF; height: auto; margin: 0; padding: 0; width: auto; max-width:100%; box-sizing:border-box; }
/*max-width: 98.5%;*/



