* { margin: 0; padding: 0; }
html, body, #main {}
body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
body { margin: 0; padding: 0; font-size: small; color: #333 }
    
/*http://www.colorschemer.com/schemes/viewscheme.php?id=3318 colours*/
body{
background-color : #C0C6C9 ;
}
/*common*/
#main{
}

a {
color : gray ;
}

h1.sifr{
padding-left: 50px;
line-height: 150px;
color: #c0c6c9;
font-size: 4em;
}

/*navigation*/
ul.nav {
margin : auto ;
width : 700px ;
height : 40px ;
/*background-color : red ;*/
list-style : none ;
}
.nav li{
float : left ;
margin : 5px 20px 0 20px ;
width : 100px ;
height : 30px ;
/*background-color : green ;*/
background-image : url("../images/v2/nav-but.png") ;
}
.nav a{
}

/*content*/
/* kata images from http://www.lichfieldkarate.co.uk/Syllabus/kihonkata.gif */
.nav{
background-image : url("../images/v2/nav.png") ;
}
.header{
float : right ;
margin : auto ;
padding-right : 2px ;
width : 800px ;
height : 100px ;
background-image : url("../images/v2/header.png") ;
background-repeat : no-repeat ;
}
.content{
margin : auto ;
width : 1002px ;
height : 800px ;
}
.content #nav{
float : left ;
margin : auto ;
padding-top : 190px ;
width : 200px ;
background-image : url("../images/ShotokanTiger.png") ;
background-repeat: no-repeat ;
}
.content #content{
float : left ;
margin : auto ;
width : 800px ;
}
.content #content2{
float : left ;
margin : auto ;
width : 800px ;
}
#acc-header{
margin : auto ;
width : 200px ;
height : 19px ;
background-image : url("../images/v2/acc-header.png") ;
}
#acc-footer{
margin : auto ;
width : 200px ;
height : 19px ;
background-image : url("../images/v2/acc-footer.png") ;
}
.mid{
margin : auto ;
width : 800px ;
background-color : #30353D ;
background-image : url("../images/v2/header-body-grad.png") ;
background-repeat: repeat-x ;

}
.text {
margin : auto ;
padding-top : 50px ;
width : 740px ;
color : #DBDEE0 ;
}

.footer{
margin : auto ;
padding-bottom : 20px ;
width : 800px ;
height : 50px ;
background-image : url("../images/v2/footer-body-grad.png") ;
background-repeat : no-repeat ;
}


/*acc width, font and outside border*/
.basic  {
	width: 200px;
	font-family: verdana;
	border: 0px solid black;
	background-color : #37439b ;
	background-image : url("../images/v2/acc-subbutt-bg.png")
}
/*content background*/
.basic div {
	margin : auto ;
	width : 180px ;
	background-position : bottom center ;
	background-image : url("../images/v2/acc-subbutt-inactive(2).png") ;
	background-repeat : no-repeat ;
}


.basic a.navi{
	width : 185px ;
	height : 40px ;
	padding-left : 15px ;
	cursor : pointer ;
	display : block ;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	list-style : none ;
	line-height : 40px ;
	color: black ;
	background-image : url("../images/v2/acc-mainbutt-inactive.png") ;
}

.basic a.link{
	width : 185px ;
	height : 40px ;
	padding-left : 15px ;
	cursor : pointer ;
	display : block ;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	list-style : none ;
	line-height : 40px ;
	color: black ;
	background-image : url("../images/v2/acc-mainbutt-inactive.png") ;
}
/*content paragraph*/
.basic p {
	margin : 0px ;
	margin-left : 10px ;
	padding-left : 20px ;
	line-height : 40px ;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	list-style : none ;
	width : 140px ;
	height : 40px ;
	color : white ;
}

.basic a.navi:hover {
background-image : url("../images/v2/acc-mainbutt-active.png");
}
.basic a.navi.selected {
background-image : url("../images/v2/acc-mainbutt-inactive.png");
}

.basic a.link:hover {
background-image : url("../images/v2/acc-mainbutt-active.png");
}
.basic a.link.selected {
background-image : url("../images/v2/acc-mainbutt-inactive.png");
}