body {
	background-attachment: scroll;
	background-image: url(/images/background.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 101%;
	color: rgb(51, 51, 51);
	background-color: rgb(255, 255, 255);
}

#header {
	background-color: rgb(87, 94, 99);
	height: 110px;
	border-bottom: 1px solid rgb(153, 153, 153);
	text-align: left;
	padding: 20px;
	font-size: 0.7em;
	color: rgb(255, 255, 255);
}

#header h1 {
	margin: 0;
}

#homepage {
	margin: 0 240px;
	text-align: justify;
	font-size: 0.7em;
	line-height: 1.3em;
	width: 430px;
	padding: 20px;
	border: 1px solid #999999;
	background-image: url('/images/jasma_img.jpg');
	background-repeat : no-repeat;
}

#maincontent {
	margin: 0 240px;
	text-align: justify;
	font-size: 0.7em;
	line-height: 1.3em;
	width: 430px;
	padding: 20px;
	border: 1px solid #999999;
}

#maps {
margin : 0 240px;
text-align : justify;
font-size : 0.7em;
line-height : 1.3em;
height: auto;
width: 430px;
overflow: auto;
padding : 20px; 
border : 1px solid #999999;
} 

#maincontent input {
border : 1px solid rgb(153, 153, 153); 
font-size : 1.0em;
color : rgb(102, 102, 102);
background-color : inherit;
} 

#maincontent textarea {
border : 1px solid rgb(153, 153, 153); 
font-size : 1.0em; 
font-family : sans-serif; 
color : rgb(102, 102, 102);
background-color : rgb(255, 255, 255);
width: 200px;
}

#maincontent select {
border : 1px solid rgb(153, 153, 153);
font-size : 1.0em; 
color : rgb(102, 102, 102);
background-color : rgb(255, 255, 255); 
}

#maincontent a:link {
color : rgb(102, 153, 153); 
text-decoration : none; 
} 
#maincontent a:visited {
color : rgb(102, 153, 153); 
text-decoration : none; 
} 
#maincontent a:active {
color : rgb(102, 153, 153); 
text-decoration : none; 
} 
#maincontent a:hover {
color : rgb(153, 0, 0); 
text-decoration : none; 
} 

#advert {
	margin: 0 240px;
	text-align: center;
	font-size: 0.7em;
	line-height: 1.3em;
	height: auto;
	width: 430px;
	padding: 20px;  
	border: 2px solid #666666; 
} 

#advert a:link {
	color: rgb(102, 153, 153);
	text-decoration: none;
	background-color: rgb(255, 255, 255);
}
#advert a:visited {
	color : rgb(102, 153, 153); 
	text-decoration : none; 
	background-color : rgb(255, 255, 255); 
}
#advert a:active {
	color : rgb(102, 153, 153);
	text-decoration : none;
	background-color : rgb(255, 255, 255);
} 
#advert a:hover {
	color : rgb(153, 0, 0);
	text-decoration : none;
	background-color : rgb(255, 255, 255);
}
#leftcolumn {
	position:absolute;
	top:365px;
	left:20px;
	width:200px;
}
div.leftad {
	border:solid 1px #999999;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
div.leftad a:link, div.leftad a:visited, div.leftad a:active {
	color:rgb(153,0,0); 
	text-decoration:none; 
} 
div.leftad a:hover {
	color : #333; 
	text-decoration : underline; 
}


/* wing chun section - needs generalisation */

#nav-menu {
    margin-bottom:15px;
    height:30px;
}
#nav-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#nav-menu li {
    float: left;
    margin: 0 0.15em;
}
#nav-menu li a {
    float:left;
    padding:4px;
    height: em;
    width:90px;
    text-decoration: none;
    text-align: center;
    border: solid thin grey;
}
h2.wingchun {
  margin:0 0 10px 0;
  color:#333;
}


/* default CSS from v1 */


#footer {
height : 80px; 
clear : both; 
font-size : 0.6em; 
margin : 0 240px;
width: 500px;
padding : 6px 0 0;  
color : rgb(150, 157, 159); 
background-color : rgb(255, 255, 255);
} 
#footer p {
margin : 0; 
}
#footer a:link {
color : rgb(150, 157, 159); 
background-color : rgb(255, 255, 255); 
text-decoration : none; 
} 
#footer a:visited {
color : rgb(150, 157, 159);
background-color : rgb(255, 255, 255); 
text-decoration : none; 
} 
#footer a:hover {
color : rgb(153, 0, 0); 
background-color : rgb(255, 255, 255); 
text-decoration : none; 
} 
h2 {
font-size : 1.2em; 
margin : 24px 0 0; 
color : rgb(153, 0, 0); 
background-color : rgb(255, 255, 255);
} 
h3 {
font-size : 1.0em; 
} 
h4 {
font-size : 2.2em; 
color : #ffffff;
background-color : inherit;
margin : 24px 0 0; 
letter-spacing : 1px; 
line-height : 2.0em;
} 
h5 {
font-size : 1.0em; 
margin : 24px 0 0; 
color : rgb(51, 51, 51); 
background-color : rgb(255, 255, 255);
}
span.jasmared {
	color:rgb(153,0,0);
}
/* level 0 inner */
.m0l0iout {
font-family: sans-serif;
font-size: 0.7em;
text-decoration: none;
padding: 4px;
color: #ffffff;
background-color : #666666;
}
.m0l0iover {
font: 0.7em sans-serif;
text-decoration: none;
padding: 4px;
color: #ffffff;
background-color : #333333;
}

