@charset "UTF-8";
/* CSS Document */

body  {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	/*	background: #00446d url(images/bbd-bg.jpg) no-repeat scroll 50% 0;
		background: url(images/bbd-bg.jpg) repeat-x fixed left top;*/
background-image: url(../images/background.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
background-position: 50% 0%;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#header {
	text-align:center;
	height:77px;
	padding: 0 0 0 0px;
	/*margin-bottom:-107px;*/
	z-index:30;
	position:relative;
}

#container { 
	width: 940px;  
	margin: 0 auto; 
	text-align: left; /* this overrides the text-align: center on the body element. */
	color:#333;
	
} 

#content { 
	background-image:url(../images/shadow.png);
	background-repeat:no-repeat;
	background-position:0 0px;
	margin: 0;
	line-height:160%;
	font-size:10px;
	float:left;
	width: 900px;
	height:538px;
	z-index:1;
	padding-left:19px;
	padding-right:20px;
} 

h2 {
	margin:0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


.content-text, .col-a{
	padding:40px 40px 0 40px;
}

.col-a {
	width:360px;
	float:left;
}
.col-b {
	float:right;
	width:450px;
	
}

.footer {
	clear:both;
	font-size:9px;
	color:#999;
	margin-left:20px;
}
.coda-nav, .coda-nav-left, .coda-nav-right {
position: relative;
z-index:200;
}


/*Sliding Boxes and Captions with jQuery*/
h3{ margin: 10px 10px 0 10px; color:#FFF; font:13pt Arial, sans-serif; letter-spacing:0px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 110px; 
				height: 110px; 
				margin:3px; 
				float:left; 
				background:#3399CC; 
				border: solid 2px #FFF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
					padding: 0;
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#000; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				.boxgrid a, .boxgrid a:visited{
	color:#AAEDFC;
				}
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 90;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 70;
 					left: 0;
 				}