/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	
	background-color: #000000;
}

a{
	color: #020000;
	text-decoration: none;
}

a:link{ 
	color: #605A3C;
	text-decoration: none;
}

a:visited{
	color: #605A3C;
	text-decoration: none;
}

a:hover{
	color: #000000;
	text-decoration: underline;
}

a img {border: none;}

h2{
	font-family: Verdana,Arial,sans-serif;
	font-size: 85%;
	display:table;
	width:100%;
	text-align:left;
	height: 25px;
	line-height: 25px;
	background-color:#CC0033;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}

h3{
	font-family: Verdana,Arial,sans-serif;
 	font-size: 80%;
	display:table;
	width:100%;
	text-align:left;
	height: 25px;
	line-height: 25px;
	background-color:#000000;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}
h4{
	font-family: Verdana,Arial,sans-serif;
	font-size:75%;
	display:table;
	width:100%;
	text-align:left;
	height: 25px;
	line-height: 25px;
	background-color:#FFFFFF;
	color:#000000;
	margin:0px;
	padding:0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #605A3C;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #605A3C;
}

input{
	font-family:Arial, Helvetica, sans-serif;

}

.edit_form{
	padding: 0px;
	margin: 0px;
  font-size: 90%;
}
.h_pad{
	padding:2px 5px 2px 5px;
}


/* Header Menus */
.menucontainer {position:absolute; clear:both; float:center; width:100%; overflow:hidden; background:url(cbc/pro_four0.gif) repeat-x left top; }
#menu4 {padding:0 0 0 1em; margin:0; list-style:none; height:35px; float:left; position:relative; left:50%;}
#menu4 dt {float:left;position:relative; right:50%; }
#menu4 dt a {display:block; float:left; height:35px; line-height:33px; color:#aaa; text-decoration:none; font-family:arial, sans-serif; font-style:italic; text-align:center; padding:0 0 0 14px; cursor:pointer; font-size:11px;}
#menu4 dt a b {float:left; display:block; padding:0 28px 0 14px;}
#menu4 dt.current a {color:#fff; background:url(cbc/pro_four1.gif);}
#menu4 dt.current a b {background:url(cbc/pro_four1.gif) no-repeat right top;}
#menu4 dt a:hover {color:#fff; background: url(cbc/pro_four2.gif);}
#menu4 dt a:hover b {background:url(cbc/pro_four2.gif) no-repeat right top;}
#menu4 dt.current a:hover {color:#fff; background: url(cbc/pro_four1.gif); cursor:default;}
#menu4 dt.current a:hover b {background:url(cbc/pro_four1.gif) no-repeat right top;}
#menu4 dd {float:left; padding:25px 0 0 0; margin:-25px 0 0 0; position:relative; z-index:10; background:url(dl-menu/tabs_1.gif) no-repeat left top;right:50%}
#menu4 dd a {background:#666;width:150px;}
#menu4 dd a:hover,
#menu4 dd a:focus,
#menu4 dd a:active {margin-right:1px; background:#ccc; color:#000;}


 #holder {position:absolute; clear:both; float:left; width:100%; background:url(cbc/pro_four1.gif) repeat-x left top; overflow:hidden;}
 dl.menu {width:250px; float:left; margin:-20000px -150px 0 0; background:url(cbc/pro_four1.gif) no-repeat left bottom; position:relative; left:50%;}
 dl.menu a {display:block; height:35px; color:#fff; font:normal 11px/35px arial, sans-serif; text-decoration:none; text-indent:10px;}
 dl.menu a:visited {color:#fff;}
 dl.menu dt {float:left; padding:0; margin:20000px 0 0 0; position:relative; z-index:50;right:50%;}
 dl.menu dt a {background:transparent; width:100px;}
 dl.menu dt a:hover,
 dl.menu dt a:focus,
 dl.menu dt a:active {margin-right:1px; background:url(cbc/pro_four2.gif) no-repeat left top; text-decoration:none;}
 dl.menu dd {float:left; padding:35px 0 0 0; margin:-35px 0 0 0; position:relative; z-index:10; background:url(cbc/pro_four2.gif) no-repeat left top;right:50%}
 dl.menu dd a {background:#666;width:150px;}
 dl.menu dd a:hover,
 dl.menu dd a:focus,
 dl.menu dd a:active {margin-right:1px; background:#ccc; color:#000;}




/***********************************************/
/* Borders                                     */
/***********************************************/
/* Wide Borders */
	.wt {background: url(pirates/border-top.gif) 0 0 repeat-x;height: 1%}
	.wb {background: url(pirates/border-bottom.gif) 0 100% repeat-x}
	.wl {background: url(pirates/border-left.gif) 0 0 repeat-y}
	.wr {background: url(pirates/border-right.gif) 100% 0 repeat-y}
	.wbl {background: url(pirates/border-bl.gif) 0 100% no-repeat}
	.wbr {background: url(pirates/border-br.gif) 100% 100% no-repeat}
	.wtl {background: url(pirates/border-tl.gif) 0 0 no-repeat}
	.wtr {background: url(pirates/border-tr.gif) 100% 0 no-repeat; padding:1px}

/* Narrow Borders */
 	.nt {background: url(nart.gif) 0 0 repeat-x;}
	.nb {background: url(nart.gif) 0 100% repeat-x}
	.nl {background: url(nars.gif) 0 0 repeat-y}
	.nr {background: url(nars.gif) 100% 0 repeat-y}
	.nbr {background: url(narbr.gif) 100% 100% no-repeat}
	.ntr {background: url(nartr.gif) 100% 0 no-repeat; padding:1px}
	.clear {font-size: 1px; height: 1px}
	
/* Frame Borders */
	.ft {background: url(pirates/frame-top.gif) 0 0 repeat-x}
	.fb {background: url(pirates/frame-bottom.gif) 0 100% repeat-x}
	.fl {background: url(pirates/frame-left.gif) 0 0 repeat-y}
	.fr {background: url(pirates/frame-right.gif) 100% 0 repeat-y}
	.fbl {background: url(pirates/frame-bl.gif) 0 100% no-repeat}
	.fbr {background: url(pirates/frame-br.gif) 100% 100% no-repeat}
	.ftl {background: url(pirates/frame-tl.gif) 0 0 no-repeat}
	.ftr {background: url(pirates/frame-tr.gif) 100% 0 no-repeat; padding:1px}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


/* Header Menus */
.mastheadcontainer {clear:both; float:center; width:100%; overflow:hidden;background-color:#000000; }
#masthead1 {padding:0 0 0 1em; margin:0; list-style:none; height:30px; float:left; position:relative; left:50%;}
#masthead1 li {float:left;position:relative; right:50%; }
#masthead1 li img {display:block; float:left; height:30px; line-height:28px; color:#aaa; text-decoration:none; font-family:georgia, sans-serif; text-align:center; padding:0 5px 0 5px; font-size:11px;}
#masthead1 li a b {float:left; display:block; padding:0 28px 0 14px;}
#masthead1 li table {
}
#masthead1 li table td{
padding-left: 3px;
}

#loginbar
{
	width: 300px;
	font-family: Arial,sans-serif;
 	font-size: 60%;
	color: #FFFFFF;
	margin: 1px;
	border-color: #FFFFFF;
	border-width: thin;
	padding: 3px;
	vertical-align:middle;
}
#logindata{
	width: 250px;
}
#loginbutton{ width:50px;
	font-size: 60%;
}

/* Style buttons */
.btn{
	
    background: transparent; /* Blue background */
    border: none; /* Remove borders */
    color: black; /* White text */
    padding: 2px 5px; /* Some padding */
    font-size: 16px; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.btn:hover{
    background-color: white;
}



#fb-root {float: left; vertical-align:middle;}

#mastheadmenu{
	width: 100%;
	height: 20px;
	margin-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: url(cbc/page-menu.jpg) no-repeat top;
	background-color:#333333;
}

#masthead{
	width: 100%;
	height: 70px;
	margin-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: url(cbc/page-header.jpg) no-repeat top;
	background-color:#eeeeee;
}

#mainbody{
	min-width: 1200px;
	height: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background:  url(cbc/background2.jpg) repeat top left;
}

#baseDiv {
	position: relative;
	width:1200px;
	min-height:800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
#baseDiv2 {
	position: relative;
	width: 1182px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	}
	
