﻿	html
	{
		height: 100%; 
		overflow: auto; 
	/*	overflow-y: scroll; */
	}
	
	body
	{
		height:100%;
		font: 80%/1.3 Arial, Helvetica, sans-serif;
		background: #ffffff;
		color:#333;
		text-align: center;
	}

	
	#wrapper
	{
		margin: 0 auto;
		text-align: left;		
	}
	
	.rest
	{
    background:#ffffff url(../gfx/water3.gif) bottom right no-repeat ;
		min-height: 500px;
		height: auto !important;
		height: 500px;
	}
	
	#header,
	#footer,
	#colLeft,
	#colRight,
	.navigation_foot p,
	#pageBottom,
	.inset,
	#acredit
	{
		margin-bottom: 1em;				
	}

	#colLeft,
	#colRight
	{
		padding-bottom: 1em;	
	}
	
	#colRight
	{
		text-align: right;
		min-height: 350px;
		height: auto !important;
		height: 350px;
	}

	
	.holding_colRight
	{
		float: right;
		width: 100%;
		margin: 1em 0;
	}	
	
	#logo_scs
	{
		height: 88px;
		width: 157px;
		margin-top: 1em;
	}
	
	#submenu
	{
		margin-top: 1em;
		text-align: right;
	}
	
	#icon_sitemap
	{
		width: 17px;
		height: 13px;
		display: inline;
		vertical-align: middle;		
	}	
	
	#search
	{
		background: #fff url("../gfx/bg_search.gif") bottom center no-repeat;
	}
	
	#search #q
	{
		width: 150px;
		border: none;
	}
	
	#navigation
	{
		margin-top: 1em;
		font-family: Georgia, Times, Serif;
		font-weight: bold;
		font-size: 1em;
	}
	
	.coltopspace
	{
		margin-top: 4.2em;
	}

	#page,
	#navigation_foot
	{
		padding-bottom: 1em;
	}
	
	.breadcrumb
	{
		color: #66766f;
		padding: 0.6em 0;
		margin-bottom: 2em;
	}
	
	.breadcrumb ul
	{
		margin-left: 8px;
	}	
	
	.breadcrumb ul li
	{
		display: inline;
		padding: 0.1em 12px 0.1em 0.6em;
		background: url("../gfx/arrow.gif") center right no-repeat;
		white-space: nowrap;
		text-align: right;
	}
		
	.minheight
	{
		float: left;
		min-height: 250px;
		height: auto !important;
		height: 250px;
	}
	
	.inset
	{
		background: #f7f7f7 url("../gfx/panel_page.gif") bottom center no-repeat;
		padding: 0.8em 0;
		margin: 1.4em 0;
	}	

	.content
	{
		margin: 0 12px;
		overflow: hidden;
		padding: 0.8em 0;
	}
	
	blockquote
	{
		margin: 1em;
	}
	
	h1
	{
		font-weight: normal;
		font-size: 28px;
		margin-bottom: 30px;
		color: #452972;
		font-family: EBGaramond;
		line-height: 30px;
	}
	
	
	h2, h3, h4, h5, h6, li
	{
		margin-top: 0;
		margin-bottom: 0.5em;
		
	}
	
	p
	{
		margin-top: 0;
		margin-bottom: 0.6em;
	}
	
	.bottomspace
	{
		margin-bottom: 0.8em;
	}
	
	/* ------------- proposition ---------------- */
	
	#pageTop
	{
	  background:#ffffff url(../gfx/water.gif) top right no-repeat;
	}
	
	#proposition_top,
	#proposition_top_inner
	{
		width: 520px;
		float: right;
		display: inline;
	}
	
	#proposition_top
	{
		background: url(../gfx/proposition_top.gif) center top no-repeat;
		padding-top: 7px;
	}
	
	#proposition_top_inner h1
	{
		margin-left: 20px;
		margin-right: 20px;		
		margin-bottom: 0.8em;		
		color: #fff;			
		line-height: 36px; 		
	}
	
	#proposition_top_inner
	{
		background: url(../gfx/proposition_bottom.gif) center bottom no-repeat;
	}
	
	#proposition_bottom	
	{
		width: 460px;
		float: left;
		display: inline;		
		margin-left: 120px;
		padding-top: 0.8em;			
	}		
	
	#proposition_bottom h1	
	{
		font-weight: normal;
		color: #333;				
		margin: 0;
		font-size: 22px;
		margin-bottom: 0.8em;		
	}
	
	#notice
	{
		width: 460px;		
		margin-left: 120px;
		margin-bottom: 0.8em;			
	}		
	
	#img_cover
	{
		width: 300px;
		height: 160px;
	}	
	
	h2
	{
		margin-top: 1em;	
		font-weight: bold;
		font-size: 1.3em;
	}
	
	h2 span
	{
		font-weight: normal;
		font-size: 0.9em;
	}	

	h3
	{
		margin-top: 0.8em;	
		font-weight: bold;
		color: #666;
		font-size: 1.2em;
	}

	h4
	{	
		font-weight: bold;
		font-size: 1em;
	}

	input, select, th, td, textarea
	{
		font-family: arial,verdana,helvetica,sans-serif;
		font-size: 1em;	
	}
	
	strong
	{
		color: #2e2e2e;
	}
	
	.smalltext
	{
		font-size: 0.8em;
	}
	
	/* ------------- panels ---------------- */	
	
	
	.cover,
	.cover .panel_inner
	{
		width: 280px;				 
	}	
	
	.cover
	{
		background: #fff url("../gfx/panel_bg_top.gif") top center no-repeat;
		padding-top: 20px;
	}
	
	.cover .panel_inner
	{
		background: transparent url("../gfx/panel_bg_bottom.gif") bottom center no-repeat;			 
	}
	
	
	/* ---------------------------- */		
	
	.notice,
	.notice .panel_inner
	{
		width: 460px;
		text-align: left;			 
	}		
	.notice
	{
		background: #f3eddd url("../gfx/panel_notice_bg_top.gif") top center no-repeat;
		padding-top: 18px;		
	}
	
	.notice .panel_inner
	{
		background: transparent url("../gfx/panel_notice_bg_bottom.gif") bottom center no-repeat;	
	}	
		
	/* ---------------------------- */	
	
	.news,
	.news .panel_inner
	{
		width: 220px;	
		text-align: left;			 
	}		
	.news
	{
		background: #e6d087 url("../gfx/panel_news_bg_yellow_top.gif") top center no-repeat;
		padding-top: 20px;		
	}
	
	.news .panel_inner
	{
		background: transparent url("../gfx/panel_news_bg_yellow_bottom.gif") bottom center no-repeat;	
	}
	
	.in_page,
	.in_page .panel_inner
	{
		width: 160px;				 
	}
			
	.in_page
	{
		background: #fff url("../gfx/inpage_bg_top.gif") top center no-repeat;
		padding-top: 20px;		
	}
	
	.in_page .panel_inner
	{
		background: transparent url("../gfx/inpage_bg_bottom.gif") bottom center no-repeat;
	}
	
	.map img
	{
	 width: 220px;
	 height: 59px;
	 margin-top: 17px;
	}
	
	/* -- common -- */
	
	.panel_inner
	{
		padding-bottom: 16px;			 
	}	
	
	.panel_inner h2,
	.panel_inner h4
	{
		font-family: Georgia, Times, Serif;
		font-size: 1.25em;
		letter-spacing: -1px;
		margin-top: 0;		
		margin-bottom: 1em;
    color: #452a72;		
	}
	
	.panel_inner h2,
	.panel_inner h4,	
	.panel_inner ul,
	.panel_inner p		
	{
		margin-left: 20px;
		margin-right: 20px;		
	}
	
	#notice .panel_inner p
	{
		margin-left: 80px;
	}	
	
	.panel_inner ul li
	{
		padding-left: 15px;
		background: url("../gfx/bullet.gif") 0px 0.5em no-repeat;		
	}
	
