/***********************************************************************
 * FILE: main.css
 * DESCRIPTION: This is the main CSS file to style the website.
 *
 *
 ***********************************************************************/

* {
	margin:0;
	padding:0;
}

BODY {
	font-family:trebuchet ms, arial, sans serif;
	font-size:82%;
	background-color:#57a;
	min-width:593px;
}

#bwrap {
	background: white url('../images/rightshadow.png') top right repeat-y;
}


#header {
	background:black url('../images/tkspot.png') 17px 0 no-repeat;
	height:110px;
	padding-left:55px;
	padding-top:17px;
	border-bottom:2px groove darkgray;
}

#header SPAN {
	line-height:6px;
	font-size:14px;
	font-weight:bold;
	margin-left:-30px;
	color:#ccc;

position:relative;
top:80px;

}

#sidebar {
	width:186px;
	padding-top:15px;
	padding-right:0px;
	padding-left:10px;
	float:left;
	margin-bottom:-45px;
}

#content {
	background:white;
	margin-left:226px;
	margin-right:42px;
	position:relative;
	top:-50px;
	padding:20px;
	padding-top:30px;
	padding-bottom:0px;
	margin-bottom:-10px;
}

#content P {
	text-indent:20px;
	line-height:20px;
	text-align:justify;
	margin-bottom:10px;
}

#content H1 {
	font-family:georgia, sans serif;
	font-variant:small-caps;
	font-weight:normal;
	font-size:35px;
	letter-spacing:10px;
	margin-bottom:20px;
	border-bottom:3px groove black;
	text-align:center;
}

#content H2 {
	font-family:georgia, sans serif;
}

div.note {
	margin:10px 30px;
	border-bottom:2px solid #000;
	border-top:2px solid #000;
	font-family:georgia, times, helvectica, serif;
	font-size:90%;
	background-color:#cdf;
	padding:5px 20px;
}

div.note H3 {
	margin-top:3px;
	font-variant:small-caps;
	font-size:120%;
	font-weight:bold;
}

#wrapper {
	background:url('../images/leftshadow.png') 0 0 repeat-y;
}

#footer {
	clear:left;
	background:#57a url('../images/bleftshadow.png') 196px 0 no-repeat;
/*	padding:20px;*/
	padding-bottom:10px;
	padding-left:228px;
}

#footer SPAN {
	background:url('../images/brightshadow.png') top right no-repeat;
	margin-left:40px;
	padding-top:55px;
	padding-bottom:10px;
	padding-right:90px;
	display:block;
	text-align:center;
	font-size:90%;
}

#footer SPAN A {
	color:black;
	text-decoration:none;
	border-bottom:1px dotted #555;
}
#footer SPAN A:LINK {
	color:black;
	text-decoration:none;
	border-bottom:1px dotted #555;
}
#footer SPAN A:VISITED {
	color:black;
	text-decoration:none;
	border-bottom:1px dotted #555;
}
#footer SPAN A:HOVER {
	color:black;
	text-decoration:none;
	border-bottom:1px solid #555;
}

DL.ibox {
	margin-bottom:15px;

}

DL.ibox DT {
	font-size:120%;
	border-bottom:2px groove black;
	background:#7799ff url('../images/dtleft.png') top left no-repeat;
	font-weight:bold;
	letter-spacing:3px;
	padding:3px;
	display:block;
	padding-left:13px;
}

DL.ibox DD {
	padding:4px;
	font-size:90%;
	background:#aaccff url('../images/ddright.png') bottom right no-repeat;
}

UL#navbar {
	margin-top:5px;
	margin-bottom:15px;
	text-align:center;
	border-top:1px solid #112288;
	border-bottom:1px solid #112288;
	background:#bbccee url('../images/navbarback.png') top left repeat-x;
	margin-left:-20px;
	margin-right:-20px;
}

UL#navbar LI {
	list-style:none;
	color:black;
	display:inline;

}

UL#navbar LI A {
	text-decoration:none;
	color:black;
	padding-left:10px;
	padding-right:10px;

}

UL#navbar LI A:LINK {
	color:black;
}


UL#navbar LI A:HOVER {
	color:black;
	background:url('../images/navbarhighlight.png') top left repeat-x;
}


#content P A {

	color: #6699ff;

	text-decoration: none;

}



#content P A:LINK {

	color: #6699ff;

	text-decoration: none;

}



#content P A:VISITED {

	color: #6699ff;

	text-decoration: none;

}



#content P A:HOVER {

	color: #00bb44;

	text-decoration: underline

}



#content P A:ACTIVE {

	background-color:#eeeeee;

}

UL {
	margin-left:40px;
}