#fullDiv {
	position: relative;
	width:95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
	
#topinfo{
	float:left;
	width:70%;
}

#split5050{
	float:left;
	width:50%;
}

#topadvert{
float:right;
	
}

#pageHead{
	height:23px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#navBar{
	float: left;
	color:#605A3C;
	min-height:800px;
  	height:auto !important;
	width: 265px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#memberprofile{
	font-size:90%;
	float: left;
	color:#605A3C;
	height:auto !important;
  	min-height:800px;
	width: 265px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#memberprofile h3{text-align:left; 
	height:20px; 
	width:251px;
	background-color:#CC0033; 
	color:#FFFFFF; 
	padding-top: 5px; 
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#memberprofile h4{
	font-size:90%; 
	text-align:left;
	width:251px;
	height:15px;
	background-color:#FFFFFF;
	color:#000000;
	margin-top:5px;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#memberprofile table{
	padding: 0px;
	border-spacing:0px;
	width: 100%;
	border-collapse: collapse;
	border-width: 0px;
	border-style: solid;
	border-color: #CC0033;
}

#memberprofile table.smallfont{
	font-size:70%;
}
.memberpicture{
	height: 270px;
	background: url(cbc/frame.png) center no-repeat;
}
.memberpicture img{
    display: block;
	padding-top:33px;
    margin-left: auto;
    margin-right: auto;
}