/* ------------- teasers ---------------- */	
	
#teasers_clinics,
#teaser_walk
{
	width: 220px;
}

#teaser_punch
{
	width: 275px;
}

#teasers_clinics,
#teaser_walk,
#teaser_punch
{
	height: 70px;
}
	
/* ------------- buttons ---------------- */

	.button
	{
		font-weight: bold;	
		color: #ffffff;						
		background: #bb1111 url(../gfx/button_go.gif) center repeat-x;
		cursor: pointer;
		border: solid 1px #aaa;
	}
	
	.search
	{
		display: inline;
		margin-left: 6px;
		padding: 0.1em 0.2em;		
	}	
	
	.send
	{
		margin-top: 1em;
		padding: 0.1em 1em;			
	}
	
	a.enquiry_rollover
	{
		display: block;
		float: right;
		width: 110px;  
		height: 60px;  
		background: url(../gfx/btn_enquiry.gif) no-repeat 0 0;
		overflow: hidden;  
		text-indent: -10000px;  
		font-size: 0px;  
		line-height: 0px;		
	}
	
	a:hover.enquiry_rollover
	{  
    background-position: 0 -60px;  
	}
	
/* ------------- bullets ---------------- */	

	#page ul
	{
		list-style: none;
	}	
	
	#page li
	{
		padding-left: 12px;			
		background: url("../gfx/bullet_purple.gif") 0px 0.6em no-repeat;
	}
	
	#page li ul li
	{
		padding-left: 12px;			
		background: url("../gfx/bullet_nest.gif") 0px 0.6em no-repeat;
	}
	
	.news ul li
	{
		padding-left: 12px;			
		background: url("../gfx/bullet_nest.gif") 0px 0.6em no-repeat;
	}	
	
