/* additional CSS for TU Homepage, CD Reload 2009 / 10 / 14 */
@media screen {
#header { position: relative; margin: 0; height: 92px; background: #ffffff; }

#metanavbar { position: absolute; top: 10px; right: 0px; background: transparent; }
#staticlinks { float: right; width: 50em; text-align: right; margin: 4px 0px 0px 0px; }
.login { margin: 0 8px 0 2.5em; }

#infobar { padding: 1em; margin-right: 224px; text-transform: uppercase; background: #dee7ec url(../images/b3-o.gif) no-repeat top right;  }
.infobartext { text-align: right; padding-right: 2em; }

form { margin: 0px; padding: 0px; }
#container-r { background-image: none; }

.rbox { float: left; width: 220px; background: #8fbee5 url(../images/r-o-2.gif) no-repeat top right; margin: 0 5px 10px 0px; padding: 0; font-size: 85%; line-height: 1.4em; }
.ru { background: url(../images/r-u-2.gif) no-repeat bottom right; padding: 0px 10px 10px 10px; }
.lhead { color: #ffffff; padding: 10px 0px 10px 0px; font-weight: bold; }

#rightcol { float: right; background: #ffffff; margin: 0px 6px 0px 0px; padding: 0px; width: 220px; }
#rightcol a { display: inline; }

#clearer { clear: both; }

.center { text-align: center; }

#side-bar ul { margin: 1em 0 2em 1em; }

.multisearch { margin: 1em 0 2em 1.7em;  }
.multisearch form select { display: block; }
.multisearch form input[type=text] { margin-top: 5px; }
.multisearch form input[type=submit] { margin-top: 5px; }

.news-latest-container hr.clearer, .news-latest-item hr.clearer, .news-latest-item hr.clearer { clear: both; height: 1px; border: 1px solid #ffffff; }
.news-latest-container hr.clearer { clear: left; }
.news-latest-container { background-color: #ffffff; }
.news-latest-item { 	/* IE hack */ height: 1%; line-height: 1.3; /* IE hack end */ padding: 5px 0px 0px 0px; 	border-bottom:  1px dotted #cccccc; background-color: #ffffff; }
.news-latest-container h3 { margin-bottom: 5px; margin-top: 0.5em; padding: 2px 2px 0px 0px; 	background-color: #ffffff; }
.news-latest-container h3 a:link,.news-latest-container h3 a:visited,.news-latest-container h3 a:hover { 	color: #ffffff; }
.news-latest-container h3 a { color: #003366; }
.news-latest-container p { margin-bottom: 0px; }
.news-latest-date { color: #666666; 	width: 180px; font-size: 90%; font-weight: normal; background-color: #ffffff; margin: 5px 0px 0px 0px; }
.news-latest-imgcaption { float: right; 	padding-top: 3px; padding-right: 3px; font-size: 9px; }
.news-latest-item img { float: left; /*width: 120px;*/ margin: 10px 30px 5px 0px; }
.news-latest-morelink { text-align: right; margin: 0px 1em 6px 0px; }
.morenews { text-align: right; margin: 0.75em 0; }
.newsheader { float: left; color: #274e90; font-size: 110%; font-weight: bold; margin: 0.75em 0; }
.news-latest-gotoarchive { display: none; }

.whead { color: #ffffff; padding: 10px 0px 10px 0px; font-size: 85%; font-weight: bold; text-align: center; }

#sidebarbutton a { padding: 0; margin: 0; }
#sidebarbutton a:hover { color: transparent; background-color: transparent; }

.tx-cal-controller { padding: 0; margin: 0; }

.footeradd { display: none; }
}


/* Homepage Styles for responsive design */

@media only screen and (max-width: 768px) {

body { font-size: 85%; }

img { max-width: 100%; height: auto; width: auto; }

#tulogo { position: relative; }
#header { overflow: hidden; height: auto; }
#header img { display: block; max-width: 750px; }

#top, #rightcol, #logo, #topbar, #sidebarbutton { display: none; }

#infobar { background-image: none; min-height: 3.5em; background: #dee7ec; margin: 0; }
.infobartext { text-align: left; padding: 3em 0 0 0; margin: 0; font-size: 90%; }

#metanavbar { position: absolute; right: 0; top: 100px; }
#staticlinks { width: auto; font-size: 80%; margin: 0 0.7em; }
button.login { position: absolute; top: -44px; right: 0.5em; margin: 0; display: block; }

#main-content { background: none; padding: 0.5em 1em; clear: both; border-top: 1px dotted #666666; }

#container2col, #container-l, #container-r, #side-bar { width: auto; background: none; }
#side-bar { width: 96%; background: none; padding: 0.1em 0.5em 1em 0.1em; }
#side-bar a { color: #003399; }
#side-bar a:hover { text-decoration: underline; color: #999999; background-color: transparent; }

#side-bar li.nav1 { padding-left: 0; }

.multisearch { clear: left; margin: 0.2em 0.2em 0.2em 1em; }
.multisearch form select { display: inline; }

#side-bar ul li { float: left; }
#side-bar a { padding: 0 1em 0.5em 0; }

.csc-textpic , .ft { float: none; }

#footer { height: 12.5em; padding: 1em; }
.footerwrap { height: 9em; font-size: 90%; width: auto; }
.footeradd { display: block; padding: 1.5em 0 0 0; font-size: 110%; font-weight: bold; }


}