BODY {background-color:#B1D7F7; font-family:"century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif; font-size:12px;height:100%; margin:0px;}



#container {margin: 0px auto; line-height: 150%; background-color:#B1D7F7;}
#innerContainer {width:100%; background-color:#D1D7F7; border-top:0px solid #3F4041; background: transparent url(../images/background-blue.gif) repeat-x scroll left top;}

#topContainer{background-color:#fff;}

#top {background-image: url(../images/front_top.gif);height:162px; margin: 0px auto;width:650px;}

#middleWrap {margin: 0px auto; background: #fff url(../images/background-main-wrap.gif) repeat-y scroll center top; width:820px;}

#middle { margin: 0px auto; width:820px; background: transparent url(../images/background-main.gif) no-repeat scroll left top;}

.bottom {
background:transparent url(../images/background-main-bottom.gif) no-repeat scroll left bottom;
display:block;
height:14px;
margin:0 auto 0px;
width:820px;

}

#footer {clear: both; background:transparent url(../images/background-download.gif) no-repeat scroll left top;
height:96px;
margin:0 auto;
width:800px;
font-size:16px;
font-weight:bold;
text-align: center;
color: #2A81CD;
margin-top:20px;
vertical-align:middle;
}

#left {margin-left:30px;float:left;}
* html #left {margin-left:10px;float:left;}

#right {float:right; font-size: 13px;}

.content {text-align:justify;width:500px;margin-left:140px;}
.eventsContent {width:700px;margin-left:35px;}
.photoContent {text-align:justify;width:500px;margin-left:80px;}
.mapContent {text-align:justify;width:500px;margin-left:100px;}

.sponsorContent {text-align:justify;width:650px;margin-left:60px;}

H1,H2,H3,H4,H5 {font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
margin:0px; font-weight:normal; color:#999999;text-align:center;}

H1 {}
H2 {font-size:28px;margin-bottom:10px;display:block;}
H3 {font-size:20px;}
H4 {font-size:15px;}
H5 {font-size:15px;}
.clear{clear:both;}

#right H3,#right H4{color:#999999;text-align:left; font-size:25px;}

.sponsor {vertical-align:middle;text-align:left;padding:3px;}

.sponsor H5{width:100%;border-bottom:5px solid #2C9EFC;margin-top:20px; }

H5.wide {
width:100%;border-bottom:5px solid #3F4041;margin-top:20px;
}


TABLE.small{text-align:left; }
TABLE.small TD{vertical-align:top;}

a {color:#000;text-decoration:underline;}

.content a {color:#211242;}

.textbox {border:1px solid #743A37;font-size:11px;background-color:#b1d7f7;margin-bottom:1px;}
.button {border:1px solid #743A37;font-size:11px;background-color:#743A37; color:#FED04A;}

IMG.sponsor {border:none;}
IMG.art {margin-left:20px;padding:2px; border:solid 1px #000;}

#sponsors {text-align:center;}
#sponsors a{text-decoration:none;}

.leftContent {float: left;width: 350px;margin: 0;}
.leftContentArt {float: left;width: 500px;margin: 0;}
.rightContent {float: right;margin-left: 30px;;width:100px;padding-top:30px;}
.rightContent A{color:#A5C36B;}

.small{font-size:10px;}
A.top{font-size:10px;color:#A5C36B;}

/* Navigation */

#navContainer {border-top: 4px solid #3F4041;border-bottom: 2px solid #121212; background-color: #3F4041; height:20px; width:800px; margin: 0 auto; margin-bottom: 20px;}

UL { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#navlist {margin-left:70px;}

#navlist LI { /* all list items */
	float: left;
	position: relative;
	width: 6.0em;
	text-align:center;
	height: 1.5em;
}

#navlist LI A {font-size:11px; font-weight:bold; color:#fff;text-decoration:none;}

#navlist LI:hover, #navlist LI.over {background-color: #2C9EFC;}

#navlist LI UL { /* second-level lists */
	display: none;
	position: absolute;
	top: 1.40em;
	left: 0;
}

/*
#navlist LI>UL { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	/*top: auto;*/
	/*left: auto;*/
/*}*/

#navlist LI:hover UL, #navlist LI.over UL { /* lists nested under hovered list items */
	display: block;
}

#navlist LI UL LI {text-align:left; margin:0; background-color:#999999;	width: 9em;border-bottom:1px solid #FED04A;height: auto;padding:2px;}

/* ------------------------------------------------------------ */


/* Carousel */



	.buttons {
		width: 50px;
		height: 302px;
		
	}
	
		.buttons .prev,
		.buttons .next {
			width: 50px;
			height: 151px;
			cursor: pointer;
		}
		
		.buttons .goto1,
		.buttons .goto2 {
			font-size: 0px;
		}
		
		.buttons .prev{
			background: url('../images/carousel/prev.png') no-repeat;
		}
		
		.buttons .prev:hover{
				background: url('../images/carousel/prevOn.png') no-repeat;
			}
		
		.buttons .next{
			background: url('../images/carousel/next.png') no-repeat;
		}
		
		.buttons .next:hover{
				background: url('../images/carousel/nextOn.png') no-repeat;
			}

.actText {
	overflow: hidden;float:left;padding-left:20px;padding-top:15px;
}

.actText,
.actText ul,
.actText ul li {
	width: 260px;
	height: 302px;
}

.actText,
.actText ul,
.actText ul li .item {
	position: relative;
}

.actText h2 {text-align:left;}
.actText p {font-size:14px;}