html
{
	margin:		0;
	padding:	0;
}

body {
	height:		100.05%;
	text-align:	center;
	background:	#0d245d;	
	
	margin:		0;
	padding:	0;
}

div, p {
	margin:				0px;
	padding:			0px;	
	border:				0px;
}
p, h4 {
	padding-bottom:		12px;
	margin-left:		2px;
}

p, div, h4 {
	color:				#000000;
	font-family: 		arial, "lucida console", sans-serif;
	font-size:			12px;
	font-style:			normal;
	font-variant:		normal;
	font-weight:		normal;
	line-height:		16px;
	text-align:			left;
}

img {
	border:	0px;
	margin: 0px;
}

br
{
	clear:both;
}

h1 {
	color:				#5d924f;
	font-family: 		verdana, arial, "lucida console", sans-serif;
	font-size:			17px;
	font-style:			normal;
	font-variant:		normal;
	font-weight:		normal;
	line-height:		17px;
	text-align:			left;
	
	margin-bottom:		0px;
	padding-bottom:		21px;
	margin-top:			0px;
	padding-top:		0px;
}

h2.front
{
	color:				#000000;
	font-family: 		arial, "lucida console", sans-serif;
	font-size:			12px;
	font-style:			normal;
	font-variant:		normal;
	font-weight:		bold;
	line-height:		15px;
	text-align:			left;
	
	margin-left:		2px;
	margin-bottom:		0px;
	padding-bottom:		0px;
	margin-top:			7px;
	padding-top:		0px;
	margin-left:		2px;
	padding-left:		0px;
}

p.list_date {
	margin-bottom:		0px;
	padding-bottom:		0px;
	margin-top:			1px;
	padding-top:		0px;
	margin-left:		0px;
	padding-left:		0px;
}

p.main_title, p.mainTitle
{
	color:				#ff6000;
	font-family: 		verdana, arial, "lucida console", sans-serif;
	font-size:			18px;
	font-weight:		bold;
	
	text-decoration:	none;	
	
	padding-bottom:		20px;
}

p.ingressi, h4
{
	color:				#797b8e;
	font-size:			12px;
	font-weight:		bold;
}

p.sub_title, p.subTitle, h2
{
	color:				#ff6000;
	font-size:			12px;
	font-weight:		bold;
	padding-bottom:		0px;
}

p.main_sub_title, p.mainSubTitle, h3
{
	color:				#ff6000;
	font-size:			12px;
	font-weight:		bold;
}

a:link, a:active, a:visited
{
	color:#0000ff;
	text-decoration:none;
}

a:hover
{
	color:#ff6000;
	text-decoration:underline;
}

a.left
{
	padding-bottom:	10px;
	float:	left;
}
a.right
{
	float:	right;
}



hr
{
	width: 			100%;
	height: 		1px;
	margin-top:		15px;
	margin-bottom:	22px;
	
	clear:		both;
	color: 		#cecece;
	border-style:solid none none;	
	
}

hr.sort_box
{
	margin-top:		4px;
	margin-bottom:	4px;
	width: 			160px;
	color: 			#0a7ac1;
}

#wrapper {
	position:	relative;
	
	text-align:	center;
	background:	#ffffff url(../img/back.gif) repeat-x scroll left top;	
}

#top_bar {
	position:	relative;
	
	padding:	0px;
	margin:		0px;
	
	width:		960px;
	height:		154px;
	
	margin-left: 	auto;
	margin-right:	auto;
	
	background-image:		url(../img/top_bar.jpg);
	background-position:	right top;
	background-repeat:		no-repeat;
}

#searchpop {
	position:	relative;
	
	width:		233px;
	height:		59px;
	
	left:		596px;
	top:		62px;
	
	background-image:		url(../img/searchfield.gif);
	background-repeat:		no-repeat;
}

#searchpop form
{
	padding:	0px;
	margin:		0px;
	
	position:	absolute;
	
	width:		233px;
	height:		59px;
}

#searchpop input
{
	position:	absolute;
	
	height:		14px;
	width:		150px;
	
	left:		14px;
	top:		28px;
	
	font-size:	11px;
}

#searchpop a
{
	display:	block;
	
	height:		10px;
	width:		42px;
	
	overflow:	hidden;
	
	position:	absolute;
	left:		183px;
	top:		33px;
	
	background-image:		url(../img/etsibut.gif);
	background-position:	9px 0px;
	background-repeat:		no-repeat;
}

#searchpop a:visited, #searchpop a:active
{
	background-position:	9px 0px;
}
#searchpop a:hover
{
	background-position:	9px -10px;
}

#navi_bar
{
	position:		relative;
	
	margin-left: 	auto;
	margin-right:	auto;
	margin-bottom:	0px;	
	
	width:			960px;
	height:			21px;
	
	background-image:		url(../img/navi_back.gif);
	background-position:	left top;
	background-repeat:		repeat-x;
}

#navi_bar_content
{
	position:		absolute;
	margin:			0px;
	padding:		0px;	
	width:			782px;
	height:			21px;
}

