/**************************************************/
/*                                                */
/*  Styles for Yoshukai Karate Alliance web page. */
/*                                                */
/**************************************************/

/**************************************************/
/*  Body of all pages                             */
/**************************************************/
#body
{
	margin:				0px;
	padding:			0px;
	width:				100%;
	height:				100%;
	overflow:			hidden;
}

#pictureBody
{
	width:				100%;
	height:				100%;
	background-color:	#999999;
}

#pictureBody img
{
	border:				2px solid black;
}

/**************************************************/
/*  Header left - top of every page               */
/**************************************************/
#headerLeft
{
	width:				150px;
	height:				85px;
	margin:				0px;
	padding:			0px 0px 0px 0px;
	border:				none;
	text-align:			center;
	vertical-align:		middle;
	overflow:			hidden;
	position:			absolute;
	left:				0px;
	top:				0px;
	z-index:			4;
	background-color:	#db0505;
	background-image:	url(../images/topBackground.jpg);
	background-repeat:	repeat-x;
	background-position:bottom;
}

#headerLeft img
{
	margin:				8px 0px 0px 0px;
}

/**************************************************/
/*  Header right - top of every page              */
/**************************************************/
#headerRight
{
	height:				85px;
	margin:				0px;
	padding:			0px 0px 0px 0px;
	border:				none;
	text-align:			center;
	overflow:			hidden;
	position:			absolute;
	left:				150px;
	top:				0px;
	z-index:			3;
	background-color:	#db0505;
	background-image:	url(../images/topBackground.jpg);
	background-repeat:	repeat-x;
	background-position:bottom;
}

#headerRight img
{
	margin:				8px 0px 0px 0px;
}

/**************************************************/
/*  Left menu                                     */
/**************************************************/
.leftMenu
{
	width:				150px;
	background-image:	url(../images/leftBackground.jpg);
	white-space:		nowrap;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	text-align:			left;
	position:			absolute;
	top:				85px;
	left:				0px;
	z-index:			100;
}

.leftMenu ul
{
	list-style:			none;
	padding:			10px 0px 0px 0px;
	margin:				0px;
	width:				136px;
	font-family:		Arial, Helvetica;
	font-size:			12px;
	font-weight:		bold;
	color:				#F2CF00;
	text-decoration:	none;
	z-index:			150;
	position:			fixed;
}

.leftMenu li
{
	padding:			4px 0px 4px 0px;
	margin:				0px;
	position:			relative;
	z-index:			150;
}

.leftMenu li a
{
	font-family:		Arial, Helvetica;
	font-size:			12px;
	font-weight:		bold;
	color:				#F2CF00;
	text-decoration:	none;
	z-index:			150;
}

.leftMenu li ul
{
	list-style:			none;
	padding:			0px 0px 0px 0px;
	margin:				0px;
	width:				146px;
	font-family:		Arial, Helvetica;
	font-size:			12px;
	font-weight:		normal;
	color:				#F2CF00;
	text-decoration:	none;
	display:			none;
	position:			absolute;
	top:				0px;
	left:				133px;
	z-index:			150;
}

.leftMenu li ul li
{
	padding:			5px 0px 5px 0px;
	margin:				0px;
	border:				3px solid #F2CF00;
	border-style:		outset;
	z-index:			150;
}

.leftMenu li:hover, li.over
{
	border:				3px solid #F2CF00;
	border-style:		outset;
	background-color:	#333333;
}


.leftMenu li:hover ul, li.over ul
{
	background-color:	#333333;
	display:			block;
}

/**************************************************/
/*  Right side of all pages                       */
/**************************************************/
#rightPage
{
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	border:				none;
	position:			absolute;
	top:				85px;
	left:				150px;
	text-align:			center;
	background-image:	url(../images/rightBackground.jpg);
	background-repeat:	no-repeat;
	background-attachment:fixed;
	background-position: 50% 50%;
	z-index:			1;
	overflow:			auto;
}

/**************************************************/
/*  Bottom menu - table on every page             */
/**************************************************/
.bottomMenu
{
	text-align: 		center;
	font-family:		Verdana, Arial;
	font-weight:		normal;
	color:				#222222;
	font-size:			9px;
	vertical-align: 	bottom;
}

.bottomMenu td
{
	padding:			20px 0px 0px 0px;
	vertical-align: 	bottom;
	text-align:			center;
	white-space:		nowrap;
}

.bottomMenu a
{
	font-family:		Verdana, Arial;
	color:				#db0908;
	text-decoration:	underline;
}

.bottomMenu td a:visited
{
	color:				#db0908;
}

.bottomMenu a:hover
{
	color:				#db0908;
}

/**************************************************/
/*  Home page content body                        */
/**************************************************/
.contentBodyHome
{
	width:				80%;
	height:				100%;
	text-align:			center;
	border:				none;
}

/**************************************************/
/*  Content body - all text goes in this          */
/**************************************************/
.contentBody
{
	width:				80%;
	height:				100%;
	text-align:			center;
	border:				none;
	margin:				0% 0% 0% 0%;
	font-family:		Verdana, Arial;
	text-align:			left;
	color:				#222222;
	font-size:			12px;
	font-weight:		normal;
	padding-top:		10px;
}

