/* =General

===============================================================*/



body { 

	font: 76% 'Lucida Grande', Lucida, Verdana, Arial, sans-serif;

	line-height: 1.3;

	background-color: #4E6BA1;

	background-image: url(images/bg.gif);

}



p {

	font-size: 1em;

	padding: 0;

	margin-top: 0;	margin-bottom: .5em;

}



div, li, ol, dl, table { font-size: 1em; }



ul, ol { margin: 1em 4ex; }



blockquote {margin: 1em 10%;}



img	{

	display: inline;

	border: none;

	margin: 0;

}



.floatleft {

	float: left;

	margin: .5em .5em .5em 0;

}



.floatright {

	float: right;

	margin: .5em 0 .5em .5em;

}



a {

	color: #2A70B6;

	text-decoration: none;

	outline: none;

}

	a:hover {

		text-decoration: underline;

	}

	a:active {

		outline: none;

	}

	

	body.page #content a { text-decoration: underline; }

	body.page #content a:hover { text-decoration: none; border-bottom:1px dashed #fff; }



h2 {

	clear: left; 

	font-size: 1.7em;

	font-style:italic; 

	font-weight:bold;

	margin-top: 0;

}



h3 { 

	clear: left;

	color: #4E6BA1;

	font-size: 1.2em;

	font-weight:bold;

	margin-top: 1.5em;

}





/* =Structure

===============================================================*/



#wrap {

	background-image:url(images/bg-body.gif);

	background-repeat:repeat-y;

	background-position:center;

	padding:0; margin: 15px auto;

	width: 816px;

}



#header {

	padding: 15px 20px 10px 20px;

	background-image:url(images/bg-header-top.gif);

	background-repeat: no-repeat;

}



#content {

	clear:both; float: left; 

	display:inline;

	padding: 0 0 0 20px; 

}

	

#footer {

	clear: both;

	padding: 0 20px 15px 20px;

	background-image:url(images/bg-footer-bottom.gif);

	background-repeat:no-repeat;

	background-position: bottom;

	height: 50px;

	text-align:center;

}

#footer img.sponsor {	

		padding: 1px 1px 17px 1px;

		margin-bottom: 15px;

		background-color: #B3B3B3;

		background-image:url(images/bg-sponsor.jpg);	

		background-repeat:no-repeat; background-position:bottom;

	}



p#copyright {

	text-align: center;

	color: #FFFFFF;

	font-size: .9em;

}

	

div#content {

	padding-top: 9px;

}



#sidebar {

	float: left;

	width: 160px; 

	height: auto;

}



#advertising {

	float: left;

	width: 152px;

}



	#advertising img.sponsor {	

		padding: 1px 1px 17px 1px;

		margin-bottom: 15px;

		background-color: #B3B3B3;

		background-image:url(images/bg-event-sponsor.jpg);	

		background-repeat:no-repeat; background-position:bottom;

	}
	
	#advertising img.title-sponsor {	

		padding: 1px 1px 17px 1px;

		margin-bottom: 15px;

		background-color: #B3B3B3;

		background-image:url(images/bg-title-sponsor.jpg);	

		background-repeat:no-repeat; background-position:bottom;

	}



#text {

	float: left;

	width: 445px;

	margin-left: 10px; 
	margin-right: 10px; 

	padding-top: 0;

}



	#text h3 {

		height: 25px;

		background-image:url(images/bg-h3.jpg);

		background-position:center;	background-repeat:no-repeat;

		padding: 6px 10px 0 15px;

		color: #fff;

		font-size: 1.1em;

		margin: 0 0 .5em 0;

		font-family: Arial, Helvetica, sans-serif;

		text-transform:uppercase;

		font-weight:bold;

	}

	

	#text p {

		margin: 0 10px 1em 10px;

	}

	

	a.toplink {

		text-align:center;

	}

	

	#text p.top-link {

		text-align: center;

	}



	/*#text p.top-link a {

		width: 85px; height: 15px; display: block; overflow: hidden; margin: 0 auto;

		text-indent: -5000em;

		background-image:url(images/events/back-to-top.gif); 

		background-position:center; 

		background-repeat:no-repeat;

	}*/

	

	#text ul {

		padding: 0px;

		margin: 0px 0px 0px 25px;

	}

	

	#text ul ul {

		padding: 0px;

		margin: 0px 0px 0px 20px;

	}

	

	#text hr {

		width: 100%;

	}

	

/* =Menu

===============================================================*/

#menu {

width: 155px;

background: #fff;

}





#menu ul {

list-style: none;

margin: 0;

padding: 0;

}



#menu a.test, #menu h2 {

font: bold 11px/16px arial, helvetica, sans-serif;

display: block;

border-width: 1px;

border-style: solid;

border-color: #ccc #888 #555 #bbb;

margin: 0;

padding: 2px 3px;

}

#menu a {

display: block;

}



#menu img {display:block;}



#menu h2 {

color: #fff;

background: #000;

text-transform: uppercase;

}



#menu a.test {

color: #000;

background: #efefef;

text-decoration: none;

}



#menu a.test:hover {

color: #2A70B6;

background: #fff;

}



#menu li {

position: relative; 

}



#menu  ul ul {

position: absolute;

top: 0;

left: 100%;

width: 100%;

}



div#menu  ul ul 

{display: none;}



div#menu  ul li:hover ul 

{display: block;}