html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


html, body{
 font-family: verdana, sans-serif;
 background: #06f url(../images/background.jpg) repeat-x;
}

html{
 height: 101%;

}

body{
 font-size: 62.5%;
 height: 101%;

}


#wrapper{
    
    width: 1000px;
    margin: 20px auto 30px auto;
    padding: 0;
    background: #fff
    
}


#navigation{
    
    background: blue url(images/wave.png) no-repeat -1px -1px;
    
}



#main{
    
    display: table-row;
    height:500px;
    /*
   
    height: auto !important;
    height: 500px;
    */
}


#logo,
#subnav
{
    display: table-cell;
    width: 200px;
    padding: 0;
    vertical-align: top;
}

    #logo img{
        
        margin: 5px 0 0 25px;
        
    }




#content{
    display: table-cell;
    width: 600px;
    padding: 0;
    vertical-align: top;
    padding-bottom: 20px;
}



#footer{
    display: block;
    margin: 0;
    padding: 20px 20px 20px 200px;
    background: #64CCEC;
}



#quicklinks{
    height: 15px;
	padding:4px 10px;
	text-align: right;
	font-size: 12px;
}

    #quicklinks a:link,
    #quicklinks a:visited{
        text-decoration: none;
    }
    
    #quicklinks a:hover,
    #quicklinks a:active{
        text-decoration: underline;
    }



#bottomlinks{
	margin: 80px 0 10px 0;
}


.banner{margin: 0 0 0 10px;}

#breadcrumb{
	float:left;
        width: 260px;
        padding:5px;
        
}
#breadcrumb ul{list-style: none;
margin:0; padding:0}

#breadcrumb li {
	float: left;
	font-size: 0.8em;
	padding: 0 20px 0 0;
        margin:0}


#contentbox {
   margin: 10px 10px;
   width: 650px;
   float: left;
   }



ul.hbutton, dl.hbutton {
   width: 100%;
   margin: 0;
   padding: 5px 0 15px 0;
}


/****** TOP NAV ****/

#menu{
	
	height: 32px;
	margin: 0;
	padding: 22px 10px 7px 200px;
    
    
    
}


#menu dl{
	/*width: 660px;*/
	
	}
#menu dd{
	DISPLAY: inline; 
	LIST-STYLE-TYPE: none;
        margin:0;
        padding:0;
	
}
#menu a{
	float: left;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	margin: 0 5px 0 0 ;
	TEXT-DECORATION: none; 
	PADDING: 3px 2px 6px 4px;
	display: block;
	width: 95px;
	vertical-align: bottom;
	height: 29px;
	border: 1px solid #134FED;
	border-bottom: none;
    
}
#menu dd span {display:none}

#menu a:link,#menu a:visited {
	COLOR: #eee; background: none ;
}
#menu a:hover,
#menu a:active,
.karate dd#karate a,
.self-defence dd#self-defence a,
.starting-karate dd#starting-karate a,
.calendar dd#calendar a,
.karate-london dd#karate-london a,
.karate-godalming dd#karate-godalming a,
.karate-grading dd#karate-grading a,
.gallery dd#gallery a,
.about dd#about a,
a{
	color: #fff;
    background: none;
	border-color: white;
}
#menu a.current:link{
	color:#fff;
	background: none;
}





#linksbox{}
#copyrightbox{margin: 60px 10px 0 0;
                border-top: 1px solid #ccc;
                padding-top:6px;
                text-align: right}
	


.spacer {clear:both;line-height: 0; margin:0;padding:0}




		
		
		
/* ############### End Main Structure ### */




 P {
	FONT-SIZE: 1.3em;
        MARGIN: 1em 0 0 0;
        line-height: 1.6em;
}
 B {
	FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, helvetica, sans-serif;  TEXT-DECORATION: none
}
 STRONG {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;  
}



 H1 {
	color: #05a;
	font-weight: normal;
	FONT-SIZE: 2.5em; 
	MARGIN: 30px 0 20px 0; 
}
	
h2 {font-size: 1.6em;
	MARGIN: 24px 0 0 0; 
	color: #05a;
}
h2 a:link {
	font-weight: bold;
	text-decoration: none;
	COLOR: #666; BACKGROUND-COLOR: transparent; 
}
h2 a:visited {
	font-weight: bold;
	text-decoration: none;
	COLOR: #666; BACKGROUND-COLOR: transparent; 
}
h2 a:hover {
COLOR: #69e; BACKGROUND-COLOR: transparent;
	text-decoration: underline;
	
}





 H3 {
	FONT-SIZE: 12px; MARGIN: 18px 0 0 0; 
}
H4 {
	FONT-SIZE: 10px; MARGIN: 12px 0 0 0; 
}


