/* Backwell Karate CSS April 2010 */


/* Default font, colours and background for whole page  */

body {
	margin: 0px; 
	padding:0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #031881;
	background-color:#fff;
	}

h1  {margin-top: 10px;
margin-bottom:10px;
font-size: 200%;}

h2  {margin-top: 8px;
margin-bottom:8px;
font-size: 150%;
}

.headlink {	color:#031881;
		text-decoration:none}
.headlink:link {color:#031881}	
.headlink:hover {color:#031881}	
.headlink:vlink {color:#031881}	
.headlink:alink {color:#031881}	

h3  {color: #069;
font-size: 110%;
margin-top: 8px;
margin-bottom: 8px;
padding: 2px;}

.headlink a:link { 
color: #069; 
text-decoration: underline;  
}

table
	{
	width:90%;
	border-collapse:collapse;
	}
table,th,td
		{
		border: 0px solid #7884c0;
		padding: 5px;
		text-align:left;
		vertical-align:middle;
		font-size:100%;
		}
th
	{background-color:#7884c0;
	color:#fff;
	}


#content {
	width:865px;
	margin:0px;
	text-align:left;
	padding-top: 0px; 
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-top:0;
	border-bottom:0;
	border-left:0px solid #000;
	border-right:0px solid #000;
	background-color:#fff;
	}

#bklogo { 
			background: url(images/bkheader1_edited9.gif);
			background-repeat:no-repeat; 
			width:850px; height:115px; 
			border: 0px solid #000;
			padding-top: 0px; 
			padding-bottom: 0px;
			padding-left: 15px;
			padding-right: 15px;
}


/* Navigation links */


#navlist     
	{	
	list-style-type: none;
	display: inline table;
	font-size:110%;
	text-align:center;
	float: center;
	}
#navlist ul 
	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px; 
	padding-left: 0px;
	padding-right: 0;
	display: inline table;
	list-style-type: none;
	background: url(images/bar2_standard.png);
	background-repeat:repeat-x; 
	height: 3em;
	width: 100%;
	float:center;
	text-align:center;
	}
#navlist li 
	{
	list-style-type: none;
	display: inline;
	float:center;
	text-align:center;
	color: white;
	padding-top: 0px;
	padding-bottom: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border:0;
	text-decoration: none;	
}

a.navlinks, .currentlink
	{
	width: 7em;
	height: 3em;
	float:center;
	text-align:center;
	color: #FFF; 
	text-decoration: none;
	padding-top: 0.8em;
	padding-bottom: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	font-size: 100%;
	border-top: 0px solid #000;
	border-right: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
        font-weight: bold; 
	}

a.navlinks 
	{
	color: #fff;
	height: 3em;
	}
a.navlinks:hover 
	{
	background-color: #006;
	color: #fff;
	float:center;
	text-align:center;
	background: #242c54 url(images/bar2_light.png) repeat-x; 
	height: 3em;
	padding-top: 0.8em;
	padding-bottom: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	font-size: 100%;
	border-top: 0px solid #000;
	border-right: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
.currentlink 
	{
	background-color: #06c;
	color: #fff;
	float:center;
	text-align:center;
	background: #242c54 url(images/bar2_dark.png) repeat-x; 
	height: 3em;
	padding-top: 0.8em;
	padding-bottom: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	font-size: 100%;
	border-top: 0px solid #000;
	border-right: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}


/* Main content properties */
#maincontentbox {	margin-top: 0em;
			margin-left: 0em;
			margin-right: 2em;
			margin-bottom: 0;
			border-top: 1px solid #036;
			border-bottom: 1px solid #036;
			border-left: 1px solid #036;
			border-right: 1px solid #036;
			padding: 1em;
			background-color: #eee;
			align: left;}
	
.middlemajorbox {
			clear:left; 
			float:left;
			align:left; 
			width:800px; 
			margin-top: 10px;
			margin-left: 0px;
			margin-right: 20px;
			margin-bottom: 0px;
			border-top:0px solid;
			border-bottom:0px solid;
			border-left:0px solid;
			border-right:0px solid;
			padding:10px;
			overflow:auto;
			}
	
.leftmajorbox {
			clear:left; 
			float:left;
			align:left; 
			width:470px; 
			margin-top: 10px;
			margin-left: 0em;
			margin-right: 20px;
			margin-bottom: 0;
			border-top:0;
			border-bottom:0;
			border-left:0;
			border-right:0;
			overflow:auto;
		}
	

.rightminorbox {	
			clear:right;  
			float:right; 
 			align:center;
			width:325px;
			margin-top: 10px;
			margin-left: 0em;
			margin-right: 20px;
			margin-bottom: 0;
			border-top:4px solid #036;
			border-bottom:1px solid  #dfe4fb;
			border-left:1px solid  #dfe4fb;
			border-right:1px solid  #dfe4fb;
			padding:10px;
			background-color: #dfe4fb;
			overflow:no;
		}

	

.facebookrightbox {	
			clear:right;  
			float:right; 
 			align:center;
			width:260px;
			margin-top: 20px;
			margin-left: 0px;
			margin-right: 20px;
			margin-bottom: 0;
			border-top:0px;
			border-bottom:0px;
			border-left:0px;
			border-right:0px;
			padding:0px;
			overflow:no;
		}
  
  

	.contactbox {margin-top: 10px;
			clear:right;  
			float:right; 
 			align:center;
			width:325px;
			margin-left: 0em;
			margin-right: 20px;
			margin-bottom: 0;
			border-top:4px solid #036;
			border-bottom:1px solid #036;
			border-left:1px solid #036;
			border-right:1px solid #036;
			padding:10px
			align: right;}


/* Testing how to use classes */

.subhead {color: #069;}
.highlight {color: #036;
		font-weight: bold;}
.nobullets {	list-style-type: none;
   		padding:0;   
		margin:0; 
		}

.boxheading 
	{
	border-width:100%;
	margin:0;
	padding:0;
	border: solid #000;
	background-color: #000;
	}
.leftpic {
	float: left;
	margin-top: 0;
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	border-top:1px solid #036;
	border-bottom:1px solid #036;
	border-left:1px solid #036;
	border-right:1px solid #036;	}
.rightpic {
	float: right;
	margin-top: 0;
	margin-left: 0;
	margin-right: 15px auto;
	margin-bottom: 15px;
	border-top:1px solid #036;
	border-bottom:1px solid #036;
	border-left:1px solid #036;
	border-right:1px solid #036;	}

.fbpic {
	float: center;
	margin-top:  5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	}

.logotable td {
vertical-align: bottom;
				}


/* News box*/

#newsbox      {margin-top: 30px;
                      padding: 20;
                      border: 1px solid #ED8D6D;}
#newsbox h2  {font-size: 110%;
                       margin-top: 0px;
                       margin-right: 0px;
                       padding-left: 4px;
                       color: #FFF;
                       background-color: #ED8D6D;}
#newsbox li    {list-style-type: square;
                       color: #069;}


/* Logo Footer*/

#logofooter { 
			width:850px; height:115px; 
			border: 0px solid #000;
			padding-top: 0px; 
			padding-bottom: 0px;
			padding-left: 15px;
			padding-right: 15px;
}


/* Footer*/

#footer {
		clear: both;
		margin-top: 0em;
		padding: 3px;
		border: 0;
		background: url(images/footer2.png) repeat-x; 
		height:20px;
		font-size: 80%;
		text-align: center;
		color: #fff;
		}