#mainnav
{
	position:		relative;
	top:			0px;
	left:			100px;
	
	margin:			0px;
	padding:		0px;
	
	height:			21px;
}

#mainnav li
{
	height:			21px;
	margin-left:	0px;
	padding-left:	2px;
	
	float:			left;	
	
	list-style-image:	none;
	list-style-position:outside;
	list-style-type:	none;
	
	font-size: 			0px;
	text-decoration: 	none;
	text-indent:		9999px;
	overflow:			hidden;		
	
	background-image:		url(../img/navi_sep.gif);
	background-position:	left top;
	background-repeat:		no-repeat;
}

#mainnav li.first
{
	background-image:	none;
}

#mainnav li a
{
	display:		block;
	height:			22px;
	overflow:		hidden;
}

#navi_1
{
	width:		97px;
}
#navi_1 a, #navi_1 a:visited
{
	width:		97px;
	background: url(../img/navi_but1.gif) no-repeat scroll 0px 0px;
}
#navi_1 a:hover
{
	width:		97px;
	background: url(../img/navi_but1.gif) no-repeat scroll 0px -22px;
}
#body_front #navi_1 a, #body_front #navi_1 a:visited
{
	width:		97px;
	background: url(../img/navi_but1.gif) no-repeat scroll 0px -22px;
}


#navi_2
{
	width:		81px;
}
#navi_2 a, #navi_2 a:visited
{
	width:		81px;
	background: url(../img/navi_but2.gif) no-repeat scroll 0px 0px;
}
#navi_2 a:hover
{
	width:		81px;
	background: url(../img/navi_but2.gif) no-repeat scroll 0px -22px;
}
#body_seura #navi_2 a, #body_seura #navi_2 a:visited
{
	width:		81px;
	background: url(../img/navi_but2.gif) no-repeat scroll 0px -22px;
}


#navi_3
{
	width:		116px;
}
#navi_3 a, #navi_3 a:visited
{
	width:		116px;
	background: url(../img/navi_but3.gif) no-repeat scroll 0px 0px;
}
#navi_3 a:hover
{
	width:		116px;
	background: url(../img/navi_but3.gif) no-repeat scroll 0px -22px;
}
#body_joukkueet #navi_3 a, #body_joukkueet #navi_3 a:visited
{
	width:		116px;
	background: url(../img/navi_but3.gif) no-repeat scroll 0px -22px;
}


#navi_4
{
	width:		105px;
}
#navi_4 a, #navi_4 a:visited
{
	width:		105px;
	background: url(../img/navi_but4.gif) no-repeat scroll 0px 0px;
}
#navi_4 a:hover
{
	width:		105px;
	background: url(../img/navi_but4.gif) no-repeat scroll 0px -22px;
}
#body_toiminta #navi_4 a, #body_toiminta #navi_4 a:visited
{
	width:		105px;
	background: url(../img/navi_but4.gif) no-repeat scroll 0px -22px;
}


#navi_5
{
	width:		125px;
}
#navi_5 a, #navi_5 a:visited
{
	width:		125px;
	background: url(../img/navi_but5.gif) no-repeat scroll 0px 0px;
}
#navi_5 a:hover
{
	width:		125px;
	background: url(../img/navi_but5.gif) no-repeat scroll 0px -22px;
}
#body_futiskoulu #navi_5 a, #body_futiskoulu #navi_5 a:visited
{
	width:		125px;
	background: url(../img/navi_but5.gif) no-repeat scroll 0px -22px;
}


#navi_6
{
	width:		126px;
}
#navi_6 a, #navi_6 a:visited
{
	width:		126px;
	background: url(../img/navi_but6.gif) no-repeat scroll 0px 0px;
}
#navi_6 a:hover
{
	width:		126px;
	background: url(../img/navi_but6.gif) no-repeat scroll 0px -22px;
}
#body_turnaukset #navi_6 a, #body_turnaukset #navi_6 a:visited
{
	width:		126px;
	background: url(../img/navi_but6.gif) no-repeat scroll 0px -22px;
}


#navi_7
{
	width:		78px;
}
#navi_7 a, #navi_7 a:visited
{
	width:		78px;
	background: url(../img/navi_but7.gif) no-repeat scroll 0px 0px;
}
#navi_7 a:hover
{
	width:		78px;
	background: url(../img/navi_but7.gif) no-repeat scroll 0px -22px;
}
#body_intra #navi_7 a, #body_intra #navi_7 a:visited
{
	width:		78px;
	background: url(../img/navi_but7.gif) no-repeat scroll 0px -22px;
}


#content
{
	position:		relative;
	width:			960px;
	margin-top:		0px;
	margin-left:	auto;
	margin-right:	auto;
	
	text-align:		left;
	
	z-index:		100;
	
	background-image:		url(../img/content_back.gif);
	background-position:	left top;
	background-repeat:		no-repeat;

}

