/* import reset css */
@import url("reset.css");


/* global styles */
html, body, #outer-wrapper { height: 100%; }
body > #outer-wrapper {height: auto; min-height: 100%;}
body {background-color: rgb(255,255,255); color: #455560; font: 62.5%/16px Arial, Helvetica, sans-serif; text-align: center;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a {color: #e31936; text-decoration: none;}
a:hover {border-bottom: 2px solid rgb(230,35,0); text-decoration: none;}


/* wrapper */
div#wrapper {margin: 0 auto; padding-bottom: 90px; position: relative; text-align: left; width: 930px;}


/* main menu - home */
ul#mainmenu-home {margin: 3px auto 0 auto; text-align: center; white-space: nowrap; width: 930px;}
ul#mainmenu-home li {background: url('../images/css/sep-mainmenu.gif') no-repeat left 18px; display: block; float: left; font: 1.8em Helvetica, Verdana, sans-serif; padding: 0 45px 0 53px; text-align: center;}
ul#mainmenu-home li:first-child {background-image: none; padding-left: 0;}
ul#mainmenu-home li.lastitem {padding-right: 0;}
ul#mainmenu-home li a {color: #e31936;	display: inline-block; padding: 10px 0 6px 0; text-transform: uppercase;}
ul#mainmenu-home li a:hover {border: none; color: rgb(0,0,0);}


/* home page banners */
ul#homepagebanner {height: 420px; margin: 0 10px; overflow: hidden; position: relative;}
ul#homepagebanner li {display: none; position: absolute; top: -50%;	width: 100%;}
ul#homepagebanner li img {width: 100%;}


/* home page tabs */
ul#animatedtabs {height: 170px; position: absolute;	top: -170px;}
ul#animatedtabs li {background: transparent url('../images/css/bg-animatedtabs.png') no-repeat left top; cursor: pointer; float: left; height: 68px; margin: 90px 0 0 10px; padding: 6px 10px; position: relative; width: 205px;}
ul#animatedtabs li:first-child {margin-left: 0;}
ul#animatedtabs li h2, ul#animatedtabs li p {display: none;}
ul#animatedtabs li h1 {color: rgb(110,110,110);	font-size: 1.7em; font-weight: bold; line-height: 22px; text-decoration:none;}
a {text-decoration:none}
ul#animatedtabs li h2 {color: #455560; font-size: 1em;	margin-bottom: 4px;	text-transform: uppercase;}
ul#animatedtabs li.open {background-position: right top; height: 158px;	margin-top: 0;}
ul#animatedtabs li.open h2, ul#animatedtabs li.open p {display: block;}
ul#animatedtabs li.open h1 {color: #e31936;}
ul#animatedtabs li p {color: #455560; font-size: 1.3em;}
ul#animatedtabs li p.dates {
	bottom: 16px;
	color: #455560;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
}
ul#animatedtabs li p.dates em {
	font-style: italic;
}
ul#animatedtabs  a:hover {border: none; color: rgb(60,60,60);}


/* home page info */
#home-info {margin-top: 10px; padding-bottom: 60px;}
#home-info #logo {float: left; margin-left: 68px; width: 289px; height: 238px; text-indent: -9999px; background: url(../images/css/logo-home-uh.png) no-repeat 0 0;}
#home-info ul {float: left; margin: 34px 0 0 114px; padding: 0 10px; width: 216px; background: url(../images/css/b-home-info.gif) repeat-y 0 0;}
#home-info li {margin-bottom: 3px; font-weight: bold; font-size: 1.3em; text-transform: uppercase;}
#home-info a {color: #455560;}
#home-info a:hover {border-bottom: 1px solid #455560;}
li.newsletter .option {padding: 0;}
li.newsletter input {margin: 0; padding: 0; font-size: 84%;}
li.newsletter label {font-size: 80%;}
#home-info .newsletter input[type="text"] {height: 10px; color: #455560; font: 0.88em Helvetica,Arial,sans-serif; position: relative; top: 1px; width: 150px;}
li.newsletter button {margin: 0 0 0 -5px; padding: 0; color: #455560; font-weight: bold; border: none; background: none; font-family: Arial; font-size: 80%;}
li.newsletter button:hover {cursor: pointer; color: #e31936;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
li.newsletter button {margin-left: 0px; text-transform: uppercase;}
}


/* footer*/
div#footer {clear: both; position: relative; margin: 0 auto; margin-top: -90px; padding: 15px 0; width: 930px; font-size: .9em; letter-spacing: 1px; height: 60px; }
div#footer a {color: #455560;}
div#footer a:hover {color: #455560; border-bottom: 1px solid #455560;}
div#footer ul {margin-top: 5px;}
div#footer li {border-left: 1px solid #455560; display: inline; line-height: 10px; padding: 0 10px;}
div#footer li:first-child {border-left: none;}
ul#animatedtabs img {display:none;}