.genderdata{
	background: url(cbc/transparent-background.png) repeat bottom;
	text-align:center;
	padding-left : 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 80%;
	margin-bottom:2px;
	margin-top:2px;
}

.memberdata{
	background: url(cbc/transparent-background.png) repeat bottom;
	padding-left : 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 80%;
	margin-bottom:2px;
	margin-top:2px;
}

#leftPic{
	float: left;
	color:#605A3C;
  	height:615px;
	width: 265px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: url(cbc/stickman2b.png) no-repeat bottom center;
}

#headlines{
	min-height:432px;
  	height:auto !important;
  	height:432px;
  	float:right;
	width: 120px;
	padding-right: 10px;
}

#content{
	padding-top:20px;
	margin-top: 0px;
	float:left;
  	width:910px;
	overflow:auto;
	overflow-x:hidden;
	background: url(cbc/transparent-background.png) repeat bottom;
}

.rightpic{
	padding:5px;
	font-size:90%;
}

.rightpic img{
	float:right;
	margin:5px;
	padding:0px
}

.leftpic{
	padding:5px;
	font-size:90%;
}

.leftpic img{
	float:left;
	margin:5px;
	padding:0px
}



.lefthead{
	display:table-cell; 
	float:left;
	width:65%;
	text-align:left;
	vertical-align:middle;
	padding:0px;
	margin:0px;
}

.righthead{
	display:table-cell; 
	float:right;
	width:34%;
	
	text-align:right;
	vertical-align:middle;
	padding:0px;
	margin:0px;
}


#fullcontent{
	padding-top:20px;
	margin-top: 0px;
	float:left;
  	width:100%;
	overflow:auto;
	overflow-x:hidden;
	background: url(cbc/transparent-background.png) repeat bottom;
}

#fullcontent img{
	padding-top:1px;
	margin-top: 0px;
	float:left;}

#smallmemberprofile{
	float: left;
	color:#605A3C;
	width: 100%;
}

#smallmemberprofile h4{
	font-size:80%;
}

#smallmemberprofile table.table1{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 98%;
	border-collapse: collapse;
}

