body {
    font-family: Arial, Helvetica, sans-serif;
    background-color:#fff;
    padding:0;
    margin:0;
    line-height: 1.65em;
    color:#444;
    font-size: 75%;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the container selector */
}

.container-fluid { 
    text-align:left; /* The text is set to the left aligned default in the containers to override the body rules */
    margin:0 auto; /* centering the content */
    position:relative;
}

.main .container-fluid > div {
    margin-bottom:2em;
}

/* these are the rules that put margins under rows, columns etc */
div:empty { margin:0; padding:0; }
p:empty { display:none; }

a { color:#298AC4; outline: none; text-decoration:none; }
a:hover { color:#1d648e; text-decoration:underline; }
a:active { outline: none; }
:focus, a:focus { -moz-outline-style: none; outline:none;}
:link:focus, :visited:focus { -moz-outline: none; ouline:none; }


img {
    outline:none;
    border:none;
    padding:0;
    margin:0;
}


h1, h2, h3 {
    padding:0;
    margin:0;
    line-height:normal;
}

h2,
.specialtwo {
    padding:1em 0;
    margin:0 0 0.5em 0;
    text-transform:uppercase;
    color:#A08E7C;
    font-size:100%;
    font-weight:normal;
    clear:both;
    display:block;
}
h3 {
    padding:0;
    margin:0 0 0.5em 0;
    color:#444;
    font-size:120%;
    font-weight:bold;
    clear:both;
}
h1 {
    font-size:150%;
    font-weight:bold;
    color:#660000;
    padding:0;
    margin:1em 0;
}
.text,
.textimage { overflow:auto; }

.text p {
    overflow:auto;
    clear:both;
}

.specialone {
    font-size:125%;
    color:#660000;
}


li, ul {
    margin:0;
    padding:0;
}
ul {
    list-style-position:inside;
    list-style:none;
}
.main .text ul {
    list-style:disc;
    margin-left:1.5em;
    margin-bottom:2em;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    margin: 0.75em 0;
}
.code { overflow: auto; clear:both; }

/* CSS3 Table
---------------------------------------*/

tr:last-child td {border-bottom: none !important;}
tr:first-child td {border-top: none !important;}
td:last-child {border-right: none !important;}

table {
    margin: 1em 0 2em 0;
    width: 100%;
    text-align: left;
    border: 1px solid #cbcbcb;
    background-color: #fafafa;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
    /*-webkit-border-radius: 5px;
    border-radius: 5px;*/

    border-collapse:separate!important;
}

table th {
    background: -webkit-linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
    background: -moz-linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
    background: -o-linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
    background: -ms-linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
    background: linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
    border-bottom: 2px solid rgba(0,0,0,.15);
    border-top: 1px solid rgba(255,255,255,.9);
    text-shadow: 0 1px 1px #fff;   
    font-size: 100%;
    padding: 1em;
    color: #555;
}

table td {
    border-top: 2px solid #fefefe;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding: 0.5em 1em;
}

table tr:nth-child(odd) {
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(0,0,0,.05) 100%);
    background: linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(0,0,0,.05) 100%);
}

/* UTILITIES
------------------------------------------------- */

a.ou-btn {
    background-color: #298AC4;
    color: #FFFFFF;
    padding: 0.75em;
    margin:1.5em 0;
    font-size:100%;
    line-height:1.3;
    display:block;
    clear:both;
    float:left;
}
a.ou-btn:hover {
    text-decoration:none;
    background-color:#1d648e;
}
.vertical-image-spacing img {
    margin:2em 0;
}
.image-spacing-left img {
    margin:1em 2em 1em 0;
}
.image-spacing-right img {
    margin:1em 0 1em 2em;
}

/* GLOBAL HEADER
----------------------------------------- */

.globalheader {
    background-image:url(../../../content/dam/bootstrap/ou-globalheader-bg.jpg);
    background-repeat:repeat;
}
.globalheader:after  {
    content:"";
    background-color: #333333;
    border-top: 1px solid #111111;
    height:1px;
    display:block;
    width:100%;
}

.globalheader ul {
    min-height:30px;
    float:right;
}
.globalheader ul li { float:left;}

