@charset "UTF-8";
/*navigation tabs*/
ul#tabs{
	display:block;
	margin: 0 auto;
	width: 750px;
}
ul#tabs li{
	float: left;
	font-size: 1.5em;
	line-height: 16px;
	list-style-type: none;
	margin: 0;
	text-align: center;
}
#tabs li a{
	background-image: url(../images/tabsBg.jpg);
	background-repeat:repeat-x;
	display: block;
	height: 34px;
	margin: 0;
	padding-top:5px;
	position: relative;
	width: 107px;
}
#tabs li a:link, #tabs li a:visited{
	color:#999;
	text-decoration: none;
}
#tabs li a:hover, #tabs li a:active{
	background-image: url(../images/tabsBgHover.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
}

/*carousel*/
.carousel{
	float: left;
	height: 400px;
	margin: 0;
	padding:15px;
	width: 960px;
}
.contentBoxMid {
	overflow: hidden;
	margin: 0 10px;
	width: 990px;
}
.contentBoxMid p {
	margin-top: .5em;
}
.contentBoxMid h1, .contentBoxMid h2, .contentBoxMid h3, h4{
	color: #375d81;
}
.contentBoxMid h1{
	margin-bottom: 1em;
	margin-left: 1.5em;
}
.contentBoxMid h2 {
	font-size:1.5em;
}
.contentBoxMid h3 {
	font-size:1.4em;
	padding-top: 1.5em;
}
h4{
	font-size: 1.6em;
	font-weight: bold;
	margin:0;
}

/*content list elements*/
.contentBoxMid #scrollContainer{
	background-color: #FFFFFF;
	border-top: 1px solid #ccc;
	margin: 0;
	width: 990px;
}
.contentBoxMid .carousel ul {
	margin: 15px 0px 35px 15px; 	
}
.contentBoxMid .carousel ul li{
	list-style-type:none;
	padding-left: 8px;
}
.contentBoxMid .carousel ul li img{
	float:left;
	padding-right:10px;
}
.list, .listSmall{
	display:block;
}
.list{
	padding-top:20px;
}
.list li, .listSmall li{
	display:block;
	float:left;
	margin-right:15px;
}
.list li{
	width: 375px;
}
.listSmall li{
	width:190px;
}