#smallmemberprofile table.table2{
	width: 100%;
	padding:0px;
	border-collapse: collapse;
	cellspacing:0px;
	border:0px;
}
#smallmemberprofile table.table2 tr{
	border-collapse: collapse;
}
#smallmemberprofile table.table2 td{
	border-collapse: collapse;
}
.smallmemberpicture{
	height: 105px;
	background: url(cbc/frame100px.png) center no-repeat;
}
.smallmemberpicture img{
    display: block;
	padding-top:13px;
    margin-left: auto;
    margin-right: auto;
}

.contactform {
	margin:5px;
	min-height: 300px;
	width: 590px;
	padding: 5px;
	font-size: 80%;
	background: url(cbc/transparent-background.png) repeat bottom;
}

#prephotocontent{
	font-size: 80%;
	margin-top:10px;
	margin-bottom:10px;
	float:center;
}

#prephotocontent h2{
	font-size: 100%;
	text-align:center;
}
	
#photocontent{
	vertical-align:middle;
	float:left;

	margin-bottom:10px;
	background: url(cbc/background2.gif) repeat bottom;
}
#photo1{
	vertical-align:middle;
	float:left;
	margin-bottom:10px;
	background: url(cbc/picture-background3.jpg) no-repeat top;
}

	

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 0px;
}

#pageHead h2{
	text-align:center;
	color:#C4BE9F;
	height: 20px;
}
#pageHead img{
	vertical-align: middle;	
	padding: 2px 2px 2px 2px;
}
/************* #globalNav styles **************/

