@CHARSET "UTF-8";
/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
/* //RESET */

body
{
	font-family:Arial;
	font-size:11px;
	background:url(/images/bg.gif) repeat-x;
	background-color:#bfccd2; /*84959d*/
	color:#000;
}

h1
{
	font-size:20px;
	font-weight:bold;
	color:#204f2b;
	margin-bottom:20px;
}
h2
{
	font-size:11px;
	font-weight:bold;
	color:#204f2b;
	margin-bottom:20px;
}
a
{
	color:#204f2b;
}
p
{
	margin-bottom:10px;
}
#mainContainer
{
	width:955px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background:url(/images/content_bg.gif) repeat-y;
}

#topmenuContainer
{
	width:955px;
	height:185px;	
}
	#mainLogo
	{
		position:absolute;
		width:110px;
		height:140px;
		top:40px;
		left:50px;
	}
	#meikkuLogo
	{
		position:absolute;
		width:190px;
		height:100px;
		top:40px;
		left:760px;
	}
	#topmenuMenu
	{
		position:absolute;
		width:783px;
		height:20px;
		top:146px;
		left:172px;
		background:url(/images/topmenu_bg.gif) no-repeat;
	}

#leftBlock
{
	background:url(/images/leftblock_bg.gif) repeat-x;
	width:180px;
	float:left;
	padding:25px 15px;
}
	#leftBlock ul
	{
		list-style-type:none;
	}
	
		#leftBlock ul a
		{
			text-decoration:none;
		}
		
		#leftBlock ul li
		{
			display:block;
			width:180px;
			background-color:#dce6da;
			margin-bottom:4px;
		}
			#leftBlock ul li a
			{
				line-height:19px;
				margin-left:8px;
				display:block;
			}
		#leftBlock ul li.selected
		{
			background-color:#b4d8b7;
		}
			
			#leftBlock ul li ul li
			{
				background-color:#fff;
				margin-bottom:0px;
			}
			#leftBlock ul li ul li.selected
			{
				background-color:#fff;
			}
				#leftBlock ul li ul li a
				{
					margin-left:25px;
					line-height:17px;
				}
				#leftBlock ul li ul li.selected a
				{
					font-weight:bold;
				}
				
		#leftBlock ul li.order
		{
			background:url(/images/white_arrow.gif) no-repeat top right;
			background-color:#204f2b;
		}
		#leftBlock ul li.order a
		{
			color:#fff;
		}
	div.support
	{
		width:180px;
		height:25px;
		background:url(/images/blue_arrow.gif) no-repeat top right;
		border-top:1px solid #204f2b;
	}
		div.support a
		{
			text-decoration:none;
			line-height:25px;
			margin-left:15px;
		}
#contentBlock
{
	float:left;
	width:479px;
	padding:27px 37px 10px 20px;;
}

  #contentBlock li
  {
  	margin-left:20px;
  	list-style-type:disc;
  }
  #contentBlock strong
  {
  	font-weight:bold;
  }
  #contentBlock em
  {
  	font-style:italic;
  }
#rightBlock
{
	float:left;
	width:209px;
	text-align:center;
	padding:27px 0 10px 0;
}

.login_box
{
	border:1px solid #204F2B;
	padding:10px;
	margin:5px;
}

.error, ul.error_list li
{
	color:red;
}

#contentBlock ul.error_list li
{
	list-style-type:none;
	margin-left:0px;
}

#contentBlock ul.radio_list li
{
	list-style-type:none;
	margin-left:0px;
}

#contentBlock table.register th
{
	width:170px; 
}
#contentBlock table.register td
{
	width:300px; 
	padding-bottom:7px;
}

.credit_data
{
	position:absolute;
	margin-left:180px;
	display:none;
	border: 1px solid #204f2b;
	padding:5px;
	background-color:#fff;
}

.coaching_hour select
{
	font-size:10px;
}

table.bill td
{
	border:1px solid #000;
	padding:10px;
}
table.user_event_list td
{
	padding:0px 5px 5px 0px;
	vertical-align:top;
}

table.board td
{
	padding:3px;
	vertical-align:top;
}
