@charset "utf-8";
/* CSS Document 
Title: NZKKA CSS LAYOUT
Author: Krissy Wadek */

*
	{
	margin:0;
	padding:0;
	}
	
body
	{
	background:#615d57 url(../images/bg.jpg) center 0 repeat-y;
	}
	
#Content
	{
	width:750px;
	float:right;
	margin:10px;
	}
	
#Content2
	{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}
	
#Content4
	{
	width:450px;
	margin-left:auto;
	margin-right:auto;
	}	
	
#GallContent
	{
	width:600px;
	margin:10px 10px 10px 230px;
	}
	
#Content3 p
	{
	text-align:center;
	}
	
#Layout
	{
	width:998px;
	margin-left:auto;
	margin-right:auto;
	}
	
#ul li
	{
	list-style:url(../images/bullet.png) no-repeat;
	}
	
img.left
	{
	float:left;
	margin:3px 10px 10px 0;
	border:black solid 2px;
	}
	
img.right
	{
	float:right;
	margin:3px 0 10px 10px;
	}
	
a:hover, a:active, a:focus
	{
	outline:none;
	}
	
	
/****************************MENU*****************************/

#Navigation
	{
	background:url(../images/menu.jpg) center 0 no-repeat;
	height:34px;
	}

#Menu1
	{
	width:850px;
	height:34px;
	margin-left:auto;
	margin-right:auto;
	}
	
#Menu1 li
	{
	float:left;
	margin:10px 24px 0 24px;
	list-style:none;
	}
	
#Menu1 li a
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	}
	
#Menu1 li a:hover
	{
	color:#076b23;
	}
	
#Menu1 li a.section, #Menu1 li a.current
	{
	color:#edab0b;
	}
	
/****************************HEADER*****************************/

#Header
	{
	height:283px;
	background:url(../images/header.jpg) center 0 no-repeat;
	}
	
#Header h1
	{
	text-indent:-999px;
	}

#quotes
	{
	width:600px;
	height:40px;
	position:relative;
	top:205px;
	left:430px;
	margin:0;
	padding:0;
	}
	
#quote
	{
	margin:0;
	padding:0;
	}
	
#quote li
	{
	list-style:none;
	}	
	
#quote li blockquote
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	color:#d8d2c4;
	}

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

#NewsList
	{
	width:750px;
	list-style:none;
	margin:10px 0 10px 100px;
	padding:0 20px 0 40px;
	}
	
#NewsListHome
	{
	width:155px;
	float:left;
	list-style:none;
	margin:10px 0 10px 0;
	padding:0 20px 0 40px;
	border-right:#900202 solid thin;
	}	
	
#NewsList h1, #NewsListHome h1
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	margin:0 0 10px 0;
	}
	
#NewsList h1 a, #NewsListHome h1 a
	{
	color:#900202;
	text-decoration:none;
	}
	
#NewsList h1 a:hover, #NewsListHome h1 a:hover
	{
	color:#076b23;
	}
	
#NewsList .newsSummary, #NewsListHome .newsSummary, .newsDetails
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#282828;
	}
	
#NewsList li.newsDateTitle, #NewsListHome li.newsDateTitle 
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	padding-bottom:5px;
	}
	
#NewsList li.newsDateTitle a, #NewsListHome li.newsDateTitle a
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#900202;
	text-decoration:none;
	padding-bottom:5px;
	}
	
#NewsList li.newsSummary, #NewsListHome li.newsSummary
	{
	padding-bottom:20px;
	}
	
#NewsList li.newsSummary a, #NewsListHome li.newsSummary a
	{
	text-decoration:none;
	color:#900202;
	}
	
#NewsList li.newsDateTitle a:hover, #NewsList li.newsSummary a:hover, #NewsListHome li.newsDateTitle a:hover, #NewsListHome li.newsSummary a:hover
	{
	color:#076b23;
	}
	
#NewsList h2, #NewsListHome h2
	{
	margin-bottom:20px;
	}
	
.newsDetails
	{
	margin-top:15px;
	}
	
	
