@charset "UTF-8";
/* KA 2008 CSS Document */

body 
{
	background-color: #0088cf;
	background-image:url(images/2009bg.jpg);
	
	background-repeat: repeat-x;
	background-position:top;

	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	color:#003f68;
	margin:0px;
	text-align:center;
	line-height:20px;

}

.ka
{
display:none;
}

#container
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#header
{
	height:100px;
	float:left;
	width:900px;
	
}

#media
{
	height:250px;
	width:900px;
	float:left;
	background-image:url(images/mediabg.jpg);
	
}

#theme
{
	height:94px;
	width:900px;
	float:left;
	
	
}

#menu
{
	height:27px;
	width:900px;
	background-image:url(images/menubg.jpg);
	float:left;
	
}

#menu ul
{
	padding: .5em 0;
	margin: 0;
	list-style-type: none;
	color: #FFF;
	width: 100%;
	font: 11px "lucida grande",tahoma,verdana,arial,sans-serif;
	text-align: center;
	
	
}

#menu li, #botnav li 
{ 
	display: inline; 
	
}

#menu li a
{
	
	text-decoration: none;
	color: #FFF;
	padding: .5em 1.65em;
	
	
	
	

	
	
	/*border-right: 1px solid #fff;*/	
}

#menu li a:hover
{
	
	color: #fc0;
	
}

#menu li a span
{
	display: none;
}

/*THE DISPLAY BLOCK CREATES THE DISJOINED ROLLOVER AND THE OTHER STYLES ARE APPLIED. IT IS GIVEN AN ABSOLUTE POSITION*/
#menu a:hover span 
{
	display: block;
	color: #fc0;
	position:absolute;
	top:324px;
	left:50%;
	width:540px;
	text-align:left;
	padding: .12em 0.4em;
	font-size:12px;
}

#main
{
	
	float:left;
	background-color:#fff;
	width:900px;
	
	
	
}

#content2
{
	
	float:left;
	background-color:#fff;
	width:880px;
	padding:10px;
	text-align:left;
	
	
}



#pagename
{
	font-size:15px;
	height:34px;
	font-weight:600;
	width:770px;
	text-align:right;
	padding-right:10px;
	padding-top:5px;
	background-image:url(images/2008pagenamebg.jpg);
	color:#ffcc00;
	float:left;

}

#main1
{
	width:605px;
	float:left;
	
	text-align:left;
	
}



#welcome
{
	width:585px;
	padding:10px;
	float:left;
	text-align:left;
	
	
}

#mainbot
{
	width:605px;
	float:left;
	
	text-align:left;
	
}

#mainbot1, #mainbot2, #mainbot3
{
	width:171px;
	float:left;
	margin:0px 10px;
	
	text-align:left;
	
	border:5px solid #003f68;
}


#highlights
{
	width:275px;
	float:left;
	padding:10px;
	text-align:left;
	background-color:#003f68;
	color:#FFFFFF;
}

dt
{
	background:transparent url(images/sbullet.gif) no-repeat scroll 0pt 4px;
	margin-left:0px;
	padding:0pt 0pt 0pt 20px;	
}





#speak1
{
	width:370px;
	padding:10px;
	float:left;
	text-align:center;
	
}

#speak2
{
	width:350px;
	float:left;
	padding:10px;
	text-align:left;
}

.wrappic
{
float:left;
text-align:left;
padding:10px;
}

#footer
{
	background-image:url(images/footerbg.jpg);
	height:40px;
	font:9px" lucida grande",tahoma,verdana,arial,sans-serif;
	text-align:right;
	padding-right:10px;
	padding-top:110px;
	line-height:11px;
	float:left;
	width:890px;
	color:#FFFFFF;
	
}

#footer a
{
	color:#32d3ff;
}

#footer a:hover
{
	color:#fc0;
}

.bold
{
	font-weight:bold;
}

.heading
{
	font-weight:bold;
	font-size:14px;
}




.clear
{
	clear:both;
}

.link
{
	color:#bc6300;
	
}


.link a, .link a:visited
{
	color:#bc6300;
	text-decoration:underline;
}

.link a:hover
{
	color:#e98d10;
	text-decoration:underline;
}

.day{
width:50px;
background-color:#003f68;
font-size:40px;
color:#FFFFFF;
text-align:center;
font-weight:bold;
vertical-align:middle;
}