/* layout.css is the general website layout for KICKS */
html,body,form {
	background:white;
	font-family:Tahoma, Arial, Sans-Serif;
	font-size:9pt;
	color:black;
	text-align: center; /* ie 5 does not support auto margins */
	background-color: #e9e4ff;
}

div#container 
{
	position:relative; /* needed for footer positioning*/
	width:960px;
	background: white url(../../images/menu_bg.gif) repeat-x;
	height:auto !important; /* real browsers */
	border: solid 1px black;
	/*background-color:Green;*/
	text-align: center; /* ie 5 does not support auto margins */
}

div#header {
	/*border-bottom:1px solid black;*/
	text-align: left;
}

div#content 
{
	margin:0 auto;
	padding:0 0 5em 0; /* bottom padding for footer */
	width:920px;
	text-align: center; /* ie 5 does not support auto margins */	

}

div#contentLeft 
{	
	text-align: left;
	margin: 20px 0px 20px 0px;
	float:left;
	width:500px;
	/*border: solid 1px black;*/
}

div#contentRight 
{
	text-align: left;
	background: #e9e4ff url('../../images/bg.jpg') repeat-x;
	margin: 20px 0px 20px 0px;
	float:right;
	width:400px;
	/*border: solid 1px black;*/
}

div#contentBoth 
{	
	text-align: left;
	margin: 20px 0px 20px 0px;
	float:left;
	width:920px;
	/*border: solid 1px black;*/
}

div#contentLeft p { line-height: 1.5em; }
div#contentRight p { margin-left: 2%; margin-right: 2%; }
div#contentRight h1 { margin-left: 2%; margin-right: 2%; }
div#contentRight h2 { margin-left: 2%; margin-right: 2%; }
div#contentRight h3 { margin-left: 2%; margin-right: 2%; }

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:black;
	color: White;
	left:0;
}

div#footer p { margin: 0; padding: 10px; text-align: left; }

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.bg { background: white url('../../images/bg.jpg') repeat-x; padding: 2%; }
.simpleBorder { border: solid 1px black !important; }
.simpleCentered { margin: 2% auto; text-align: center; }
.rightCenteredBorder { border: solid 1px black; margin: 2% auto; width: 378px; }
.img1of2 { border-left: solid 1px #000 !important; border-top: solid 1px #000 !important; border-bottom: solid 1px #000 !important; }
.img2of2 { border-right: solid 1px #000 !important; border-top: solid 1px #000 !important; border-bottom: solid 1px #000 !important; }

a:link, a:visited, a:active	{ text-decoration: underline; }
a:link	{ color: #7300d5; }
a:visited {	color: #9448d5; }
a:active	{ color: #9448d5; }

h1, h2, h3, h4, .ph1, .ph2, .ph3, .ph4 { font-family: Verdana Arial, Sans-Serif; font-weight: bold; text-align: left; margin: .1em 0 .3em 0; }
h1, .ph1 { font-size: 1.7em; margin-top: .0; }
h2, .ph2 { font-size: 1.5em; margin-top: .8em; }
h3, .ph3 { font-size: 1.3em; margin-top: .6em; }
h4, .ph4 { font-size: 1em; margin-top: .4em; }

p { margin: 0 0 1em 0; }
ul, ol, li { margin-top: 0; margin-bottom: .7em; }
li, ul ul { margin-top: 0; margin-bottom: .3em; }

.tablelisting { background-color: #ffffff; margin: 0 0 2% 0; }
.tablelisting tr { vertical-align: top; }
.tablelisting td { padding: 1%; border-bottom: solid 2px #bd97f4; }
.tablelisting th { padding: 1%; text-align: left; background-color: #000000; color: #ffffff; font-weight: bold; }
.headerBG { background-color: #7300d5; padding: 2px 2% 2px 2%; color: White; }

.formtable { background-color: #ffffff; margin: 0 0 2% 0; border: solid 2px #bd97f4; }
.formtable tr { vertical-align: top; }
.formtable td { padding: 1% }
.formtable caption { background-color: #bd97f4; color: #000000; font-weight: bold; text-align: left; padding: 1%; }

.importantbox { background-color: #ffffff; border: solid 3px #bd97f4; margin: 2%; }
.importantbox p { margin: 2%!important; }

.bigbold { font-size: 1.2em; font-weight: bold; }

.vLines { border-top: solid 2px #7300d5; border-bottom: solid 2px #7300d5; font-size: 18px; font-weight: bold; background-color: #ffffff; text-align: center; }

.events { border: solid 1px #000000; }
.events h1 { font-size: 1.5em; font-weight: bold; margin: 2%; font-family: Verdana, Arial, Sans-Serif; }
.events h2 { font-size: 10pt; font-weight: bold; text-align: left; margin: 4% 2% 0 2%; font-family: Verdana, Arial, Sans-Serif; background-color: #7300d5; padding: 2px 2% 2px 2%; color: White; }
.events h3 { font-size: 10pt; font-weight: bold; text-align: left; margin: 2% 2% 0 2%; font-family: Verdana, Arial, Sans-Serif; border-top: solid 1px #A8A8A8; padding-top: 2%; font-family: Tahoma, Arial, Sans-Serif; color:#464646; }
.events h4 { font-size: 9pt; font-weight: normal; color: gray; text-align: left; margin: 0 2% 1% 2%; }
.events p { font-size: 8pt; margin: 0 2% 1% 2%; font-family: Verdana, Arial, Sans-Serif; }

.latestnews h2 { font-size: 10pt; font-weight: bold; text-align: left; margin: 2% 0 0 0; font-family: Verdana, Arial, Sans-Serif;font-family: Tahoma, Arial, Sans-Serif; color:#464646; }

.rightTable { margin-left:2%; margin-bottom: 5%; }
.rightTable tr { vertical-align: top; }
.rightTable td { padding: 1% 2%; }

.imgborder { margin: 2%; border: solid 1px #000000!important; }