/*
// 	KarateCanada.com
//	Canadian Traditional Karate Federation
//	
//	Website Design by Psilokan.com Web Services
//
*/

html, body {
   margin : 0;
   padding : 0;
}

body {
   color : #a52a2a;
   background : #c4cdd6;
   width : 100%;
   font : 12px Arial, Helvetica, Tahoma, sans-serif;
}

/* Link Styles */
a:link {
   color : #909ea0;
   background : transparent;
   text-decoration : none;
}
a:visited {
   color : #5c1919;
   text-decoration : none;
}
a:hover {
   color : #a52a2a;
   text-decoration : none;
}
a:active {
   color : #484500;
   text-decoration : none;
}

/* Links within paragraphs (subtle) */
p a {
	color: #666666;
	text-decoration: none;
}


#container {
   width : 750px;
   margin : 10px auto;
   background-color : #FFFFFF;
   color : #333;
   border : 1px solid #808080;
   border-bottom-width : 0px;
   line-height : 130%;
   overflow:none;
   background-image:url(../IMAGES/kc_background.png);
}

/* Top Header (for ITKF Logo) */
#top {
  	padding: .5em;
  	background-color: #FFFFFF;
  	border-bottom: 2px solid #001B88;
  	border-top: 5px solid #001B88;
}

#top h1 {
   	padding : 0;
   	margin : 0;
}

#top img {
 	width: 505px;
	height: 250px;
}

/* Left Navigation Bar */
div.menu {
	float:left;
	width : 160px;
	margin : 0;
	padding-top: 1em;
	background-color:#FF0000;
	left: 120px;
	top: 189px;
	min-height: 450px;
}
div.menu p {
	position:relative;
	display: inline;
}
div.menu span a:link {
	background-color:#FF0000;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	line-height: 10px;
	color:#001B88;
	margin-left: 2px;
}
div.menu span a:visited {
	background-color:#FF0000;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	line-height: 10px;
	color:#001B88;
	margin-left: 2px;
}

div.menu span a:hover {
	display: block;
	color:#FFFFFF;
	background-color:#FF0000;
	margin-left: 2px;	
}

div.menu a {
	background-color:#FF0000;
	color:#001B88;
	display:block;
	/*padding-top:5px;
	padding-bottom:5px;*/
	padding-left: 10px;
}

div.menu a:hover {
	background-color:#001B88;
	color:#FFFFFF;
	display:block;
	padding-left: 10px;
}
div.menu a:visited {
	background-color: #FF0000;
	padding-left: 10px;
	display: block;
	color:#001B88;
}

div.menu #menu_home {
	display:none;
}
div.menu #menu_home a {
	margin-left: 10px;
}
div.menu #menu_home a:hover {
	margin-left: 10px;
}

div.menu #menu_accommodations {
	display:none;	
}
div.menu #menu_accommodations a {
	margin-left: 10px;
}
div.menu #menu_accommodations a:hover{
	margin-left: 10px;
}

div.menu #menu_events {
	display:none;	
}
div.menu #menu_events a {
	margin-left: 10px;
}
div.menu #menu_events a:hover {
	margin-left: 10px;
}

div.menu #menu_media {
	display:none;	
}
div.menu #menu_media a {
	margin-left: 10px;
}
div.menu #menu_media a:hover {
	margin-left: 10px;
}

div.menu #menu_city {
	display:none;	
}
div.menu #menu_city a{
	margin-left: 10px;
}
div.menu #menu_city a:hover{
	margin-left: 10px;
}

div.menu #menu_registration {
	display:none;	
}
div.menu #menu_registration a{
	margin-left: 10px;
}
div.menu #menu_registration a:hover{
	margin-left: 10px;
}

div.menu #menu_vrequest {
	display:none;	
}
div.menu #menu_vrequest a{
	margin-left: 10px;
}
div.menu #menu_vrequest a:hover{
	margin-left: 10px;
}

/* Main Content Area */
#content {
  	margin-left : 170px;
   /*border-left : 1px solid #808080;*/
  	padding : 1em;
	height:100%;
}
#content h2 {
   margin : 0 0 .5em 0;
}
#content p {
	text-align:justify;
}
#content p ul {
	display: inline;
}
#content a:name {
	display: block;
}
#content p#center_text {
	text-align:center;
}

/*	Footer 	*/
#footer {
   	clear : both;
   	margin : 0;
   	padding : .5em 0 1em 0;
   	color : #333;
   	background-color : #FFFFFF;
   	border-bottom : 1px solid #808080;
   	border-bottom: 5px solid #001B88;
   	border-top : 1px solid #808080;
 		border-top: 2px solid #001B88;   
		text-align: center;
}

/* Bottom Footer */
#footer p {
   padding-left : 5px;
   display: inline;
	 text-align: center;
}
/* Links within paragraphs (revealed) */
#footer p:hover a { 
	color: #0000ff;
	text-decoration: underline;
}

/* Hidden counter */
#counter {
   display : none;
}

/* Random quote, from database */
.quote {
   	border-top : 1px solid #808080;
	padding : 10px;
	margin-top: 1em;
	margin-left: 1em;
	display: block;
}

/* Use for Event Schedule */
a.date {
	display: block;
}
event {
	text-align:right;
	display:inline;
}
td.timeRange {
	text-align:left;
	width: 150px;
}
li {
	width: 100%;
}
#day1 {
	display: none;
	margin-left: 10px;	
	width: 475px;
}
#day2 {
	display: none;
	margin-left: 10px;	
	width: 475px;
}
#day3 {
	display: none;
	margin-left: 10px;	
	width: 475px;
}
#day4 {
	display: none;
	margin-left: 10px;	
	width: 475px;
}
#day5 {
	display: none;
	margin-left: 10px;	
	width: 475px;
}
#day6 {
	display: none;
	margin-left: 10px;	
	width: 475px;
}
#day7 {
	display: none;
	margin-left: 10px;	
	width: 475px;
}