/*********************************HOME PAGE BIG MENU**************************************/

#home_thirds
	{
	width:750px;
	height:314px;
	margin:20px 0 30px 0;
	}
	
.third
	{
	width:225px;
	height:314px;
	float:left;
	margin:0 11px 0 11px;
	background:url(../images/homethrdbg.png) center 0 no-repeat;
	}
	
.third p a
	{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	}
	
.third p a:hover
	{
	color:#076b23;
	}
	
#thrdimg1:hover, #thrdimg2:hover, #thrdimg3:hover
	{
	border:#076b23 solid 3px;
	}
	
#thrdimg1, #thrdimg2, #thrdimg3
	{
	width:208px;
	height:216px;
	display:block;
	margin:8px 0 0 6px;
	border:black solid 3px;
	}
	
#thrdimg1
	{
	background:url(../images/thrd1.jpg);
	}
	
#thrdimg2
	{
	background:url(../images/thrd2.jpg);
	}
	
#thrdimg3
	{
	background:url(../images/thrd3.jpg);
	}

/*******************************MENU 2*********************************/

#Menu2, #SyllMenu
	{
	width:155px;
	float:left;
	list-style:url(../images/bullet.png);
	margin:10px 0 10px 0;
	padding:0 10px 50px 60px;
	border-right:#900202 solid thin;
	}	
	
#Menu2 li, #SyllMenu li
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:10px;
	}
	
#Menu2 li a, #SyllMenu li a
	{
	color:#900202;
	text-decoration:none;
	}
	
#Menu2 li a:hover, #SyllMenu li a:hover
	{
	color:#076b23;
	}
	
#Menu2 li.current a, #SyllMenu li.current a
	{
	color:#282828;
	}
	
#Content3 #Menu2
	{
	height:390px;
	margin-left:200px;
	float:none;
	border:none;
	}
	
#SyllMenu h3
	{
	margin:10px 0 5px -20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#900202;
	}
	
	
/************************************INSTRUCTORS***********************************/

#InstructorsList
	{
	width:400px;
	padding-left:70px;
	padding-bottom:180px;
	}
	
#InstructorsList li
	{
	list-style:none;
	clear:left;
	padding-bottom:10px;
	}
	
.instructorsphoto
	{
	float:left;
	border:black solid 2px;
	margin:7px 5px 0 0;
	}

.instructorsname
	{
	position:relative;
	top:35px;
	margin:20px 0 0 65px;
	}
	
#InstructorsPhoto
	{
	margin:0 10px 10px 10px;
	float:left;
	border:black solid 2px;
	}
	

/********************************************TIMETABLE**************************************/

#timetable
	{
	margin-left:10px;
	}



/***************************************FOOTER******************************************/
	
#footer
	{
	height:59px;
	margin:10px 0 0 0;
	background:url(../images/footer.jpg) center 0 no-repeat;
	clear:both;
	}	
	
#footer p
	{
	padding-top:18px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a9a499;
	}
	
#footer p a
	{
	color:#d8d2c4;
	text-decoration:none;
	}
	
#footer p a:hover
	{
	color:#076b23
	}
	

/**********************************SYLLABUS PAGE MENU********************************/

#syllabuspagemenu
	{
	width:450px;
	height:179px;
	margin:25px 0 150px 0;
	}
	
#syllabuspagemenu li	
	{
	text-indent:-9999px;
	}
	
#syllabuspagemenu li, #syllabuspagemenu li a
	{
	width:151px;
	height:158px;
	float:left;
	display:block;
	}
	
#syllabuspagemenu #adult
	{
	background:transparent url(../images/adultsyllabus.png) no-repeat;
	margin:0 130px 0 0;
	}
	
#syllabuspagemenu #junior
	{
	background:transparent url(../images/juniorsyllabus.png) no-repeat;
	margin:0;
	}
	
#syllabuspagemenu #adult a:hover
	{
	background:transparent url(../images/adultsyllabus.png) 0 -159px no-repeat;
	}
	