.globalheader ul li a.home,
.globalheader ul li a.search,
.globalheader ul li a.social {
    display:block; 
    height:30px;
    width:30px;
}
.globalheader ul li a {
    background-image: url(../../../content/dam/bootstrap/glyphicons-globalheader.png);
    background-repeat:no-repeat;
}

.globalheader ul li a.home { background-position:0 0; }
.globalheader ul li a.home:hover { background-position:0 -30px; }

.globalheader ul li a.search { background-position:-30px 0; }
.globalheader ul li a.search:hover { background-position:-30px -30px; }

.globalheader ul li a.social { background-position:-60px 0; }
.globalheader ul li a.social:hover { background-position:-60px -30px; }

.globalheader ul li a:hover { background-color:#e8e8e8; }

.globalheader ul li.wordmark {
    text-indent:-99999px;
    width:200px;
    height:30px;
    margin-left:1em;
    background-image:url(../../../content/dam/bootstrap/ou-wordmark.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size: contain;
}



/* MAIN
------------------------------------------------- */

.main { padding-bottom: 2em; }

.main > .container-fluid  { 
    background-color:#FFF;
    padding-top:2em;    
    padding-bottom:2em;  
}

/* FOOTER
------------------------------------- */

.footer {
    background-image:url(../../../content/dam/bootstrap/bg_black.gif);
    background-repeat:repeat;
    color:#999999;
    padding:auto;
}
.footer .row-fluid { margin:2em auto; }
.footer .row-fluid:last-child { 
    margin-bottom:0;
    padding:1em 0 0 0;
    border-top:1px solid #474747;
}
.footer a:link,
.footer a:visited {
    color:#FFF;
}
.footer a:hover{
    text-decoration:underline;
}
.footer .gc-cs-link {
    color:#999999 !important;
    text-decoration:none !important;
}
.footerColumn { overflow:auto; }

.footeraddress { margin-left:1em;  }

/* social icons */

.footer #footer_social_icons { overflow:auto; }

.footer #footer_social_icons ul {
    padding:0;
    margin:0;
    overflow:auto;
    width:232px;
}

.footer #footer_social_icons ul::before {
    content:"Gaylord Social Links";
    display:block;
    width:100%;
    margin-bottom:0.5em;
}

.footer #footer_social_icons ul a {
    float: left; 
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background-image: url(../../../content/dam/bootstrap/footer_social_icons.png);
}
.footer #footer_social_icons ul a.facebook { background-position: 0 0; }
.footer #footer_social_icons ul a.facebook:hover { background-position: -46px 0; }

.footer #footer_social_icons ul a.twitter { background-position: 0 -46px; }
.footer #footer_social_icons ul a.twitter:hover { background-position: -46px -46px; }

.footer #footer_social_icons ul a.youtube { background-position: 0 -92px; }
.footer #footer_social_icons ul a.youtube:hover { background-position: -46px -92px; }

.footer #footer_social_icons ul a.blog { background-position: 0 -138px; }
.footer #footer_social_icons ul a.blog:hover { background-position: -46px -138px; }

.footer #footer_social_icons ul a.linkedin { background-position: 0 -184px; }
.footer #footer_social_icons ul a.linkedin:hover { background-position: -46px -184px; }

.footer #footer_social_icons ul a.flickr { background-position: 0 -230px; }
.footer #footer_social_icons ul a.flickr:hover { background-position: -46px -230px; }

.footer #footer_social_icons ul a.pinterest { background-position: 0 -276px; }
.footer #footer_social_icons ul a.pinterest:hover { background-position: -46px -276px; }

.footer #footer_social_icons ul a.foursquare { background-position: 0 -322px; }
.footer #footer_social_icons ul a.foursquare:hover { background-position: -46px -322px; }

.footer #footer_social_icons ul a.more { background-position: 0 -368px; }
.footer #footer_social_icons ul a.more:hover { background-position: -46px -368px; }

/* HEADER  
----------------------------------------- */

.page_dept_home .header,
.page_dept_content .header {
    background-color:#000000;
}

.page_dept_home .header > .container-fluid,
.page_dept_content .header > .container-fluid {
    background-image:url(../../../content/dam/GaylordCollege/design2012/gaylord-header.jpg);
    background-repeat: no-repeat;   
    background-color:#000000;
    /*-moz-box-shadow: inset -30px -30px 30px 5px #000000;
    -webkit-box-shadow: inset -30px -30px 30px 5px #000000;
    box-shadow: inset -30px -30px 30px 5px #000000;*/
}

