@CHARSET "UTF-8";

/* General */
.clear{ clear: both; }
.clearl{ clear: left; }
.clearr{ clear: right; }

html,body {
	width: 100%;
	background-color: #FF6;
	color: #000000;
	margin: 0;
	padding: 0;
}

a {	text-decoration: none; }

img { border: 0; }
body { text-align: center; }
p {  text-align: left; }

hr {
	height: 1px;
	width: 80%;
	color: #009;
	background-color: #009;
}

a.mail:hover {
	text-decoration: underline;
	color: #00c;
}

#container {
    margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
    padding-top: 5px;
	width: 	800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	background-image: url(main_bg.png);
	background-repeat: repeat-y;
}

/* Title */
#div_main_title {
	height: 110px;
	margin-top: 10px;
}

#title_ciskarate {
	float: left;
	height: 80px;
	width: 	490px;
	margin-top: 5px;
	margin-left: 60px;
}

#logo_ciskarate {
	float: left;
	margin-left: 15px;
}

#logo_fijlkma {
	float: right;
	margin-right: 15px;
}

/* fast menu */
#fast_menu {
	padding-left: 0px;
	margin-top: 5px;
	margin-left: 155px;

	width: 545px;
	height: 25px;
	background-image: url(fmenu_bg.png);
	background-repeat: no-repeat;

	list-style-type: none;
	list-style-image: none;
}

#fast_menu span {
	float: right;
	width: 101px;
	margin-top: 2px;
}

#fm_last { margin-right: 15px; }
#fast_menu a {
	display: block;
	width: 75px;
	padding-left: 25px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	background-image: url(fmenu_nl.png);
	background-repeat: no-repeat;
	color: #000;
}

#fast_menu a:hover {
	background-image: url(fmenu_hl.png);
	background-repeat: no-repeat;
}

/* main menu section */
#div_menu_container  {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 20px;
	width: 130px;

	background-image: url(side_bg.png);
	background-repeat: repeat-y;

	font-family: verdana,sans;
	font-size: 9pt;
}

/* Counter */
#div_counter  {
	float: left;
	margin-top: 30px;
	width: 100%;
}
/* main menu */
#div_menu  {
	float: left;
	width: 100%;
	font-family: verdana,sans;
	font-size: 9pt;
}

#menu {
	margin-left: 5px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: none;
}

#menu li {
	display: block;
	margin-top: 2px;
	text-align: center;
}

#menu li.menu_spacer { height: 8px; }

#menu li a {
	display:block;
	height: 23px;
	width: 120px;
	padding-top:2px;
	background-image: url(bt1.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #fff;
}

#menu li a:hover {
	background-image: url(bt1_hl.png);
	color: #000;
}

#menu li ul {
	margin-left: 14px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: none;
}

#menu li li { margin-top: 2px; }
#menu li li a {
	width: 105px;
	background-image: url(bt2.png);
}

#menu li li a:hover { background-image: url(bt2_hl.png); }

/* Content */
#div_content {
	float: left;
	width: 630px;

	margin-top: 25px;
	margin-left: 15px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 5px;

	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 85%;
}

#div_content a { color: #009; }
#div_content a:visited { color: #063; }
#div_content a:hover { text-decoration: underline; }

#div_content h1 {
	float: left;
	margin: 0 0 10px 30px;
	padding: 3px 10px 3px 10px;
	border-width: 2px 0 2px 0;
	border-color: #009;
	border-style: solid none solid none;

	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

#div_content h2 {
	float: left;
	margin: 0 0 5px 30px;
	padding: 3px 10px 3px 10px;
	border-color: #063;
	border-bottom-width: 2px;
	border-bottom-style: solid;

	font-size: 13pt;
	font-weight: bold;
	font-style: normal;
}

#div_content h3 {
	float: left;
	margin: 0 0 5px 30px;
	padding: 3px 10px 3px 10px;
	border-color: #063;
	border-bottom-width: 2px;
	border-bottom-style: solid;

	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
}

/* footer */
#div_footer {
	clear: both;
	width: 740px;
	height: 30px;

	margin-top: 10px;
	margin-left: 30px;
	margin-right: 30px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;

	font-size: 10pt;
	vertical-align: middle;
}

#copyright {
	font-style: italic;
}