#globalNav{
	background: url(cbc/background2.gif) repeat bottom;
	text-align:center;
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #CCC;
	color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a{
	color:#C4BE9F;
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{
	overflow: auto;
	padding: 0px;


	border-color:#000;
	font-size: 80%;
}

.feature img{
	padding: 5px 5px 0px 0px;
}

.data_form_outer{
	overflow: auto;
	background: none;
}

.data_form_outer_menu{
	overflow: auto;
	margin-bottom:10px;
	border-width: 1px;
	border-style: dashed;
	border-color:#CC0033;
	background: url(cbc/transparent-background.png) repeat bottom;
}

.data_form_inner{
	overflow: auto;
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 50px;
	margin-right: 50px;
	border-width: 1px;
	border-style: dashed;
	border-color:#CC0033;
	font-size: 80%;
	background: url(cbc/transparent-background.png) repeat bottom;
}

.data_form_inner_menu{
	overflow: auto;
	float:left;
	width:75%;
	margin-top:0px;
	margin-bottom:10px;
	margin-left: 10px;
	margin-right: 0px;
	font-size: 80%;
}

.data_form_inner_menu_button{
	display:flex;
  	align-items:center;
  	justify-content:center;
	overflow: auto;
	float:right;
	width:20%;
	min-height:85px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 80%;
}

.data_form_header{
	overflow: auto;
	font-family: Verdana,Arial,sans-serif;
	font-weight:bold;
	height:15px;
	line-height:15px;
	padding:5px;
	text-align:center;
	background-color:white;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: dashed;
	border-color:#CC0033;
}

.data_form_footer{
	overflow: auto;
	
	padding:5px;
	text-align:center;
	border-bottom-width: 0px;
	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: dashed;
	border-color:#CC0033;
}


.one_third{
	display: table-cell;
	padding:5px;
  	width: 33.33%; /* as @passatgt mentioned in the comment, for the older browsers fallback */
  	width: calc(100% / 3);
	vertical-align:center;
	text-align:center;
}

.one_half{
	display: table-cell;
	padding:5px;
  	width: 50%; /* as @passatgt mentioned in the comment, for the older browsers fallback */
  	width: calc(100% / 2);
	vertical-align:center;
	text-align:center;
}

.centreblock{
	display:flex;
  	align-items:center;
  	justify-content:center;
	height:100%;
}
.centreblock img{
	padding: 0;
}



/* DivTable.com */

.divTable{
	display: table;
	width: 100%;
	table-layout: fixed;
	font-size:90%;
	padding: 0px;
	border-spacing:0px;
	border-collapse:inherit;
	border-width: 3px;
	border-color: #000;
}
.divTableRow{
	display: table-row;
	height: 20px;
}

.divbackground0{
	
}
.divbackground1{
	background: url(cbc/transparent-background.png) repeat bottom;
	overflow:hidden;
}


.divTableCell {
	display: table-cell;
	padding:5px;
	text-align:center;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-style: dashed;
	border-color: #CC0033;
	vertical-align: middle;

}

.divTableCellL {
	display: table-cell;
	padding:5px;
	text-align:left;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-style: dashed;
	border-color: #CC0033;
	vertical-align: middle;

}

.divTableHead {
	display: table-cell;
	padding:5px;
	text-align:center;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-style: dashed;
	border-color: #CC0033;

}

.divTableHeading {
	display: table-header-group;
	font-weight:bolder;
	padding:5px;
	height: 30px;
	text-align:center;
	background-color:#000;
	color: #FFFFFF;
}
.divTableFooter{
	display: table-footer-group;
	font-weight: bold;
}
.divTableFoot{
	display: table-cell;
	padding:5px;
	text-align:center;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	vertical-align: middle;
}
.divTableBody {
	border-color:#000;
	border-width: 4px;
	display: table-row-group;
}

.pending{
	color:grey;
	background-color:inherit;	
}

.confirming{
	font-style: italic;
	color:green;
	background-color:inherit;	
}

table.sc{
	margin-top:2px;
	margin-bottom:2px;
	font-size:90%;
	padding: 0px;
	width: 100%;
		border-spacing:0px;
	border-collapse: collapse;
	border-width: px;
	border-style: solid;
	border-color: #000;
}
table.sc th{
 	padding:0px;
	text-align:center;
	background-color:#000;
	color: #FFFFFF;
}
table.sc tr{
	height: 30px;
}
table.sc tr.d0{
	background: url(cbc/transparent-background.png) repeat bottom;
}
table.sc td{
	padding:0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-style: dashed;
	border-color: #CC0033;
}

.highlight{
	background-color:#FFFFFF;
}

table.sc td.win_bar{
}

.win{
	color: #FFFFFF;
	background-color:#CC0033;
}



.container{
	display:table;
	margin-top:2px;
	margin-bottom:2px;
	font-size:90%;
	padding: 0px;
	width: 100%;
	border-spacing:0px;
	border-collapse: collapse;
	border-width: px;
	border-style: solid;
	border-color: #000;
}
.row_heading{
	display: table-row;
  	vertical-align: middle;
	background-color:#000;
	color: #FFFFFF;
}
.row{
	display: table-row;
  	vertical-align: middle;
	height: 30px;
}
.row .d0{
	background: url(cbc/transparent-background.png) repeat bottom;
}
.inner{
	display: table-cell;
  	margin: 0 auto;
	padding:0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-style: dashed;
	border-color: #CC0033;
}

inner .win_bar{
}

inner .win{
	color: #FFFFFF;
	background-color:#CC0033;
}

table.score{
	padding: 0px;
	border-spacing:0px;
	width: 100%;
	border-collapse: collapse;
	border-width: 0px;
	border-color: #000;
}
table.score th{
	font-size:90%;
	text-align:center;
	padding-left: 4px;
	padding-right: 4px;
	background-color:transparent;
	color: #000;
	border-width: 0px;
}
table.score tr{
	height: 30px;
}
table.score tr.heading{
	height: 15px;
}

table.score td{
	text-align:center;
	padding-left: 4px;
	padding-right: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}
table.score td.left{
	border-right-width: 0px;
}
table.score td.winleft{
	color: #FFFFFF;
	background-color:#CC0033;
	border-right-width: 0px;
}
table.score td.right{
	border-left-width: 1px;
	border-left-style:dashed;
}
table.score td.winright{
	color: #FFFFFF;
	background-color:#CC0033;
	border-left-width: 1px;
	border-left-style:dashed;
}

table.playerbox{
	margin:0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
	text-align:center;
}
table.playerbox tr{
	margin:0px;
	padding:0px;
	height: 25px;
		text-align:center;
}

table.playerbox td{
	margin:0px;
	padding:0px;
	border-width:0px;
		text-align:center;
}
	

.pictureviewer{
	padding: 18px 18px 18px 18px;
	font-size: 80%;

}


/************** .venues styles ***************/

.venue{
	min-height:400px;
	margin-top: 15px;
	margin-left: 5px;
	margin-right:5px;
	padding: 5px;
	background: url(cbc/transparent-background.png) repeat bottom;
}

.venue h3{
	text-align:center;
	height:20px;
	background-color:#000000;
	color:#FFFFFF;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 10px;
}
/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}