/* level 0 outer */
.m0l0oout {
text-decoration : none;
border : 1px solid #ffffff;
color : #ffffff;
background-color: #666666;
}
.m0l0oover {
text-decoration : none;
border : 1px solid #FFFFFF;
color : #ffffff;
background-color: #333333;
}

/* level 1 inner */
.m0l1iout {
font: 0.7em sans-serif;
text-decoration: none;
padding: 4px;
color: #666666;
background-color: #ffffff;
}
.m0l1iover {
	font: 0.7em sans-serif;
	text-decoration: none;
	padding: 4px;
	color: #000000;
	background-color: #999999;
}

/* level 1 outer */
.m0l1oout {
text-decoration : none;
border : 1px solid #666666;
color: #000000;
background-color: #ffffff;
}
.m0l1oover {
text-decoration : none;
border : 1px solid #666666;
color: #000000;
background-color: #ffffff;
}
#timetable {
top : 0px; 
width : 360px;
height : auto;
border : 0;  
border-spacing : 0; 
}
table.classtable {
top : 0px; 
width : 410px;
height : auto;
border : 1px solid #ffffff;  
border-spacing : 0; 
}
#generaltable {
top : 0px; 
width : 930px;
height : auto;
border : 1px solid #ffffff; 
border-spacing : 0; 
}
table.classtable td {
border : 1px solid #999999; 
}
#generaltable td {
border : 1px solid #999999; 
}
table.classtable td:empty {
border : 1px solid #ffffff;
}
#generaltable td:empty {
border : 1px solid #ffffff;
}
table.classtable th {
border : 1px solid #666666; 
color : #333333;
background-color : #999999;
}
#generaltable th {
border : 1px solid #666666; 
color : #333333;
background-color : #999999;
}
#timetable, table.classtable, #generaltable {
font-size : 11px; 
margin-top : 20px;
text-align : justify; 
color : rgb(51, 51, 51);
background-color : #ffffff;
}

table.contact {
	font-size: 11px; 
	text-align: left; 
}

#P7ShowPL1, #P7ShowPL2, #P7ShowPL3, #P7ShowPL4, #P7ShowPL5, #P7ShowPL6, #P7ShowPL7, #P7ShowPL8, #P7ShowPL9, #P7ShowPL10, #P7ShowPL11, #P7ShowPL12 {
position : absolute; 
left : 240px; 
top : 165px; 
z-index : 1; 
visibility : hidden;
text-align : justify;
font-size : 0.7em;
line-height : 1.3em;
height : 400px;
width : 430px;
overflow : auto;
padding : 20px; 
color : rgb(51, 51, 51);
background-color : #ffffff;
border : 2px solid #999999;
}
#P7ShowPL1 a:link, #P7ShowPL2 a:link, #P7ShowPL3 a:link, #P7ShowPL4 a:link, #P7ShowPL5 a:link, #P7ShowPL6 a:link, #P7ShowPL7 a:link, #P7ShowPL8 a:link, #P7ShowPL9 a:link, #P7ShowPL10 a:link, #P7ShowPL11 a:link, #P7ShowPL12 a:link { 
color : rgb(51, 51, 51); 
background-color : rgb(255, 255, 255); 
text-decoration : none; 
} 
#P7ShowPL1 a:visited, #P7ShowPL2 a:visited, #P7ShowPL3 a:visited, #P7ShowPL4 a:visited, #P7ShowPL5 a:visited, #P7ShowPL6 a:visited, #P7ShowPL7 a:visited, #P7ShowPL8 a:visited, #P7ShowPL9 a:visited, #P7ShowPL10 a:visited, #P7ShowPL11 a:visited, #P7ShowPL12 a:visited { 
color : rgb(51, 51, 51); 
background-color : rgb(255, 255, 255); 
text-decoration : none; 
}
#P7ShowPL1 a:hover, #P7ShowPL2 a:hover, #P7ShowPL3 a:hover, #P7ShowPL4 a:hover, #P7ShowPL5 a:hover, #P7ShowPL6 a:hover, #P7ShowPL7 a:hover, #P7ShowPL8 a:hover, #P7ShowPL9 a:hover, #P7ShowPL10 a:hover, #P7ShowPL11 a:hover, #P7ShowPL12 a:hover { 
color : rgb(153, 0, 0);  
background-color : rgb(255, 255, 255); 
text-decoration : none; 
} 
img {
border : 0;
}