#footer
{
	clear:			both;
	height:			110px;
	width:			100%;
	margin-top:		50px;
	margin-left:	auto;
	margin-right:	auto;
	
	background-image:	url(../img/footer_back.gif);
	background-repeat:	repeat-x;
	
	z-index:		4000;
}

#footer_content
{
	height:			110px;
	width:			960px;
	margin-top:		0px;
	margin-left:	auto;
	margin-right:	auto;
	
	background-image:	url(../img/footer.gif);	
	z-index:		99;
}

















#front_content
{
	width:			867px;
	margin-left:	auto;
	margin-right:	auto;
	margin-bottom:	5px;
	padding-top:	15px;
}

#front_titlerow
{	
	width:			867px;
	height:			25px;	
	
	background-image:	url(../img/front_title.gif);
	background-repeat:	no-repeat;
}

#front_news
{	
	float:			left;
	clear:			left;
	width:			350px;
	height:			370px;	
	padding-top:	2px;
	padding-left:	10px;
	padding-right:	10px;
	
	background-image:	url(../img/front_news_back.gif);
	background-repeat:	repeat-x;
}

#front_news_list
{	
	float:			left;
	width:			250px;
	height:			370px;	
	padding-top:	2px;
	padding-right:	10px;
	
	background-image:	url(../img/front_news_back.gif);
	background-repeat:	repeat-x;
}

#front_news_table
{	
	float:			left;
	width:			250px;
	height:			298px;	
	padding-top:	4px;
	padding-right:	0px;
	
	background-image:	url(../img/front_news_list_back.gif);
	background-repeat:	repeat-x;
}

#front_news_table div
{
	padding-top:	6px;
	height:			51px;
	margin-left:	10px;
	margin-right:	10px;
	
	overflow:		hidden;
	
	background-image:	url(../img/front_news_list_back_sep.gif);
	background-repeat:	no-repeat;
	background-position:	bottom center;	
}

a.news_list:link, a.news_list:active, a.news_list:visited
{
	line-height: 	14px;
	font-weight:	bold;
	color:			#0000ff;
	text-decoration:none;
}

a.news_list:hover
{
	line-height: 	14px;
	color:			#ff6000;
	font-weight:	bold;
	text-decoration:none;
}

a.news_list_important, a.news_list_important:active, a.news_list_important:visited
{
	line-height: 	14px;
	font-weight:	bold;
	color:			#ff6000;
	text-decoration:none;
}

a.news_list_important:hover
{
	line-height: 	14px;
	color:			#0000ff;
	font-weight:	bold;
	text-decoration:none;
}

#front_news_bottom
{	
	clear:			both;
	width:			240px;
	height:			25px;	
	padding-left:	0px;
	padding-top:	4px;
	padding-right:	10px;
	text-align:		right;
	
	background-image:		url(../img/front_news_list_bottom.gif);
	background-repeat:		no-repeat;
	background-position:	0% 0%;	
	
	font-weight:	bold;
	color:			#ffffff;
	font-size:		10px;
}

#front_news_bottom a:link, #front_news_bottom a:active, #front_news_bottom a:visited
{
	font-weight:	bold;
	color:			#ffffff;
	text-decoration:underline;
}

#front_news_bottom a:hover
{
	color:			#ff6000;
	font-weight:	bold;
	text-decoration:underline;
}

#large_calendar_column
{	
	
	float:			left;
	margin-top:		7px;
	margin-left:	19px;
}

#large_calendar_month_select
{
}

#large_calendar_month_select div
{
	float:			left;
}

#large_calendar_month_select #month_name
{
	float:			left;
	
	width:			121px;	
	font-size:		11px;
	font-weight:	bold;
	text-align:		center;	
	
	margin-bottom:		5px;
}

#large_calendar_month_select div a
{
	display:			block;	
	
	font-size: 			0px;
	text-decoration: 	none;
	text-indent:		9999px;
	overflow:			hidden;	
	
	height:				7px;
	width:				15px;
}

#large_calendar_month_select #left_arrow
{
	padding-left:	33px;
	margin-top:		5px;
}

#large_calendar_month_select #left_arrow a, #large_calendar_month_select #left_arrow a:visited
{
	background: url(../img/month_arrow_left.gif) no-repeat scroll 0px 0px;
}
#large_calendar_month_select #left_arrow a:hover
{
	background: url(../img/month_arrow_left.gif) no-repeat scroll 0px -7px;
}

#large_calendar_month_select #right_arrow
{
	margin-top:		5px;
}
#large_calendar_month_select #right_arrow a, #large_calendar_month_select #right_arrow a:visited
{
	background: url(../img/month_arrow_right.gif) no-repeat scroll 0px 0px;
}
#large_calendar_month_select #right_arrow a:hover
{
	background: url(../img/month_arrow_right.gif) no-repeat scroll 0px -7px;
}

#large_calendar
{
	clear:			both;
	width:			217px;
	height:			182px;
	
	font-family: 	verdana, verdana, sans-serif;
	font-size:		10px;
	font-weight:	bold;
}