A {
	COLOR: #127; BACKGROUND-COLOR: transparent; 
}
A:link {
	COLOR: #127; BACKGROUND-COLOR: transparent
}
A:visited {
	COLOR: #127; BACKGROUND-COLOR: transparent
}
A:hover {
	COLOR: #ce0000; BACKGROUND-COLOR: transparent
}


.spacer {line-height: 0; clear: both}










a img{
	border: none;
}
.rightbar {
	Z-INDEX: 3; LEFT: 76%; POSITION: absolute; TOP: 164px;
	width: 180px;
}
TABLE {
	MARGIN: 12px 0px 12px 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: 12px verdana, arial, helvetica, sans-serif; PADDING-TOP: 0px
}
OL, UL {
	MARGIN: 0 0 20px 20px; FONT: 12px verdana, arial, helvetica, sans-serif
}

    ul{
        list-style-type: disc;
    }

LI {
    
	MARGIN:  0.5em 0 0 0;
}


A {
	FONT-WEIGHT: 400;  FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
	
}
A:link {
	
}
A:visited {
	
}
A:hover {
	
}


#navbox {
        margin: 70px 0 20px 20px;
        padding: 10px 0 20px 0;
        background: #64CCEC    ;
        border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        
         border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        
        
        }




#navbox ul{
	margin: 0
}
#navbox ul li{
	list-style:none;
	
}
#navbox ul li a{
	display: block;
	
	text-decoration: none;
	font-weight: 500;
	
	padding: 5px 5px 5px 10px;
	
}
#navbox ul li a.nav3{
	border-top: dotted;
}
#navbox a.select{
	font-weight: bold;
}
#navbox a:hover{
	text-decoration: underline;
	
}


#sitemap
{
margin-left: 30px;

}

#sitemap ul
{
list-style: none;
margin-left: 0;
padding: 0;
border: none;
}

#sitemap li
{

margin: 20px 0 0 0;
}

#sitemap li a{
padding: 5px 5px 5px 5px;

}

html>body #sitemap li a { width: auto; }

#sitemap li a:hover
{

}

#sitemap li li
{
/*border-top: 1px solid */
margin: 5px 0 0 20px;
}

#sitemap li li a
{

text-decoration: none;
width: 100%;
}
#sitemap li li li
{

margin:0 0 0 40px;
}

#sitemap li li li a
{

text-decoration: none;
width: 100%;
}
.sitemaplink {
	FONT-SIZE: 10px; TEXT-ALIGN: right
}
.subscribe {
	
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin: 0;
	
	
	
}
.subscribe p{
	font-size: 10px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	margin: 0;
	
}




.bigevent{
FONT-SIZE: 10px; LINE-HEIGHT: 10px;
	margin: 5px 0 0 0;
	padding: 0px
}


/*
#breadcrumb {
display: none;
	FONT-SIZE: 10px; MARGIN: 0; PADDING-TOP: 0px
}
*/
input {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 12px;
}
TEXTAREA {
	border-style: solid; 
	border-width: 1px;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	OVERFLOW: hidden;
	FONT-SIZE: 12px;
}
.placeholder {
	MARGIN-BOTTOM: 200px; WIDTH: 100px; HEIGHT: 300px
}

.form{
	
	
	padding: 0 10px 5px 10px; 
	
	margin-top: 10px;

}
.form table, .form p{
	margin-left: 0;
	margin-top: 5px
}

.form  p{
	margin-left: 0;
}
.search{
	font-size: 10px;
	text-align: center;
	margin-top: 2px;
	
	
	
}

form#contact td{
        vertical-align:top
}
form#contact input.text,
form#contact textarea{
        width: 30em;
        border: 1px solid #ccc
}

form#contact input.honey {display:none}


/*----------------- EVENTS TABLE -------------------*/

table.scheduled{
	
	border-collapse: collapse;
	table-layout:fixed;
}

table.scheduled th{
	text-align: left;
	font-weight: normal;
	font-size: 0.8em;
	padding: 2px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
	
}


table.scheduled td{
	padding: 5px 5px 5px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
	
}


table.scheduled td span{
	display: block;
	margin-top: 2px;
	font-size: 0.8em;
	
}