#syllabuspagemenu #junior a:hover
	{
	background:transparent url(../images/juniorsyllabus.png) 0 -159px no-repeat;
	}

/**********************************SYLLABUS BELTS MENU********************************/

#syllabusMenu
	{
	width:736px;
	height:367px;
	background:transparent url(../images/syllabus.png) no-repeat;
	margin:0 0 50px 130px;
	}
	
#syllabusMenu li 
	{
	height:367px;
	list-style:none;
	float:left;
	}
	
#syllabusMenu li a
	{
	height:367px;
	display:block;
	text-indent:-9999px;
	}
	
#syllabusMenu #blackb, #syllabusMenu #blackb a
	{
	width:130px;
	}
	
#syllabusMenu #brown3b, #syllabusMenu #brown3b a
	{
	width:98px;
	}
	
#syllabusMenu #brown2b, #syllabusMenu #brown2b a
	{
	width:88px;
	}
	
#syllabusMenu #brown1b, #syllabusMenu #brown1b a
	{
	width:78px;
	}
	
#syllabusMenu #greenb, #syllabusMenu #greenb a
	{
	width:68px;
	}
	
#syllabusMenu #blueb, #syllabusMenu #blueb a
	{
	width:62px;
	}
	
#syllabusMenu #purpleb, #syllabusMenu #purpleb a
	{
	width:58px;
	}
	
#syllabusMenu #orangeb, #syllabusMenu #orangeb a
	{
	width:52px;
	}
	
#syllabusMenu #yellowb, #syllabusMenu #yellowb a
	{
	width:50px;
	}
	
#syllabusMenu #blackb a:hover	
	{
	background:transparent url(../images/syllabus.png) 0 -372px;
	}
	
#syllabusMenu #brown3b a:hover	
	{
	background:transparent url(../images/syllabus.png) -130px -372px;
	}
	
#syllabusMenu #brown2b a:hover	
	{
	background:transparent url(../images/syllabus.png) -228px -372px;
	}
	
#syllabusMenu #brown1b a:hover	
	{
	background:transparent url(../images/syllabus.png) -316px -372px;
	}
	
#syllabusMenu #greenb a:hover	
	{
	background:transparent url(../images/syllabus.png) -394px -372px;
	}
	
#syllabusMenu #blueb a:hover	
	{
	background:transparent url(../images/syllabus.png) -462px -372px;
	}
	
#syllabusMenu #purpleb a:hover	
	{
	background:transparent url(../images/syllabus.png) -524px -372px;
	}
	
#syllabusMenu #orangeb a:hover	
	{
	background:transparent url(../images/syllabus.png) -582px -372px;
	}
	
#syllabusMenu #yellowb a:hover	
	{
	background:transparent url(../images/syllabus.png) -634px -372px;
	}
	

/*******************************BLACK SYLLABUS MENU*********************************/

#blksyllabusMenu
	{
	width:243px;
	height:118px;
	background:transparent url(../images/syllabusblack.png) no-repeat;
	margin:0 0 280px 400px;
	}
	
#blksyllabusMenu li 
	{
	height:45px;
	width:22px;
	list-style:none;
	padding-right:22px;
	padding-top:67px;
	float:left;
	}
	
#blksyllabusMenu li a
	{
	height:45px;
	width:22px;
	display:block;
	text-indent:-9999px;
	}
	
#blksyllabusMenu #blackb5 a:hover
	{
	background:transparent url(../images/syllabusblack.png) 0 43px;
	}
	
#blksyllabusMenu #blackb4 a:hover
	{
	background:transparent url(../images/syllabusblack.png) -44px 43px;
	}
	
#blksyllabusMenu #blackb3 a:hover
	{
	background:transparent url(../images/syllabusblack.png) -88px 43px;
	}
	
#blksyllabusMenu #blackb2 a:hover
	{
	background:transparent url(../images/syllabusblack.png) -132px 43px;
	}
	
#blksyllabusMenu #blackb1 a:hover
	{
	background:transparent url(../images/syllabusblack.png) -176px 43px;
	}