@charset "utf-8";
/* CSS Document */
html{
	height:100%;
}

body{
	background-image:url(images/bg-top.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #f3f3f3;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#111111;

	}

.ubercolortabs{

width: 100%;
overflow: hidden;
margin-top:-30px;
background-image:url(images/cobslogo.jpg);
background-position:left;
background-repeat:no-repeat;


}
.contentwrapper {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3D3D3D;
	border-left-color: #3D3D3D;
	padding:10px;
	background-color:#FFF;
	padding-bottom:40px;
	min-height:600px;
}

.triplebox{
border-left: #232323 1px solid;
border-bottom: #232323 1px solid;
}

.triplebox img{
margin: 0;
padding: 0;	
}

.triplebox h3 {
	margin-top:0;
	margin-bottom:8px;
}

.boxcontent{
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;

}
.triplebox td{
border-right: #232323 1px solid;
background-color:#FFF;
background-repeat:no-repeat;
}

img {
	border:none;
}

.more{
	border-bottom: #232323 20px solid;
	border-left: #232323 1px solid;
	
}

.morebox{
	padding: 5px;
	background-color:#FFF;
	border-right: #232323 1px solid;
}



.maincontent{
	width:530px;
	display:inline-block;
}

.contactform{
	width:320px;
	float:right;
	margin-right: -10px;
}

.footertext{
	height: 120px;
	background: #232323;
	color:#FFF;
	font-size:10px;
	padding:10px;
	width:370px;
	display:inline-block;
	float:left;

}
.footernav{
	height:120px;
	background: #232323;
	color:#FFF;
	font-size:10px;
	padding: 10px;
	width:480px;
	float:right;
	text-align:right;
}
.footernav a{
	text-decoration:underline;
	color:#fff;
}

.ubercolortabs ul{
font: 14px Arial, Verdana, sans-serif;
margin-left: 350px;
margin-top:63px;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.ubercolortabs a{
float:right;
color: white;
background: #454545 url(images/navtab-tl.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 30px 1px 0 1px;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
width:128px;
height:36px;
}

.ubercolortabs a span{
display: block;
background: transparent url(images/navtab-tr.gif) no-repeat right top; /*right corner image*/
padding: 10px 9px 3px 0;
text-align:center;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #FFFFFF; /*background color of tabs onMouseover*/
color: #454545;
text-decoration:none;
}

.ubercolortabs a:hover span{
background-color: transparent;
}

.wrapper{
	width: 890px;
	height:100%;
	margin: 25px auto;
}
.leftnav {

	width: 358px;
	background-image: url(images/transblack-bg.png);
	display:inline-block;
	height:297px;

}
.slideshow{
	width: 532px;
	background-color: #232323;
	float:right;
	height:297px;

}

/* Styles for accordion */
#nav{
margin:0 auto;
padding:0;
width:326px;
list-style-type:none;
line-height:120%;
}
#nav .closed{
background-image:url(images/ha-down.gif);
}
#nav .closed,#nav .opened{
padding-right:10px;
background-position:98% 50%;
background-repeat:no-repeat;
}

#nav .opened{
background-image:url(images/ha-up.gif);
}
#nav a{
display:block;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
}
#nav a.hover{
	
color:#76bb28;
}
#nav ul{
overflow: hidden;
margin:0;
padding:0;
}
#nav li{
margin: 0;
padding-top:5px;
list-style-type:none;
color:#FFFFFF;
}
#nav li a{
padding:10px 10px 2px 5px;
background-color:#232323;
color:#FFFFFF;
height:25px;
}

#nav ul li{
background-color:none;
padding:0px;
}
#nav ul li a{
background-image:url(images/transblack-bg.png);
padding:0;
padding-left:4px;
padding-top:3px;
font-weight:normal;
font-size:14px;
}
#nav ul li a:hover{
	color:#76bb28;
} 
.blanknav{
background-image:url(images/transblack-bg.png);
padding:0;
padding-left:4px;
font-weight:normal;
font-size:14px;
height:28px;
}

/* CSS STYLES FOR SLIDESHOW */
#s3slider {
   width: 570px; /* important to be same as image width */
   height:310px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-top: -13px;
   margin-left: -39px;
}

#s3slider h3 {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#s3sliderContent {
   width: 532px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   list-style:none;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   padding: 10px 13px;
   width: 532px;
   background-image:url(images/transblack-bg.png);
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 


/* TEXT FORMATTING */

h2{
font-family:Trebuchet MS;
font-size:24px;
}
h3{
font-family:Trebuchet MS;
font-size:18px;
}
a{
color: #76bb28;
}

a:hover{
text-decoration:underline;
}

.green{
color:#76bb28;
}