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

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;padding:0;font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;text-align:center;background-color:#d7e4bd;}

/* containers */
#wrap{position:relative;margin:12px auto; max-width:1000px; background:url(../images/menu-shade.png) top left repeat-y;border:2px solid #c3d69b;}
#banner{position:relative;background:url(/images/banner-pic.jpg) no-repeat top left; height:160px; margin:0px; width:100%;}
#main-col{position:relative;margin-left:196px;padding:0px;}
#main-col-body{position:relative;float:left;margin:10px 0px;padding:10px;width:100%;}
#left-col{float:left;width:195px;height:100%;background-color:#c3d69b;padding:2px 0px 10px 0px;text-align:left;z-index:10;}
#main-col:after{display:block; content:""; clear:both;}
#main-col-body:after{display:block; content:""; clear:both;}
#left-col:after{display:block; content:""; clear:both;}
#logo{margin:0px;width:100%;height:150px;background:url(/images/cbc-logo.png) no-repeat top center;}
#footer{position:relative;font-size:10px;color:#693;margin:0;padding:0;width:100%;}
.menu-block{margin:14px 0px 0px 0px;}
#address-block{margin:24px 0px 0px 0px;font-size:14px;padding:0px 0px 0px 20px;color:#003300;}
#times-block{margin:24px 0px 0px 0px;font-size:14px;padding:0px 0px 0px 20px;color:#003300;}
#member-status2{position:absolute; top:162px; right:2px; margin:0px;font-size:12px;padding:0px;color:#003300;line-height:1.0;z-index:1000;}
#member-status1{position:absolute; top:162px; left:200px; margin:0px;font-size:12px;padding:0px;color:#003300;line-height:1.0;z-index:1000;}
.Spacer{height:40px; width:100%;}
.ContainerLeft{text-align:left; margin:2px auto; width:350px;}
.ContainerLeftFullWidth{text-align:left; margin:2px auto; width:98%; padding:4px 12px;}
.ContainerCompInfo{text-align:left; margin:2px auto; width:98%; padding:4px 12px; font-size:90%; line-height:120%;}
.row{position:relative;text-align:left;width:100%;}
.row:after{content:"";clear:both;display:block;}
.box-three-quarter{width:75%;float:left;}
.box-two-thirds{width:66%;float:left;}
.box-60{width:59%;float:left;}
.box-40{width:39%;float:left;}
.box-half{width:49%;float:left;}
.box-half-centered{width:49%;position:relative;margin:2px auto;}
.box-third{width:33%;float:left;}
.box-quarter{width:24%;float:left;}
.box-quarter-right{width:24%;float:right;}
/* alterations for mobile phones */
@media screen and (max-width:601px){
	/*
	#wrap{background:none;}
	#left-col{position:relative;float:none;width:100%;height:auto;text-align:center; !important}
	#main-col{width:100%;height:auto;margin-left:0px; !important}
	#member-status2{width:100%;text-align:center; !important}
	.box-60{width:100%;float:left; !important}
	.box-40{width:80%;float:left; !important}
	*/
	#wrap{background:none;}
	#left-col{width:150px; !important}
	#main-col{margin-left:151px; !important}
}


/* main */
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0px;padding:0px 0px 10px 0px;color:#003300;}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
p{}
hr{height:0;border:0;border-top:1px solid #eee;margin:0;}
img{border:0; width:100%; height:auto;}
a{text-decoration:none; color:#039;}
a:active,a:hover{outline:0}
ul{margin:8px 0px 4px 0px; padding:0px 0px 0px 30px;}
li{padding:2px 8px 2px 20px;}
h3.tight, p.tight{line-height:1.2;margin:0px;padding:4px 0px;}


/* Tables */
table{border-collapse:collapse;border-spacing:0;width:100%;display:table;font-size:90%;}
table,th,td{border:none;text-align:left;}
.tblBorder{border:solid 1px #006600;}
.cell-centre{text-align:center;}
.cell-right{text-align:right;}
.NoWrap{white-space:nowrap;}

.tblCompEntry{width:auto; margin:8px auto;}
.tblCompEntry th, .tblCompEntry td{padding:1px 8px;}


/* Forms */
input {font-size:14px; padding:0px 2px; border-radius: 4px; box-shadow: 0px 0px 2px #bbd; border:solid 1px #ccf; color:#226; margin:1px 4px;}
input[type="submit"] {padding:2px; font-size:14px; cursor:pointer; box-shadow: 0px 0px 1px #bbd;}
select {font-size:14px; padding:0px 4px 0px 2px; border-radius: 4px; box-shadow: 0px 0px 2px #bbd; border:solid 1px #ccf; color:#669; margin:1px 4px;}
textarea {font-size:12px; padding:1px 2px; border-radius: 4px; box-shadow: 0px 0px 1px #669; color:#669; margin:2px 0px; width:100%; height:80px;}
.InputDate {width:80px;}
input.xSmall {width:70px;}
input.xxSmall {width:40px;}



/* Other */
.Error{color:#f00;}
.center{text-align:center;}
.ClearBoth{clear:both;}
.Purple{color:#66F;}