table.scheduled td,
table.scheduled th
{
	width: 120px;

}
	
	table.scheduled td.day{
		width: 90px;
		font-size: 1.2em;
	}
	table.scheduled td.class{
		width: 140px;
	}
	table.scheduled td.time{
		width: 90px;
	}
	table.scheduled td.level{
		width: 140px;
	}









table.events{
        
    border-collapse:collapse;
	width: 100%;
       
}

table.events thead{
        
}


table.events th, table.events td{
        text-align:left;
        font-size: 1em;
        padding: 5px 11px 3px 0;
        border: 1px dashed #ccc;
        border-width: 1px 0;
}
table.events th{
        font-size: 0.8em;
        border:  1px solid #ccc;
         border-width: 1px 0;
}

table.events th.col1, table.events td.col1  {
        width: 150px;
        
}
table.events td.col1 {
        /*font-size: 0.9em;*/
        
}

table.events  h3{margin-top:0;
color:#05a;}


table.events p{
        font-size: 1em;
        margin-top: 0.5em;
}
table.events ul{
       
        margin-bottom: 0.5em;
}


/********************** GALLERIES *****************************************/


#galleries, #gallery{
	
	margin-top: 1em;
	position: relative;
	
}

#galleries div, #gallery div{
	
	text-align:center;
	width: 160px;
	height: 180px;
	border: 1px solid #ccc;
	float: left;
	padding: 10px;
	margin: 0 10px 10px 0;
	
}

#gallery div{
	
	height: 160px;
	
	
}



/*********************** HOME PAGE ************************************************/

#karate-self-defence{
	
	margin-top: 2em;
	padding:0;
	
}

#karate-self-defence #karate,
#karate-self-defence #self-defence
{
	margin: 0;
	background: url(images/karate.png) no-repeat;
	padding: 45px 15px 5px 12px;
	width: 300px;
	height: 140px;
	display: table-cell;
	
}

#karate-self-defence #self-defence
{
	
	background: url(images/self-defence.png) no-repeat top right;
	padding-right: 0;

}

#karate-self-defence #karate li,
#karate-self-defence #self-defence li
{
	margin-left: 20px;
	color: #63CCEC;
}

#karate-self-defence #karate li
{
	color: #000;
}



#karate-self-defence #karate a,
#karate-self-defence #self-defence a
{
	font-weight: bold;
}



#karate-self-defence #self-defence a
{
	color: #63CCEC;
	
}


#homepageevents{
	
	margin-top: 2em;
	border: 1px solid #0053A4;
	padding: 0 10px 10px 10px;
	
}

















#homepagenews .item{
	
	border: 1px dotted  #0054A5;
	margin: 1em 0 0 0;
	padding: 0 10px 10px 10px;
}


#homepagenews .item h3{
	
	color: #0054A5;
	font-size: 1.4em;
}



/******************  MAPS    ***************************************************/

#map{
	width:580px;
	height:480px;
	margin: 1em 0;
	border: 1px solid #0054A5
}

#message{
	display: none;
	position:absolute;
	padding:10px;
	background:#0054A5;
	color:#fff;
	width:100px;
	font-size: 1.5em
}






table#mizu-name{
	
	border-collapse: collapse
	
}

table#mizu-name td{
	
	padding: 5px 0 0 0;
	line-height: 1.4em;
	
}

table#mizu-name td.col1{
	
	text-align:right;
	width: 100px;
	padding: 5px 10px 0 0;
	font-weight: bold;
	color: #0054A5;
	font-size: 1.4em;
}




.address-box{
	float: right;
	width: 180px;
	padding: 5px;
	font-size: 1.2em;
	color: white;
	background: none #0054A5;
	margin-left: 20px;
	
}

.address-box a:link,
.address-box a:visited,
.address-box a:hover,
.address-box a:active
{
	
	color: white;
	
	
}




/************  Campaign Monitor Form ********/



#memberSubscribe {
        margin: 440px 0 20px 20px;
        padding: 10px 0 20px 10px;
        color: #fff;
        background: #0054A5    ;
        border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        
         border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        
        
        }

    





#subForm{
    
    margin: 1em 0;   
    
}

     #subForm fieldset{
       
        margin:2em 0;
        padding: 20px;
        border: 1px solid #64CCEC;
    }


     #subForm ul{
        list-style: none;
        margin:0;
        padding: 0;
    }
    
    #subForm label{
        display: block;
    }