/* ------------- definition lists ---------------- */


#page dl dd,
#page dl dt
{
	padding: 0.9em 0 4px 28px;
}
	
#page dl dt
{
	background: url("../gfx/q.gif") 0px 0.5em no-repeat;
	margin-bottom: 0.2em;
	font-weight: bold;
}

#page dl dd
{
	background: url("../gfx/a.gif") 0px 0.5em no-repeat;
	margin-left: 1em;
	margin-bottom: 1em;
}

/* ------------- images ---------------- */

img
{
	border: none;
	display: block;
}

.img_content_hold, .img_content
{
	width: 180px;
}

.left
{
	float: left;
	clear: left;
	margin: 0 20px 10px 0;	
}

.right
{
	float: right;
	clear: right;
	margin: 0 10px 20px 0;	
}

.img_content
{
	float: left;
	height: 180px;	
}

.img_content_caption
{
	font-size: 0.9em;
	font-style: italic;
}

.button_navigate
{
  display: inline;
  vertical-align: middle;
}

#punch
{
	width: 275;
	height: 70px;
}

.glove
{
	float: left;
	clear: left;
	margin: 0 5px 0 5px;	
}

/* ------------- sitemap ---------------- */

	
	#page #sitemap ul
	{
		margin-top: 0.4em;
	}
	
	#page #sitemap li
	{
		padding-left: 0;			
		background: none;
		margin-left: 1em;
	}	
	
	#page #sitemap ul li ul li
	{
		color: #666;
	}

	#page #sitemap ul li ul li ul li
	{
		color: #333;
	}

/* ------------- form ---------------- */

	.topspace
	{
		margin-top: 1em;
		border-top: 1px solid #aaa;
		padding-top: 1em;
	}

	.top
	{
		margin-top: 1em;
	}

	.row
	{
		width: 460px;
		float: left;
		clear: left;
		margin-bottom: 0.8em;
		display: inline;	
	}

	.label
	{
		float: left;
		width: 150px;
		text-align: right;
		margin-top: 0.2em;
	}

	.entry
	{
		float: right;
		width: 300px;
	}
	
	.entry input,
	.entry textarea
	{
		border: 1px solid #c3c4d5;
	}
	
	.small
	{
		width: 100px;	
	}

	.medium
	{
		width: 190px;	
	}

	.large
	{
		width: 280px;
	}

	span.entry textarea
	{
		overflow: auto;
	}
	
	.mandate
	{
		color: #c90;
		font-size: 1.2em;
		margin-left: 0.5em;
		vertical-align: top;
	}

	.error
	{
		color: #c00;
	}

	.short
	{
		height: 60px;
	}

	.tall
	{
		height: 120px;
	}

	#footer
	{
		margin-left: 120px;
		background: #f0f0f0 url(../gfx/bg_footer.gif) center bottom no-repeat;
		min-height: 40px;
		height: auto !important;
		height: 40px;
		color: #999;		
	}
	
	#footer .content
	{
		padding: 0.4em 0;
		margin: 0 16px;
	}
	
	#footer .copyright
	{
		text-align: right;
	}
	
	#acredit
	{
		text-align: right;
	}
	
	#logo_kcc,
	#logo_iip,
	#logo_iso,
	#logo_xhtml,
	#logo_css,
	#logo_wgac,
	#logo_cs		
	{
		margin-right: 12px;
		margin-left: 12px;
		margin-bottom: 1em;		
		display: inline;
		vertical-align: middle;
	}
	
	#logo_kcc
	{
		height: 38px;
		width: 59px;
	}
	
	#logo_iip
	{
		height: 38px;
		width: 108px;
	}	
	
	#logo_iso
	{
		height: 38px;
		width: 108px;
	}
	
	#logo_xhtml,
	#logo_css,
	#logo_wgac	
	{
		height: 26px;
		width: 73px;
	}
	
	#logo_cs
	{
		height: 26px;
		width: 140px;		
	}
	