#large_calendar ul
{
	clear:		both;
	float:		left;	
	
	width:			217px;
	
	margin-top:		0px;
	margin-bottom:	0px;
	margin-left:	0px;
	padding-left:	0px;
	
	list-style-image:	none;
	list-style-position:outside;
	list-style-type:	none;
}

#large_calendar ul li
{
	float:			left;
	display:		inline;
	
	position:		relative;
	
	height:			25px;
	width:			30px;
	text-align:		center;
	
	padding-top: 	4px;
	margin-left:	1px;
	margin-bottom:	-2px;
	
	background: 	url(../img/calendar_normal_large.gif) no-repeat 0px 0px;
}

#large_calendar ul li.current
{
	color:			#ff8222;
}

#large_calendar ul li div
{
	height:			25px;
	width:			30px;
	
	position:		absolute;
	left:			0px;
	top:			0px;
}

#large_calendar ul li div.event1
{
	background-image: 	url(../img/calendar_event_large_1.gif);
	z-index:		1000;
}
#large_calendar ul li div.event2
{
	background-image: 	url(../img/calendar_event_large_2.gif);
	z-index:		1001;
}
#large_calendar ul li div.event3
{
	background: 	url(../img/calendar_event_large_3.gif) no-repeat 0px 0px;
	z-index:		1002;
}
#large_calendar ul li div.event6
{
	background: 	url(../img/calendar_event_large_6.gif) no-repeat 0px 0px;
	z-index:		1003;
}

#large_calendar ul li div.calendarhit
{
	z-index:		1004;
}

#large_calendar ul li a
{
	
}

div.calendarPop
{
	display:		none;
	z-index:		2000;
	
	height:			186px;
	padding:		4px 8px 10px 10px;
	

	position:		absolute;
	left:			0px;
	top:			0px;
	
	background-image:		url(../img/calendar_popup_back.gif);
	background-position:	top right;
	background-repeat:		no-repeat;	
}

div.calendarPop p.subTitle
{
	color:			#ffffff;
	
	padding-bottom:	10px;
}

div.calendarPop div.content
{
	width:			200px;
	height:			156px;
	
	overflow:		hidden;
	
	padding-right:	20px;
	
	float:			left;	
}

div.calendarPop div.calendarPopRight
{
	width:				12px;
	height:				12px;
	
	float:				right;

	z-index:		2100;
}

div.calendarPop div.calendarPopRight a
{
	display:			block;
	overflow:			hidden;
	margin-top:			2px;
	
	width:				12px;
	height:				12px;
	
	background-image:		url(../img/calendar_popup_x.gif);
	background-position:	0px 0px;
	background-repeat:		no-repeat;	
}

div.calendarPop div.calendarPopRight a:visited, div.calendarPop div.calendarPopRight a:active
{
	background-position:	0px 0px;
	text-decoration:		none;
}

div.calendarPop div.calendarPopRight a:hover
{
	background-position:	0px -12px;
	text-decoration:		none;
}

a.calpop_list:link, a.calpop_list:active, a.calpop_list:visited, a.calpop_list:hover
{
	display:		block;
	padding-bottom:	10px;
	font-size:		11px;
	
	line-height: 	14px;
	font-weight:	bold;
	color:			#0000ff;
	text-decoration:none;
}

a.calpop_list:hover
{
	color:			#ff6000;
}



#large_calendar ul li.calEvent
{
	background: 	url(../img/calendar_event_large.gif) no-repeat 0px 0px;
}

#large_calendar ul li.calEventCurrent
{
	color:			#ff8222;
	background: 	url(../img/calendar_event_large.gif) no-repeat 0px 0px;
}

#large_calendar #calendar_first_row li
{
	padding-top: 	2px;
	color:		#ffffff;
	height:		20px;
	background: url(../img/calendar_dark_large.gif) no-repeat 0px 0px;
}

#large_eventdrop
{
	font-weight:	bold;
	color:			#ffffff;
	font-size:		10px;
	
	margin-left:	1px;
	padding-left:	8px;
	padding-right:	8px;
	padding-top:	3px;
	
	width:					200px;
	height:					63px;
	background-color:		#26376d;
}

#large_eventdrop iframe
{
	z-index:		-1;
}

#large_eventdrop select
{
	font-size:		10px;
	
	margin-top:		2px;
	margin-bottom:	2px;
	width:			199px;
	
	z-index:		-1;
}

#large_eventdrop select option.event1
{
	color:			#cc3333;
}
#large_eventdrop select option.event2
{
	color:			#cccc00;
}
#large_eventdrop select option.event3
{
	color:			#5555cc;
}
#large_eventdrop select option.event6
{
	color:			#33cc33;
}

#large_eventdrop form
{
	font-size:		10px;
	
	margin-top:		2px;
	width:			199px;

	width:				200px;
	text-align:			right;
		
}

#large_eventdrop a, #large_eventdrop a:visited
{
	font-weight:	bold;
	color:			#ffffff;
	font-size:		10px;
}