.page_dept_home .header > .container-fluid {
    background-position:0 0;
    min-height: 325px;
}
.page_dept_content .header > .container-fluid { 
    background-position: 0 -20px;
    min-height: 200px;
    padding-bottom:2em;
}

.page_dept_home .header .header-logo { padding: 4em 0 2em 0; }
.page_dept_home .header .text { padding:0; } 

.page_dept_home .header .section { width:40%; }
.page_dept_home .header .header-caption { color:#FFF; }
.page_dept_content .header .header-caption { display:none; }

.page_dept_content .header .header-logo { padding: 4em 0 3em; }
.page_dept_content .header .banner { 
    padding:1em;
    margin:0;
    width:auto; 
    background-image:url(../../../content/dam/GaylordCollege/design2012/opacityBG.png);
}
.page_dept_content .header .banner .text {
    color:#FFF;
    font-size:110%;
    line-height:1.7;
}
.page_dept_content .header .banner h1,
.page_dept_content .header .banner h2,
.page_dept_content .header .banner h3 {
    color:#FFF;
    background-color:#660000;
    padding:0.75em;
    margin-bottom:1em;
}


/* MAIN NAVIGATION 
-------------------------------------- */

.mainnavigation {
    padding:0.35em;
    background-color:#ededed;
}
.mainnavigation a { display:block; }
.mainnavigation > div {
    border:1px solid #ccc;
    padding:0.5em;
    background-color:#FFFFFF;
}
.mainnavigation > ul {
    background-color: #ffffff;
    border:1px solid #ccc;
    padding:0.5em;
}
.mainnavigation ul:empty { display:none; }
.mainnavigation ul li {
    border-bottom:1px solid #eeeeee;
    border-top:1px solid #fefefe;
    margin: 0;
    padding:0;
}
.mainnavigation ul li:last-child { border-bottom:none; }
.mainnavigation ul li:first-child { border-top:none; }

.mainnavigation ul li a { padding:0.5em 1em; }
.mainnavigation ul li a:hover,
.mainnavigation ul li.main_nav_active_parent,
.mainnavigation ul li.current_page {
    text-decoration:none;
    background-color:#e8f4ff;  
    color:#298AC4;
}

/* SECOND LEVEL */
.mainnavigation ul li ul li a { padding:0.5em 1em 0.5em 2em; }

.mainnavigation ul li ul {
    margin:0;
    padding:0;
    background-color:#f5fbfe;
}
.mainnavigation ul li ul li:last-child { border-bottom:1px solid #fefefe; }
.mainnavigation ul li ul li:first-child { border-top:1px solid #eeeeee; }

.mainnavigation ul li.main_nav_active_parent,
.mainnavigation ul li.main_nav_active_parent a:hover,
.mainnavigation ul li.current_page {
    text-decoration:none;
    background-color:#e8f4ff;  
    color:#298AC4;
}

/* THIRD LEVEL */
.mainnavigation ul li ul li > ul li a { padding:0.5em 1em 0.5em 3em; }

.mainnavigation ul li ul li ul {
    margin:0;
    padding:0;
    background-color:#f3f3f3;
}

.mainnavigation ul li ul li.main_nav_active_parent,
.mainnavigation ul li ul li.main_nav_active_parent a:hover,
.mainnavigation ul li ul li ul li.current_page {
    text-decoration:none;
    background-color:#ededed;  
    color:#298AC4;
}
.mainnavigation ul li ul li.main_nav_active_parent > a  {
    border-bottom:1px solid #fff;
}

/* ACTION BTNS (SIDE NAV)
----------------------------------- */

.quicklinks {
     background-image:url(../../../content/dam/bootstrap/bg_black.gif);
     background-repeat:repeat;
     padding:0;
     margin:0;
}

.quicklinks .text ul { 
    padding:1em;
    margin:0;
    list-style: none;   
}
.quicklinks .text ul li { 
    border-bottom:1px solid #444444;
    list-style:none;
    margin:0;
    padding:0; 
}
.quicklinks .text ul li:last-child { border-bottom:none; }
.quicklinks .text ul li a {
    margin:0;
    padding:.25em 0;
    display:block;
    line-height:2.5;
    color:#DDDDDD;
    min-height:30px; /* min-height must be at least the same height as the icons */
    
}
.quicklinks .text ul li a:hover{
     color:#2989c3;
     text-decoration:none;
 }
.quicklinks .text ul li a span {
    background-image:url(../../../content/dam/GaylordCollege/design2012/quicklink_icons.png);
    float: left;
    width: 30px;
    height: 30px;
    margin-right:1em;
    padding:0;
}

.quicklinks ul li a.apply span { background-position: 0 0; }
.quicklinks ul li a.support span { background-position:  -30px 0; }
.quicklinks ul li a.studentlife span { background-position: -60px 0; }
.quicklinks ul li a.explore span { background-position: -90px 0; }
.quicklinks ul li a.resources span { background-position: -120px 0; }
.quicklinks ul li a.convocation span { background-position: -150px 0; }

.quicklinks ul li a.apply:hover span { background-position: 0 -30px; }
.quicklinks ul li a.support:hover span { background-position: -30px -30px; }
.quicklinks ul li a.studentlife:hover span { background-position: -60px -30px; }
.quicklinks ul li a.explore:hover span { background-position: -90px -30px; }
.quicklinks ul li a.resources:hover span { background-position: -120px -30px; }
.quicklinks ul li a.convocation:hover span { background-position: -150px -30px; }


/* CALENDAR
----------------------------------------- */

.eventlist {
    border:1px solid #cccccc;
    margin:1em 0;
}    
.eventlist ul.upcomingevents {
    padding:1em;
    margin:0;
}
.eventlist .listTitle {
    color:#a08e7c;
    text-transform:uppercase;
    font-weight:bold;
    padding:1em;
}
.eventlist .upcomingevents .eventtitle {
    width:75%;
    color:#333333;
    padding-bottom:1em;
}
.eventlist ul.upcomingevents .eventdate {
    border:1px solid #CCCCCC;
    background-color:#ededed;
    padding:0.35em;
    margin:0 1em 1em 0;
    min-height:0;
    width:15%;
}

.eventlist ul.upcomingevents .eventdate .eventmonth {
    font-size:85%;
    text-align:center;
    padding:0.25em 0;
    margin:0;
    display:block;
}

.eventlist ul.upcomingevents .eventdate .eventday {
     background-color: #FFFFFF;
     border: 1px solid #CCCCCC;
     color: #298AC4;
     font-family: Georgia;
     font-size:150%;
     margin: 0;
     padding: 0.5em 0.25em 0.5em 0.25em;
     -moz-box-shadow: inset 1px 1px 1px #CCCCCC;
     -webkit-box-shadow: inset 1px 1px 1px #CCCCCC;
     box-shadow: inset 1px 1px 1px #CCCCCC;
}

.eventlist ul.upcomingevents span.eventdate .eventmonth,
.eventlist ul.upcomingevents span.eventdate .eventday {
    display:block;
}
.eventlist .moreeventslink {
    font-size: 100%;
    line-height: auto;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    text-align: right;
    background-color:#ededed;
    display:block;
    border-top:1px solid #CCCCCC;
}


/* LANDING PAGE
-------------------------------------------- */


.breadcrumb {
    text-transform: uppercase;
    font-size: 85%;
    background-image:none;
    background-color:transparent;
    border:none;
    padding:0;
}

.emphasis h1,
.emphasis h2,
.emphasis h3 {
    font-size:150%;
    font-weight:bold;
    color:#660000;
    padding:0;
    margin:1em 0;
}

.emphasis p {
    font-family:Georgia, serif;
    font-style:italic;
    color:#666; 
    font-size:125%;
    line-height: 1.65;
    margin:0 0 1.25em 0;
    padding:1em 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.progam_thumbs > div {

}
.progam_thumbs > div img {
    border:1px solid #ccc;
    margin-bottom: 1em;
}

.page_dept_content .main .youtubevid {
    margin-bottom:1.5em;
}

.page_dept_content .main .youtubevid iframe {
    width:100%;
    min-height:348px;
}

.textimage .profile {
    padding:1em;
    margin:0 0 2em 0;
    background-color:#ededed;
    overflow:auto;
}
.textimage .profile img {
    margin:0 1em 1em 0;
    border:1px solid #ccc;
}


/* HOME PAGE FEATURES
---------------------------------- */

.gaylord-homepage-features > div { 
    position:relative;
    background-color:#fff;
    border:1px solid #CCCCCC;
    margin:0;
    padding:0;
    min-height: 46.9em !important;
}


.gaylord-homepage-features a.morelink {
    background-color: #ededed;
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    line-height: 0;
    padding-top: 1.5em;
    padding-right: 1em;
    padding-bottom: 1.5em;
    padding-left: 1em;
    text-align: right; 
    height:auto; 
}



/* VIDEO COMPONENT (FEATURE TABS)
-------------------------------------------------- */

.gaylord-homepage-features .parsys_column {
    padding:1em;
}

.gaylord-homepage-features .bootstrap-c0 .youtubevid {
    margin-bottom:1.5em;
}

.gaylord-homepage-features .bootstrap-c0 .youtubevid iframe {
    width:100%;
    min-height:155px;
}


/* FEATURE PAR
------------------------------------------------- */

.page_dept_home .feature { background-color:#000; }

.feature_tabs .nav-tabs, 
.feature_tabs .nav-tabs > li, 
.feature_tabs .nav-tabs > li > a, 
.feature_tabs > .nav-tabs > li > a, 
.feature_tabs .nav-tabs > li.active, 
.feature_tabs .nav-tabs > li > a:hover,
.feature_tabs .nav-tabs > li.active > a {
    border-radius:0 0 0 0;
    border:none;
}

.featurepar .mc_newscarousel { /* outer container */
    background-color:transparent;
    padding:0!important;
    margin:0;
    border:none;  
}

.carousel .mc_newscarousel .mcnewsslide { /* item container */
    background-color:#FFF;
    border:1px solid #CCC;
    height:35em;
    margin:0;
    padding:0;
    float:left;
    position:relative;
}

.carousel .mc_newscarousel .mcslide-title,
.carousel .mc_newscarousel .mcnewsslide-image,
.carousel .mc_newscarousel .mcslide-text {
    display:block;
    position:static!important;
}

.carousel .mc_newscarousel .mcslide-title {
    text-transform:uppercase;
    color:#a08e7c;
    padding:1.25em 1em;
    margin:0;
    width:auto;
    font-weight:normal;
    font-size:100%;   
}

.carousel .mc_newscarousel a.mcslide-imglink { /* item image container */
    display:block;
    border-top: 1px solid #CCC;
    border-bottom:1px solid #CCC;
    overflow:hidden;
    height: 165px;
}
.carousel .mc_newscarousel .mcnewsslide-image { /* item image */
    max-width:100%;
    margin:0 auto;
}




.carousel .mc_newscarousel .mcslide-text {
    width:auto;
    padding:1em;
    background-color: transparent;
    height: auto;
    top: auto;
    right: auto;
    left:auto;
    bottom:auto;
    min-height: 0;
    position: none;
    line-height: 1.65em; 
}

.carousel .mc_newscarousel .mcslide-text a.mcslide-action {
    background-color: #ededed;
    top: auto;
    right:0;
    bottom:0;
    left:0;
    line-height: 0;
    padding-top: 1.5em;
    padding-right: 1em;
    padding-bottom: 1.5em;
    padding-left: 1em;
    text-align: right; 
    height:auto; 
    text-transform:none;
    position:absolute;
}



/* STUDENT WORK
------------------------------- */

.student-work {
    border:1px solid #ccc;
    padding:0.5em;
    overflow:auto;
    width:auto;
    
}
.student-work > div { margin:1em 0;  }

.student-work .bootstrap-c0 {
    padding:1em;
    margin:0;
    border:none;
}
.student-work .bootstrap-c0 h2 {
    padding:0 0 1em 0;
    margin:0;
}
.student-work img {
    border:3px solid #CCC;
    padding:1px;
    margin: 0.5em 0;
    width:100px;
    height:100px;
}

/* BUILDING TOUR
------------------------------------ */

ul.building-thumbs li {
    float:left;
    margin:0 0.5em 0.5em 0;
    list-style:none;
}

/* SOCIAL 
------------------------------------- */
#likebox-frame {
    border: 2px solid #FFFFFF;
    height: 405px;
    top: -2px;
    left: -2px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
#likebox-frame iframe {
    top:-2px;
    left:-2px;
    overflow:hidden;
    position:relative;

}
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 101% !important; }
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;}