.contentBody h1
{
	font-weight:		bold;
	color:				#000000;
	font-size:			18px;
	padding:			20px 0px 0px 0px;
	margin:				0px;
	clear:				both;
}

.contentBody h2
{
	font-weight:		bold;
	color:				#000000;
	font-size:			15px;
	padding-top:		20px;
	margin:				0px;
	clear:				both;
}

.contentBody h3
{
	font-weight:		bold;
	color:				#000000;
	font-size:			12px;
	padding-top:		0px;
	margin:				0px;
	clear:				both;
}

.indent1
{
	padding-left:		20px;
}

.indent2
{
	padding-left:		40px;
}

.indent3
{
	padding-left:		60px;
}

.indent4
{
	padding-left:		80px;
}

.contentBody div
{
	padding-top:		10px;
	padding-bottom:		10px;
	clear:				both;
}

.contentBody ul
{
	list-style-image:	url(../images/bullet.gif);
	padding:			0px 0px 0px 30px;
	margin:				0px;
	font-family:		Verdana, Arial;
	text-align:			left;
	color:				#222222;
	font-size:			12px;
	font-weight:		normal;
}

.contentBody ul li
{
	padding:			2px 0px 2px 0px;
}

.contentBody ol
{
	padding:			0px 0px 0px 50px;
	margin:				0px;
	font-family:		Verdana, Arial;
	text-align:			left;
	color:				#222222;
	font-size:			12px;
	font-weight:		normal;
}

.contentBody ol li
{
	padding:			2px 0px 2px 10px;
}

.contentBody table
{
	font-family:		Verdana, Arial;
	text-align:			left;
	color:				#222222;
	font-size:			12px;
	font-weight:		normal;
	margin:				0px;
	padding:			0px;
}

.contentBody table th
{
	font-weight:		bold;
}

.contentBody table td
{
	vertical-align:		top;
}

.contentSmall
{
	font-family:		Verdana, Arial;
	text-align:			left;
	color:				#222222;
	font-size:			9px;
	font-weight:		normal;
	margin:				0px;
	padding:			0px;
}

/**************************************************/
/*  Picture included in the text body             */
/**************************************************/
.includedPicture
{
	border:				0;
	margin-right:		15px;
	margin-bottom:		15px;
	float:				left;
	text-align:			center;
	font-weight:		normal;
	color:				#db0908;
	font-size:			9px;
	vertical-align: 	bottom;
	text-decoration:	underline;
}

.includedPicture a:visited
{
	color:				#db0908;
}

.includedPicture a:hover
{
	color:				#db0908;
}

.includedPicture img
{
	border:				none;
}

/**************************************************/
/*  Picture included in the body (float right)    */
/**************************************************/
.includedPictureRight
{
	border:				0;
	margin-right:		15px;
	margin-bottom:		15px;
	float:				right;
	text-align:			center;
	font-weight:		normal;
	color:				#db0908;
	font-size:			9px;
	vertical-align: 	bottom;
	text-decoration:	underline;
}

.includedPictureRight a:visited
{
	color:				#db0908;
}

.includedPictureRight a:hover
{
	color:				#db0908;
}

.includedPictureRight img
{
	border:				none;
}

/**************************************************/
/*  Picture included in the text body (no float)  */
/**************************************************/
.includedPictureNoFloat
{
	border:				0;
	margin-right:		15px;
	margin-bottom:		15px;
	text-align:			center;
	font-weight:		normal;
	color:				#db0908;
	font-size:			9px;
	vertical-align: 	bottom;
	text-decoration:	underline;
}

.includedPictureNoFloat a:visited
{
	color:				#db0908;
}

.includedPictureNoFloat a:hover
{
	color:				#db0908;
}

.includedPictureNoFloat img
{
	border:				none;
}

/**************************************************/
/*  Link                                          */
/**************************************************/
.link
{
	font-weight:		normal;
	color:				#db0908;
	font-size:			12px;
	vertical-align: 	bottom;
	text-decoration:	underline;
}

.contentBody a:visited
{
	color:				#db0908;
}

.contentBody a:hover
{
	color:				#db0908;
}

.includedPicture img
{
	border:				none;
}

/**************************************************/
/*  Styles for calendar of events                 */
/**************************************************/
.calendar
{
	border-bottom:		2px solid black;
}

.calendar th
{
	padding:			20px 10px 8px 5px;
	margin:				20px 0px 0px 0px;
	font-weight:		bold;
	border-bottom:		2px solid black;
}


.calendar td
{
	padding:			10px 10px 10px 5px;
	margin:				0px;
	border-bottom:		1px solid gray;
}
	
	
.newsletterText
{
	font-family:		Verdana, Arial;
	font-weight:		normal;
	color:				#222222;
	font-size:			12px;
	word-spacing:		1px;
	letter-spacing:		1px;
	line-height:		25px;
}