#large_eventdrop a:hover
{
	font-weight:	bold;
	color:			#ff6000;
	font-size:		10px;
}

#large_nextevents
{
	font-size:		11px;
}

#large_nextevents p
{
	font-size:		11px;
	padding-bottom:	0px;
	margin-bottom:	-4px;
}

#large_nextevents p.large_nextevents_date
{
	margin-top:		15px;
	font-weight:	bold;
}

#large_nextevents p.large_nextevents_event
{
	width:			200px;
}

#front_sponsors
{	
	clear:			both;
	height:			80px;
	width:			855px;
	margin-left:	10px;
	margin-right:	10px;
	
	position:		relative;
	top:			40px;
	
	background-image:		url(../img/front_sponsor_sep.gif);
	background-repeat:		repeat-x;
	background-position:	0px 1px;	
}

#front_sponsor_text
{
	float:			left;
	
	width:			146px;
	height:			47px;
	
	background-image:		url(../img/front_sponsor_text.gif);
	background-repeat:		no-repeat;
	background-position:	0px 1px;	
}

#front_sponsor_imgs
{
	float:			left;
	height:			80px;
	width:			709px;
	
	padding-top:	5px;
	
	position:		relative;
}






#page_header
{
	width:		840px;
	height:		25px;
	
	padding-top:	4px;
	padding-bottom:	1px;
	padding-left:	9px;
	padding-right:	17px;
	
	background-image:		url(../img/page_header.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}

#page_header a 
{
	font-family: 		verdana, arial, "lucida console", sans-serif;
	float:				left;
	color:				#000000;
	
	font-size:			10px;
	font-weight:		bold;
	text-decoration:	none;
}

#page_header a:visited, #page_header a:active
{
	color:				#000000;
}

#page_header a:hover
{
	color:				#ff6000;
}

#page_header a.logout
{
	float:right;
}

#page_header p
{
	font-family: 		verdana, arial, "lucida console", sans-serif;
	float:				right;	
	margin-top:			1px;
	margin-bottom:		-1px;
	font-size:			10px;
}

#article_lifts
{
	float:left;
	
	min-height:	500px;
	
	margin-top:	12px;
	width:		630px;
}

#article_lifts div.article_lift
{
	width:		630px;
	height:		186px;
	
	background-image:		url(../img/article_lift_back.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}

#article_lifts p.article_lift_header
{
	color:			#FFFFFF;
	font-size:		12px;
	font-weight:	bold;
	
	padding-left:	7px;
	padding-top:	3px;
	padding-bottom: 3px;	
}

#article_lifts img
{
	float:left;
	
	margin-top:		15px;
	margin-left:	12px;
}

#article_lifts p.lift_caption
{
	float:left;
	
	width:			410px;
	margin-top:		15px;
	margin-left:	20px;
}

#article_lifts a
{
	float:			left;
	margin-left:	20px;
}

#left_menu
{
	clear:		both;
	float:		left;
	width:		200px;
	
	padding-top:7px;
}

#left_menu div
{
	clear:		both;
	
	width:		175px;
	height:		23px;

	padding-top:		8px;
	padding-left:		28px;
		
	background-image:		url(../img/left_menu_button.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	
	color:				#ff6000;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
}

#left_menu a 
{
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
	color:				#001a5f;	
	
}
#left_menu a:visited, #left_menu a:active
{
	color:				#001a5f;	
}

#left_menu a:hover
{
	color:				#ff6000;
}
#left_menu a.l0selected:visited, #left_menu a.l0selected:active
{
	color:				#ff6000;	
}

#left_menu a.l0selected:hover
{
	color:				#001a5f;	
}


#left_menu div.submenu
{
	clear:		both;
		
	height:		auto;
	width:		147px;
	
	padding-top:10px;
	padding-bottom:5px;
	
	background-image:		url(../img/left_menu_sub_back.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	
	border-bottom:			1px solid #f0f0f0;
}

#left_menu div.submenu div
{
	clear:		both;
	
	width:		147px;
	height:		23px;

	padding-top:		0px;
	padding-bottom:		1px;
	padding-left:		28px;
	
	color:				#ff6000;
	font-size:			12px;
	font-weight:		normal;
	text-decoration:	none;
	
	background-image:	url(../img/left_menu_sub_arrow.gif);
	background-repeat:		no-repeat;
	background-position:	4px 3px;
}

#left_menu div.submenu div a, #left_menu div.submenu div a:visited
{
	color:				#001a5f;
	font-size:			12px;
	font-weight:		normal;
	text-decoration:	none;
	
}

#left_menu div.submenu div a:hover
{
	color:				#ff6000;
	font-size:			12px;
	font-weight:		normal;
	text-decoration:	underline;
}

#content_frame
{
	float:			left;
	
	margin-top:		8px;
	width:			446px;

	padding-left:	25px;
	padding-right:	25px;
	
	background-image:		url(../img/content_left_sep.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;	
}

#content_frame div.textContent
{
	clear:	both;
}

#content_frame div.fileDownload
{
	clear:	both;
	margin-top:		10px;
}

#content_frame div.fileDownload div
{
	width:			85px;
	height:			85px;

	float:			left;
	
	background-repeat:		no-repeat;
	background-position:	0px 2px;
}

#content_frame div div.fileFormatjpg
{
	background-image:		url(../img/download_jpg.png);
}
#content_frame div div.fileFormatpdf
{
	background-image:		url(../img/download_pdf.gif);
}
#content_frame div div.fileFormatpng
{
	background-image:		url(../img/download_png.png);
}
#content_frame div div.fileFormatgif
{
	background-image:		url(../img/download_gif.png);
}
#content_frame div div.fileFormatrtf
{
	background-image:		url(../img/download_rtf.png);
}
#content_frame div div.fileFormatdoc
{
	background-image:		url(../img/download_doc.png);
}
#content_frame div div.fileFormattxt
{
	background-image:		url(../img/download_txt.png);
}
#content_frame div div.fileFormatxls
{
	background-image:		url(../img/download_xls.png);
}
#content_frame div div.fileFormattif
{
	background-image:		url(../img/download_tif.png);
}
#content_frame div div.fileFormattga
{
	background-image:		url(../img/download_tga.png);
}
#content_frame div div.fileFormatmov
{
	background-image:		url(../img/download_mov.png);
}
#content_frame div div.fileFormatwmv
{
	background-image:		url(../img/download_wmv.png);
}
#content_frame div div.fileFormatmp3
{
	background-image:		url(../img/download_mp3.png);
}
#content_frame div div.fileFormatavi
{
	background-image:		url(../img/download_avi.png);
}
#content_frame div div.fileFormattml
{
	background-image:		url(../img/download_htm.png);
}
#content_frame div div.fileFormathtm
{
	background-image:		url(../img/download_htm.png);
}


#content_frame div.fileDownload div a
{
	display:		block;
	
	background:		none;
	
	width:			85px;
	height:			80px;
}

#small_calendar_column
{	
	float:			left;
	
	margin:			0px;
	padding:		0px;
	margin-top:		7px;
	
	width:			168px;
	height:			800px;
	
	overflow:		hidden;
	
	
	
}

#small_calendar_month_select
{
}

#small_calendar_month_select div
{
	float:			left;
}

#small_calendar_month_select #month_name
{
	float:			left;
	
	width:			100px;	
	font-size:		9px;
	font-weight:	bold;
	text-align:		center;	
	
	margin-bottom:		5px;
}

#small_calendar_month_select div a
{
	display:			block;	
	
	font-size: 			0px;
	text-decoration: 	none;
	text-indent:		9999px;
	overflow:			hidden;	
	
	height:				7px;
	width:				15px;
}

#small_calendar_month_select #left_arrow
{
	padding-left:	19px;
	margin-top:		4px;
}

#small_calendar_month_select #left_arrow a, #small_calendar_month_select #left_arrow a:visited
{
	background: url(../img/month_arrow_left.gif) no-repeat scroll 0px 0px;
}
#small_calendar_month_select #left_arrow a:hover
{
	background: url(../img/month_arrow_left.gif) no-repeat scroll 0px -7px;
}

#small_calendar_month_select #right_arrow
{
	margin-top:		4px;
}
#small_calendar_month_select #right_arrow a, #small_right_arrow a:visited
{
	background: url(../img/month_arrow_right.gif) no-repeat scroll 0px 0px;
}
#small_calendar_month_select #right_arrow a:hover
{
	background: url(../img/month_arrow_right.gif) no-repeat scroll 0px -7px;
}

#small_calendar
{
	clear:			both;
	width:			168px;
	
	font-family: 	verdana, verdana, sans-serif;
	font-size:		8px;
	font-weight:	bold;
}

#small_calendar ul
{
	clear:		both;
	float:		left;	
	
	width:			168px;
	
	margin-top:		0px;
	margin-bottom:	0px;
	margin-left:	0px;
	padding-left:	0px;
	
	list-style-image:	none;
	list-style-position:outside;
	list-style-type:	none;
}

#small_calendar ul li
{
	float:			left;
	display:		inline;
	
	height:			21px;
	width:			23px;
	text-align:		center;
	
	position:		relative;
	
	padding-top: 	2px;
	margin-left:	1px;
	margin-bottom:	-2px;
	
	background: 	url(../img/calendar_normal_small.gif) no-repeat 0px 0px;
}

#large_calendar ul li a
{
	
}
#small_calendar ul li.current
{
	color:			#ff6000;
	
}

#small_calendar ul li div
{
	height:			21px;
	width:			23px;
	
	position:		absolute;
	left:			0px;
	top:			0px;
}

#small_calendar ul li div.event1, #small_calendar ul li div.teamevent1
{
	background-image: 	url(../img/calendar_event_small_1.gif);
	z-index:		1000;
}
#small_calendar ul li div.event2, #small_calendar ul li div.teamevent2, #small_calendar ul li div.teamevent3
{
	background-image: 	url(../img/calendar_event_small_2.gif);
	z-index:		1001;
}
#small_calendar ul li div.event3, #small_calendar ul li div.teamevent0
{
	background: 	url(../img/calendar_event_small_3.gif) no-repeat 0px 0px;
	z-index:		1002;
}
#small_calendar ul li div.event6, #small_calendar ul li div.teamevent6
{
	background: 	url(../img/calendar_event_small_6.gif) no-repeat 0px 0px;
	z-index:		1003;
}

#small_calendar ul li div.event1, #small_calendar ul li div.schoolevent1
{
	background-image: 	url(../img/calendar_event_small_1.gif);
	z-index:		1000;
}
#small_calendar ul li div.event2, #small_calendar ul li div.schoolevent2
{
	background-image: 	url(../img/calendar_event_small_2.gif);
	z-index:		1001;
}
#small_calendar ul li div.event3, #small_calendar ul li div.schoolevent0
{
	background: 	url(../img/calendar_event_small_3.gif) no-repeat 0px 0px;
	z-index:		1002;
}
#small_calendar ul li div.event6, #small_calendar ul li div.schoolevent3
{
	background: 	url(../img/calendar_event_small_6.gif) no-repeat 0px 0px;
	z-index:		1003;
}



#small_calendar ul li div.calendarhit
{
	z-index:		1004;
}

#small_calendar #calendar_first_row li
{
	padding-top: 	0px;
	color:		#ffffff;
	height:		19px;
	background: url(../img/calendar_dark_small.gif) no-repeat 0px 0px;
}

#small_calendar_footer
{
	clear:		both;
	float:		left;
	
	overflow:	hidden;
	
	margin-left:1px;
	
	width:		168px;
	height:		2px;
	
	background-color:		#26376d;	
}

#calColorInfo
{
	clear:		both;
	float:		left;
	padding-bottom:	10px;
	padding-top:	10px;
	
	background-color:	#efefef;
	
	margin-left:1px;
	width:		168px;
}

#calColorInfo p
{
	padding-left:		10px;
	padding-bottom:		0px;
	font-size:			10px;
	line-height:		12px;
}

#calColorInfo p.event1
{
	color:			#cc3333;	
}
#calColorInfo p.event2
{
		color:			#cccc00;	
}
#calColorInfo p.event3
{
	color:			#5555cc;	
}
#calColorInfo p.event6
{
	color:			#33cc33;	
}




#sponsors
{
	clear:		both;
	float:		left;
	
	width:		165px;
	height:		350px;
	
	padding-top:65px;	
	
	background-image:		url(../img/sponsor_text.gif);
	background-repeat:		no-repeat;
	background-position:	10px 25px;
}

#sponsors img
{
	clear:		both;
	float:		left;
	
	margin-bottom:	20px;
	margin-left:	25px;
}

div.match
{
	position:	relative;
	
	clear:		both;
	float:		left;
	
	width:		165px;
	height:		125px;
	
	padding-top:10px;	
	
}

div.match p.sectionTitle
{
	padding-bottom:	0px;	
}

div.match p.vs
{
	position:		absolute;
	font-weight:	bold;
	
	text-align:		center;
	
	top:			46px;
	width:			100%;
}
div.match p.date
{
	position:		absolute;
	font-weight:	bold;
	
	text-align:		center;
	
	width:			100%;
	top:			116px;
}

div.matchLocation
{
	clear:			both;
}

div.matchLocation p
{
	font-weight:	bold;
	text-align:		center;
	width:			100%;
	padding-bottom:	15px;
}

hr.match
{
	margin:			0;
	padding:		0;
}

div.match img
{
	position:	absolute;
	
	width:		65px;
	height:		50px;
	top:		30px;
}

div.match img.left
{
	left:		0px;
}
div.match img.right
{
	right:		0px;
}

div.match p.left
{
	left:		0px;
	width:		65px;
	
	text-align:	center;
	
	position:	absolute;
	top:		87px;
	
	font-size:	10px;
	line-height: 10px;
}
div.match p.right
{
	right:		0px;
	text-align:	center;
	
	width:		65px;
	
	position:	absolute;
	top:		87px;
	
	font-size:	10px;
	line-height: 10px;
}


img.main_img
{
	margin-top:			3px;
	margin-bottom:		15px;
	margin-left:		2px;
}


div.clearall
{
	clear:both;
	height:	0px;
	width:	0px;
}

div.team_select_sep
{
	/*width:		470px;*/
		
	background-image:		url(../img/team_select_sep.gif);
	background-repeat:		repeat-x;
	background-position:	0px 0px;

	margin-top:				15px;	
	padding-top:			7px;
	padding-bottom:			25px;
	padding-left:			19px;
	
	font-weight:			bold;
}

div.team_select_sep div
{
	float:					left;
	width:					200px;
	padding-right:			20px;
	font-weight:			bold;
}

div.team_select_sep div.right
{
	width:					100px;
}

div.team_select_column
{
	float:					left;
	width:					220px;
}

div.team_select
{
	float:left;
	
	width:					200px;
	padding-bottom:			20px;
	padding-left:			20px;
	
	font-weight:			bold;
}

div.team_select p
{
	font-weight:			normal;
	margin-left:			0px;
}




/*
-----------
- gallery -
-----------
*/


img.gallery_thumb
{
	float:		left;
	margin-left:	20px;
	margin-top:		5px;
	margin-bottom:	6px;
	
	height:		70px;
}

div.galleryTxtContainer
{
	position:	relative;
}

div.galleryTxtContainer div.gallerytxt
{
	position:	absolute;
	left:		0px;
	top:		0px;
}

div.horizontal_sep
{
	height:		40px;
	
	clear:					both;
	
	background-image:		url(../img/sep_horizontal.gif);
	background-repeat:		no-repeat;
	background-position:	0px 20px;
}

p.current_title
{
	font-weight:		bold;
	color:				#797b8e;
	
	padding-bottom:		0px;
}

p.current_date
{
	font-weight:		bold;
	color:				#797b8e;
}

div.player
{
	width:			430px;
	height:			186px;
	padding-bottom:	10px;
		
	background-image:		url(../img/player_back.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}

div.player img
{
	float:	left;
	
	width:			110px;
	height:			135px;
	
	margin-left:	10px;
	margin-top:		6px;
}

div.player div.imgBackup
{
	
	
	background-image:		url(../img/empty_player.gif);
	background-repeat:		no-repeat;
	background-position:	10px 6px;
}

div.player p
{
	float:			left;
	
	margin-left:	0px;
	padding-left:	20px;
	width:			250px;
	
	font-size:		14px;
	font-weight:	bold;
	color:			#FF6000;
	
	padding-top:	5px;

}

div.player ul
{
	float:			left;

	padding-top:	0px;
	margin-top:		0px;
		
	padding-left:	22px;
	margin-left:	0px;
	width:			200px;
	
	list-style-image:	none;
	list-style-position:outside;
	list-style-type:	none;
}

div.player ul li
{
	padding-bottom: 1px;
	font-weight:	bold;
}

div.player ul li .info
{
	font-weight:	normal;
}

div.player ul li.teams
{
	height:		65px;
	overflow:	hidden;
}

div.teamNews
{
	padding-bottom:		10px;
}

div.players
{
	clear:				both;
}

div.players, div.organization
{
	float:				left;
	padding-bottom:		20px;
	
	width:				190px;
}

div.players div p.title, div.organization div p.title
{
	font-weight:		bold;
}

div.players div, div.organization div
{
	padding-top:		10px;
}

div.players div p, div.organization div p
{
	padding-bottom:		1px;
}


table
{
	margin:				1px;
	padding:			1px;
	margin-top:			5px;
	width:				100%;
	padding-bottom:		5px;
	
	border-width: 		1px;
	border-spacing: 	0px;
	border-style: 		solid;
	border-color: 		#dddddd;
}

td,th
{
	border-width: 		0px;
	border-spacing: 	0px;
	border-style: 		none;
	border-color: 		#ffffff;
	
	cell-spacing:		0;
	border:				0;
	
	margin:				0px;
	padding:			0px;
		
	padding-bottom:		5px;

}

tr
{
	font-size:			10px;
	border-width:		0px;
}

span.huom
{
	font-weight:	bold;
	margin-left:	5px;
}

h5,h6
{
	font-size:				10px;
	
	height:					18px;
	
	padding-left:			6px;
	padding-right:			6px;
	padding-top:			6px;
	padding-bottom:			0px;
	
	margin-left:			0px;
	margin-right:			0px;
	margin-top:				0px;
	margin-bottom:			0px;
	
	line-height:			11px;
}

h5
{
	font-size:				10px;
	
	height:					18px;
	
	background-image:		url(../img/table_first_row.gif);
	font-weight:			bold;
	background-repeat:		repeat-x;
	background-position:	0px 0px;
}

div.groupContacts
{
	padding-bottom:	20px;
	
	float:		left;
	width:		440px;
	
	clear:		both;
}

div.groupContacts div
{
	float:		left;
	width:		220px;
}

div.groupContacts div p
{
	padding-bottom:		0px;
}

div.groupContacts div .job
{
	padding-top:	10px;
	font-weight:	bold;
}

div.loginroot
{
	padding-left:	200px;
	padding-top:	30px;
	
	min-height:		400px;
}

p.sectionTitle
{
	color:				#797b8e;
	font-size:			12px;
	font-weight:		bold;
}
div.login div input
{
	margin-bottom:		10px;
}

div.login div p
{
	padding-bottom:		0px;
}

div.searchpage
{
	float:			left;
	
	margin-top:		20px;
	width:			655px;

	padding-left:	5px;
	padding-right:	35px;

}