/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	font-weight: bold;
	position: relative;
	padding: 0px 4px 10px 0px;
	border-bottom: 0px solid #cccccc;
	font-size: 90%;
	overflow:hidden;

}

#sectionLinks a{
	display: block;
	border-top: 0px solid #cccccc;
	padding: 4px 0px 4px 4px;
}

#sectionLinks a:hover{
	background: url(cbc/pointer.gif) 100% no-repeat;
	
}
#sectionLinks li.current{
	background: url(cbc/transparent-background.png) repeat bottom;
	
}
#sectionLinks li.current a{
	color:#000000;
}
#sectionLinks li.current table{
	align:center;
	padding:0px;
}
#sectionLinks li.current table td{
	padding-left:20px;
}
#sectionLinks li.current table a{
	font-size:90%;
	font-style:oblique;
	color:#605A3C;
}

.scoreinput input{
	float: left;
	width: 1.5em;
}
	

/*********** .relatedLinks styles ***********/

.relatedLinks{
	text-align:left;
	position: relative;
	margin: 0px;
	padding-top:0px;
	font-size: 90%;
	
}

.relatedLinks h3{
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.relatedLinks h4{
	height:27px;
	background: url(cbc/pointer.gif) 50% no-repeat center;
	padding-right: 0px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 5px;
}
.relatedLinks a:link,
.relatedLinks a:visited {
	padding: 1px 0px 1px 4px;
	display: block; 
	font-size:90%;
}


/************* #pageFooter styles ***************/

#pageFooter{
	height:20px;
	clear: both;
	font-size: 75%;
	color:#605A3C;
	padding: 20px 4px 4px 4px;
}

#pageFooter img{
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
}
#pageFooter a{
	color:#FFFFFF;
}


#login {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2),  
                0 1px 1px rgba(0, 0, 0, .2),
                0 3px 0 #fff,
                0 4px 0 rgba(0, 0, 0, .2),
                0 6px 0 #fff,  
                0 7px 0 rgba(0, 0, 0, .2);
    z-index: 0;
}

#login:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 0 1px #fff;
}

#login h1 {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
}

#login h1:after, 
#login h1:before {
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 120px;   
}

#login h1:after {      
    right: 0;
}

#login h1:before {
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}

#submit
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: left;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

#submit:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
  border: none;
}
#inputs input
{
    padding: 5px 5px 5px 15px;
    margin: 0 0 10px 0;
    width: 550px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#username
{
    background-position: 5px -2px !important;
}

#password
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}#back
{
    display: block;
    text-align: center;
    position: relative;
    top: 60px;
    color: #999;
}

.select-ineligible {
	color:#CCC;
	font-style:italic;
	}


.form-style-1 {
    margin:10px auto;
    max-width: 400px;
    padding: 0px 12px 10px 20px;
    font: 10px;
}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 1px 0;
    padding:0px;
    display:block;
	font-size:90%;
}

.form-style-1 input[type=text], 
.form-style-1 input[type=checkbox],
.form-style-1 input[type=password], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 2px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=checkbox]:focus, 
.form-style-1 input[type=password]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px #CC0033;
    -webkit-box-shadow: 0 0 8px #CC0033;
    box-shadow: 0 0 8px #CC0033;
    border: 1px solid #CC0033;
}	
.form-style-1 .field-divided{
    width: 49%;
}

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}

.form-style-1 .field-select-divided{
    width: 49%;
}

.form-style-1 .field-textarea{
    height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #CC0033;
    -webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.form-style-1 .required{
    color:red;
}

.two-columns{
  display: inline-block;
  margin:0px;
  width: 48%;
}