/*************************
* GOOGLE FONTS
*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/open_sans/OpenSans-Regular.ttf);
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/open_sans/OpenSans-Semibold.ttf);
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/open_sans/OpenSans-ExtraBold.ttf);
}

/*************************
* HIDDEN BLOCKS
*/
.region-header-third,
.region-header-first
{
    display: none !important;
}

/*************************
* GENERAL
*/
body 
{
    background: url(../images/bg-repeat.png) repeat;
}

body, td, th
{
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 1.6em;
    color:#313131;
}

a, a:visited {	color:#306696; }
a:hover { color:#13a3eb; }

.region-header-second h2.block-title 
{
    font-weight:normal;
    color: #ddd;
    font-size: 14px;
}

#page 
{
    margin-bottom: 0px;
}

.region-inner,
.block-inner
{
    padding: 0;
    margin: 0;
}

/*************************
* HEADER
*/
#header
{
    background: url(../images/header.png) no-repeat;
    height: 100px;
    margin-bottom: 1px;
}

#header .region-inner,
#header .block-inner
{
    padding: 0;
    margin: 0;
}
#ut-logo {
    background: url(../images/logo_ut.png) 97% 50% no-repeat;
    height:40px;
    width:223px;
    margin-top:15px;
    margin-bottom:15px;
}
.region-header-second
{
    float: left !important;
    margin-left: 0px;
    margin-top: 10px;
    min-height:55px;
    max-height: 60px;
    max-width: 60%; 
    padding: 13px;
    background: url(../images/opacity.png) repeat;
    border-radius: 10px;
}

.region-header-second p
{
    color: #fff;
    margin: 0;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

.region-header-second p strong
{
    font-weight: 500;
    font-size: 20px;
    display: block;
}

.region-header-second p a
{
    color: #BCDDFD;
}

/*************************
* PRIMARY MENU-BAR
*/
#menu-bar
{
    margin-bottom: 1px;
}

#menu-bar .menu-wrapper
{
    padding: 10px 10px;
    margin: 0px !important;
    background-color: #0061aa;
}

#menu-bar .menu > .nice-menu > li > a
{
    color: #fff;
    font-size: 15px;
    padding: 0px 18px;
}

#menu-bar .menu > .nice-menu > li > a:hover,
#menu-bar .menu > .nice-menu > li > a.active,
#menu-bar .menu > .nice-menu > li.active-trail > a
{
    color: #ffe066;
}

/* SUBMENUS */
#menu-bar .nice-menu > .menuparent > ul
{
    margin-top: -8px;
}

#menu-bar .nice-menu ul
{
    border-top: none !important;
}

#menu-bar .nice-menu ul li
{
    padding: 0px !important;
}

#menu-bar ul.nice-menu-down li ul li ul
{
    left: 100%;
}

#menu-bar .nice-menu ul
{
    line-height: 1em;
}

#menu-bar .nice-menu ul li a
{
    border-top: solid 1px #004375 !important;
    display: block;
    background: #0061aa;
    color: #fff;
    font-size: 13px;
    padding: 13px 18px !important;
    z-index: 10000;
}

#menu-bar .nice-menu ul li a:hover
{
    background: #004375;
    color: #fff;
}

#menu-bar .nice-menu ul li.active-trail > a
{
    color: #3ed0fe;
}

/*************************
* SIDEBARS
*/
.region-sidebar-first
{
    background: #696262;
    color: #fff;
}

.region-sidebar-first a
{
    color: #fff;
}

.region-sidebar-second
{
    background: #d4d3d3;
}

.sidebar
{
    font-size: 13px;
    line-height: 1.4em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sidebar .block-content
{
    margin: 0px 8px 8px 8px;
}


.sidebar .block-inner
{
    margin: 0px 8px 8px 8px;
}

.region-sidebar-first h2.block-title
{
    padding: 5px 9px 5px 9px;
    background: #0061aa;
    font-weight: normal;
    font-size: 13px;
    border-right: solid 6px #004375;
    margin-bottom: 8px;
}

.region-sidebar-second h2.block-title
{
    padding: 5px 9px 5px 9px;	
    background-color: #0F5DAA;
    font-weight: normal;
    font-size: 13px;
    border-left: solid 6px #083D76;
    margin-bottom: 8px;
    color: #fff;
}

.sidebar .block
{
    margin-bottom: 0;
    padding-top: 0px;
}

.region-sidebar-first .recent-images-list img
{
    max-width: 45px;
    max-height: 45px;
    margin: 2px;
}

.region-sidebar-second .recent-images-list img
{
    max-width: 55px;
    max-height: 55px;
    margin: 2px;
}

/*************************
* SIDEBAR MENU
*/
.region-sidebar-first .menu a,
.region-sidebar-first .item-list a
{
    color: #fff !important;
    display: inline-block !important;
}

.region-sidebar-second .menu a,
.region-sidebar-second .item-list a
{
    color: #333 !important;
    display: inline-block !important;
}

.sidebar ul.menu > li,
.sidebar .item-list li
{
    margin: 0px !important;
    padding: 0px !important;
}

.region-sidebar-first ul.menu > li.menu-depth-1 > a,
.region-sidebar-first .item-list li a
{
    padding: 4px 5px 4px 5px !important;
}

.region-sidebar-second ul.menu > li.menu-depth-1 > a,
.region-sidebar-second .item-list li a
{
    padding: 4px 5px 4px 5px !important;
}

.sidebar .item-list .recent-images-list li a
{
    background: none !important;
    padding: 0px !important;
    display: inline !important;
}

.sidebar ul.menu li,
.sidebar ul.menu a
{
    list-style-type: none !important;
    background: none !important;
    border: none !important; 
    list-style-image: none !important;
}

.sidebar #boxes-box-os_pages_section_nav
{
    border: none !important;
}

.sidebar ul.menu li ul.menu
{
    margin: 0px !important;
}

.sidebar li.leaf,
.sidebar li.expanded,
.sidebar li.collapsed
{
    padding: 0 !important;
}

.region-sidebar-first .menu .menu-depth-1 > a:hover,
.region-sidebar-first .menu .menu-depth-1 > a.active,
.region-sidebar-first .menu .expanded.menu-depth-1 > a,
.region-sidebar-first .item-list a:hover,
.region-sidebar-first .item-list a.active
{
    color: #ffe066 !important;
}

.region-sidebar-second .menu .menu-depth-1 > a:hover,
.region-sidebar-second .menu .menu-depth-1 > a.active,
.region-sidebar-second .menu .expanded.menu-depth-1 > a,
.region-sidebar-second .item-list a:hover,
.region-sidebar-second .item-list a.active
{
    color: #ffe066 !important;
}

.sidebar ul.menu > li.menu-depth-1 > ul
{
    padding-left: 25px !important;
}

.sidebar li.menu-depth-1 ul /*sublevels*/
{
    padding-left: 15px !important;
}

.sidebar li.menu-depth-1 ul a
{
    padding: 3px 0px !important;
}

.sidebar li.menu-depth-1 ul a:hover,
.sidebar li.menu-depth-1 ul a.active
{
    text-decoration: underline !important;
}

.sidebar .views-field-field-date
{
    padding-left: 25px;
}

.region-sidebar-first .item-list li.date-prev,
.region-sidebar-first .item-list li.date-next
{
    background: #333 !important;
}

.region-sidebar-first .mini-day-on a.active
{
    color: #000;
}
	
/*************************
* MAIN CONTENT AREA
*/
#main-content
{
    padding: 0;
    margin: 0;
}

.page-node #content-column > .content-inner,
#content-column > .content-inner
{
    /*margin: 10px;*/
    padding: 10px;
}

#content-column .region-content-first
{
    border-right: none;
}

#content-column .region
{
    margin-top: 0px;
}

#content-column .block-content
{
    background-color: #fff;
}

#content-column .content.block-content,
#content-column #content
{
    padding: 10px;
}

#content-column .content.block-content h1,
#content-column #content h1,
#content-column .content.block-content h2,
#content-column #content h2,
#content-column .content.block-content h3,
#content-column #content h3,
#content-column .content.block-content h4,
#content-column #content h4 
{
    color: #0061aa;
}

h1#page-title,
#content-column h2.block-title
{
    font-size: 15px;
    font-weight: 600;
    clear: both;
    color: #fff;
    padding: 5px 10px;
    margin: 0px;
    border-bottom: double 2px #004375;
    background-color: #0061aa;
}

/*************************
* FIRSTPAGE BLOCKS
*/
.region-content-top,
.region-content-bottom
{
    float: left !important;
    clear: both;
}

.region-content-top .region-inner h2.block-title,
.region-content-bottom .region-inner h2.block-title,
.region-content-first .block h2.block-title,
.region-content-second .block h2.block-title
{
    margin-bottom: 10px;
}

.region-content-first
{
    width: 49% !important;
}

.region-content-first,
.region-content-second
{
    margin-bottom: 0px !important;
}

.region-content-first .block,
.region-content-second .block
{
    margin: 0px 0px 10px 0px;
}

.region-content-second
{
    margin-left: 10px;
}

.region-content-top
{
    margin-bottom: 10px;
}

.region-content-bottom
{
    margin-top: 0px;
}

/*************************
* FOOTER
*/
#footer
{
    margin-top: 1px;
    font-size: 13px;
    line-height: 1.4em;
    position: relative;
    background-color: #d3d3d3;
    padding-bottom: 10px;
}

#footer .footer
{
    min-height: 60px;
    color: #222;	
}

#footer .block
{
    margin-bottom: 10px;
}

#footer .block-content p
{
    margin-bottom: 5px !important;
}

#powerby-login {
    /*display: none;*/
}
#powered-by a {
    background: url("../images/sisu_footer.png") no-repeat scroll 0 0 transparent;
    border: medium none !important;
    display: block;
    height: 50px;
    padding: 0 !important;
    text-decoration: none !important;
    text-indent: -999em;
    width: 78px;  
    float:right;
    display:inline;
    margin-right:0px;
    margin-top: 3px;
}

#footer h2.block-title
{
    color: #010101;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

#footer .recent-images-list img
{
    max-width: 40px;
    max-height: 40px;
    margin-right: 5px;
}


#footer a
{
    color: #000;
}

#footer a:hover 
{
    color: #444;
    text-decoration: underline;
}

#footer ul li
{
    margin: 0px;
}

#footer ul li a
{
    text-decoration: none;
    font-weight: normal;
    color: #222;
    border-bottom: dotted 1px #666;
    display: inline-block;
    margin-bottom: 5px;
} 

#footer ul li a:hover
{
    color: #000;
    border-bottom: dotted 1px #000;
    text-decoration: none;
}

#footer ul.recent-images-list li a
{
    border: none !important;
}

/*************************
* OTHER OVERWRITINGS
*/
.views-field-field-date
{
    font-size: 0.8em;
    line-height: 1.2em;
    opacity: 0.8;
}

.view-os-events ul li
{
    border: none !important;
}

.item-list li.date-prev a,
.item-list li.date-next a
{
    display: inline-block !important;
    background: none !important;
    padding: 0.3em !important;
}

.date-nav.item-list 
{
    padding: 0px !important;
}

.more-link {float: left;}
.more-link:hover
{
    text-decoration: underline;
}
@media only screen and (min-width:960px) 
{ 
    .two-sidebars #columns { background: url(../images/bg-two-sidebars.png) repeat-y; }
    .two-sidebars #columns.sidebar-color { background: url(../images/bg-two-sidebars_blue.png) repeat-y; }
    .sidebar-first #columns { background: url(../images/bg-sidebar-left.png) repeat-y; }
    .sidebar-first #columns.sidebar-color { background: url(../images/bg-sidebar-left_blue.png) repeat-y; }
    .sidebar-second #columns { background: url(../images/bg-sidebar-right.png) repeat-y; }
}