/*
Design by http://www.bluewebtemplates.com
Released for free under a Creative Commons Attribution 3.0 License
*/

@charset "utf-8";
body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
html, .main { padding:0; margin:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:0; color:#fff; font:bold 40px/1.2em Arial, Helvetica, sans-serif; text-align:center; letter-spacing:-2px;}
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
h1 small { display:block; font:normal 13px/1.2em Arial, Helvetica, sans-serif; letter-spacing:normal; padding:8px 0;}
h2 {
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #5f5f5f;
	padding: 8px 0;
	margin: 8px 0;
	text-align: left;
}
p {
	margin: 8px 0;
	padding: 0 0 8px 0;
	font: normal 12px/1.8em Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
}
a { color:#0588c6; text-decoration:underline;}

.header, .content, .fbg, .footer, form, ol, ul, ol li, .content .mainbar, .content .sidebar {
	margin: 0;
	padding: 0;
	text-align: left;
}
.content_resize, .header_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;}
.header_resize, .hbg_resize { margin:0 auto; padding:0; width:970px;}
.content_resize, .fbg_resize { padding:24px 40px;}

/* header */
.header { height:240px; background:url(images/header_bg.gif) repeat-x top;}
.header .nav_menu ul { padding:0 16px; float:right; width:auto; list-style:none; height:35px; background:url(images/menu.gif) repeat-x top;}
.header .nav_menu ul li { margin:0 2px; float:left; height:35px;}
.header .nav_menu ul li a { display:block; margin:0; padding:10px 8px; color:#5f5f5f; text-decoration:none; font-weight:bold;}
.header .nav_menu ul li a:hover, .header .nav_menu ul li.active a { color:#003f6a; background:url(images/menu_a.gif) repeat-x top;}
.header img.hbgimg { margin:0; padding:2px 2px 0 0;}
.header .logo { background:url(images/cbc_logo.png) no-repeat 100px ; height:0px; padding-top:180px; }

/* content */
.content {
	background: url(images/content_bg.gif) repeat;
	text-align: center;
}
.content .mainbar {
	float: left;
	width: 680px;
	text-align: right;
}
.content .mainbar .article img { border:1px  solid #CCC; padding:0px; }
.content .mainbar .article img.ilf { float:left; margin:0 16px 8px 0; }
.content .mainbar .article, .content .sidebar .gadget {
	margin: 0;
	padding: 0 0 16px 0;
	text-align: left;
}
.content .sidebar { float:left; width:200px;}
.content a.btn { margin-right:4px; padding:10px 0; display:block; float:left; width:105px; text-align:center; background:url(images/a_bg.gif) no-repeat center center; text-decoration:none;}
ul.sb_menu, ul.ex_menu { list-style:none; color:#959595;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li {
	padding: 4px 0 4px 4px;
	font-weight: normal;
}
ul.ex_menu li { padding:4px 0 8px 4px;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; padding-left:18px; background:url(images/li.gif) no-repeat left center;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu  li.active a, ul.ex_menu li.active a {
	color: #003f6a;
		font-weight: bold;
}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:0px solid #FFFFFF; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background-color:#003f6a; color:#fff;}
.fbg h2 { color:#fff;}
.fbg a { color:#fff;}
.fbg img { padding:5px; border:1px solid #246693; background-color:#003f6a;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:360px;}
.fbg .c2 { padding:0 16px; width:220px;}
.fbg .c3 { padding:0 0 0 16px; width:100px;}
.fbg .c1 img { margin:4px;}
.fbg ul.sb_menu li a { color:#fff; background:url(images/li_w.gif) no-repeat left center;}
.fbg ul.sb_menu li a:hover { color:#fff; font-weight:bold;}


/* footer */
.footer p.lf {
	padding: 16px 0;
	float: left;
	width: auto;
	color: #003f6a;
}
ul.fmenu { padding-top:20px; list-style:none; float:right; width:auto;}
ul.fmenu li { margin:0 2px; float:left;}
ul.fmenu li a { display:block; margin:0; padding:4px 8px; color:#5f5f5f; text-decoration:none; font-weight:bold;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#003f6a;}

/* form */
ol { list-style:none;}
ol li {
	display: block;
	clear: both;
	text-align: left;
}
ol li label {
	display: block;
	margin: 0;
	padding: 16px 0 0 0;
	text-align: left;
}
ol li input.text {
	width: 480px;
	border: 1px solid #FFFFFF;
	margin: 2px 0;
	padding: 5px 2px;
	height: 16px;
	background: #fff;
	text-align: left;
}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}



html, body,p, a, img{
margin:0;
padding:0;
border:0;
}
.lightbox {
position: fixed;
left: 0;
top: 0;
z-index: 9999;
text-align: center;
background: rgba(0,0,0,0.7);
font-family:'Bitter', sans-serif;
font-size:1.2em;
}
img {
	border: 0px solid #CCC;
padding: 0px;
background: #FFF;
-webkit-box-shadow: 0 0 0px rgba(0,0,0,.4);
-moz-box-shadow: 0 0 0px rgba(0,0,0,.4);
box-shadow: 0 0 0px rgba(0,0,0,.4); 
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.lightbox img {
display:none;
margin-top: 100px;
padding: 10px 10px 25px 10px !important;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out; 
}
a.lightbox{
color:#232323;
text-decoration:none;
font-size:1em;
}
a.lightbox:after{ 
content: attr(title);
display: block; 
margin-top:-30px;
}
.imgtop{
float:top;
margin:0 10px 10px 0;
}
.lightbox:target {
width: auto;
height: auto;
bottom: 0;
right: 0;
}
.lightbox:target img {
display:inline-block;
}