/* ------------- search ---------------- */

#cse-search-results
{
	width: 580px;
}		
		
/* ------------- links ---------------- */

	a:link,
	a:active,
	a:visited	
	{
		color: #333;
		background-color: transparent;
	}

	a:hover
	{
		color: #666;
		background-color: transparent;   
	}

	#navigation 	a		
	{
		text-decoration: none;
	}	

	.breadcrumb a:link,
	.breadcrumb a:active,
	.breadcrumb a:visited,

	#submenu a:link,
	#submenu a:active,
	#submenu a:visited
	{
		color: #66766f;
		text-decoration: none;   
	}

	.breadcrumb a:hover,
	#submenu a:hover
	{
		color: #90a099;
		text-decoration: underline;	 
	}

	#sitemap a:link,
	#sitemap a:active,
	#sitemap a:visited	
	{
		text-decoration: none;   
	}

	#sitemap a:hover
	{
		text-decoration: underline;	 
	}

	.panel_inner a:link,
	.panel_inner a:active,
	.panel_inner a:visited	
	{
		text-decoration: none;
	}

	.panel_inner a:hover
	{
		text-decoration: underline;
	}

	.panel_inner h2 a:link,
	.panel_inner h2 a:active,
	.panel_inner h2 a:visited	
	{
		color: #4f5995; 
	}

	.panel_inner h2 a:hover	
	{
		color: #7f87b9;
		text-decoration: underline;  
	}

	#colRight a:link,
	#colRight a:active,
	#colRight a:visited,

	.news a:link,
	.news a:active,
	.news a:visited,
	.notice a:link,
	.notice a:active,
	.notice a:visited		
	{
		color: #452972;
		text-decoration: underline;   
	}

	#colRight a:hover,
	.news a:hover
	{
		color: #d24f4f;
		text-decoration: underline;  
	}

	#footer a:link,
	#footer a:active,
	#footer a:visited	
	{
		color: #747474;
	}

	#footer a:hover	
	{
		color: #666;
	}	

	
	.warning
	{
		margin-left: 10px;
	}
	
	
/*---------Gallery -----------*/

	.gallery .thumb
	{
	  margin: 0 10px 10px 0;
		width: 120px;
		text-align: center;
	}
	.gallery img
	{
			width: 118px;
	    border: 1px solid #dddddd;
	}


.thumb span
	{
	  padding-top: 10px;
	  font-size: 0.8em;
	  line-height: 1em;
	  color: #444444;
	}
.topgap
{
	 margin-top: 20px;
}


/*---------New-----------*/

.note
  {
    background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 0.6);
    border: solid 1px #c6c5cb;
    padding: 15px 0;
    margin: 20px 0;
  }

.note p
  {
    margin: 0 20px;
  }

.faq_container
  {
    padding: 5px 0 0 0;
  }

.faq_container p
	{
	  margin:0;
	  padding: 0 0 10px 0;
	}
  
.faq_container a
	{
	  display: inline-block;
	  text-indent:-9999px;
	  height: 14px;
	  width: 14px;
	  overflow: hidden;
	  vertical-align: middle;
	  margin-left: 4px;
	  background: transparent url(../gfx/btn_dwn.gif) no-repeat top center;
	  cursor:pointer;
	}

.faq_container h3
  {
    padding: 0 0 10px 0;
    margin:0;
  }

.faq
  {
    padding: 0px 20px;
    width:520px;
    display:none;
  } 
