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,
	#navigation,
	#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: 58px;
		width: 204px;
		margin-top: 1.4em;
	}
	
	#search
	{
		margin-left: 490px;
		background: #fff url("../gfx/bg_search.gif") bottom center no-repeat;
	}
	
	#search #q
	{
		width: 150px;
		border: 1px solid #452972;
	}
	
	#navigation
	{
		margin-top: 1.4em;
		font-family: Georgia, Times, Serif;
		font-weight: bold;
		font-size: 1.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;
	}
		
	.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: 12px;
		color: #452972;
	}
	
	
	h2, h3, h4, h5, h6, li
	{
		margin-top: 0;
		margin-bottom: 0.5em;
	}
	
	p
	{
		margin-top: 0;
		margin-bottom: 0.6em;
	}
	
	/* ------------- proposition ---------------- */
	
	#pageTop
	{
	  background:#ffffff url(../gfx/water.gif) top right no-repeat;
	}
	
	
	#proposition_top,
	#proposition_top_inner
	{
		width: 580px;
		float: left;
		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.2em;		
		color: #fff;					
	}
	
	#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: 0.8em 0;			
	}		
	
	#proposition_bottom h1	
	{
		font-weight: normal;
		color: #333;				
		margin: 0;
		font-size: 22px;
	}
	
	#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;
	}
	
	.cover .panel_inner
	{
		background: transparent url("../gfx/panel_bg_bottom.gif") bottom center no-repeat;			 
	}
	
	.news,
	.news .panel_inner
	{
		width: 220px;	
		text-align: left;			 
	}		
	.news
	{
		background: #fff url("../gfx/panel_news_bg_top.gif") top center no-repeat;
	}
	
	.news .panel_inner
	{
		background: transparent url("../gfx/panel_news_bg_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;
	}
	
	.in_page .panel_inner
	{
		background: transparent url("../gfx/inpage_bg_bottom.gif") bottom center no-repeat;
		padding-top: 1em;	
	}
	
	.map img
	{
	 width: 220;
	 height: 59;
	 margin-top: 17px;
	}
	
	/* -- common -- */
	
	.panel_inner
	{
		padding-bottom: 16px;			 
	}	
	
	.panel_inner h2,
	.panel_inner h4
	{
		font-family: Georgia, Times, Serif;
		font-size: 1.1em;
		margin-bottom: 1em;
    color: #452972;		
	}
	
	.panel_inner h2,
	.panel_inner h4,	
	.panel_inner ul,
	.panel_inner p		
	{
		margin-left: 20px;
		margin-right: 20px;		
	}
	
	.panel_inner ul li
	{
		padding-left: 15px;
		background: url("../gfx/bullet.gif") 0px 0.5em no-repeat;		
	}	
	
/* ------------- 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;
	}
	
/* ------------- 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;
}

.img_content_hold
{
	float: left;
	clear: left;
	margin: 0 20px 10px 0;
}

.img_content
{
	float: left;
	height: 180px;	
}

.img_content_caption
{
	font-size: 0.9em;
	font-style: italic;
}

.button_navigate
{
  display: inline;
  vertical-align: middle;
}

/* ------------- 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;
	}
	
	.small
	{
		width: 100px;	
		border: 1px solid #452972;
	}

	.medium
	{
		width: 190px;	
		border: 1px solid #452972;
	}

	.large
	{
		width: 280px;	
		border: 1px solid #452972;
	}

	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
	{
    text-decoration: none;
	}

	a:link, a:visited,
	#sitemap li a:link,
	#sitemap li a:visited	
	{
    color: #333;
    background-color: transparent;
	}

	a:hover,
	#sitemap li a:hover	
	{
    color: #666;
    background-color: transparent;
		visibility: visible;
    text-decoration: underline;	    
	}
	
	.breadcrumb a:link,
	.breadcrumb a:visited
	{
    color: #66766f;
    background-color: transparent;
	}

	.breadcrumb a:hover
	{
    color: #90a099;
    background-color: transparent;
		visibility: visible;
    text-decoration: underline;	    
	}

	.panel_inner h2 a:link,
	.panel_inner h2 a:visited,
	#colRight a:link,
	#colRight a:visited
	{
    color: #452972;
    background-color: transparent;
	}

	.panel_inner h2 a:hover,
	#colRight a:hover
	{
    color: #d24f4f;
    background-color: transparent;
		visibility: visible;
    text-decoration: underline;	    
	}

	#footer a:link,
	#footer a:visited
	{
    color: #747474;
    background-color: transparent;
	}

	#footer a:hover
	{
    color: #666;
    background-color: transparent;
    text-decoration: underline;	    
	}
	
	#page a:link,
	#page a:visited
	{
    color: #9a8b41;
    background-color: transparent;
    text-decoration: underline;    
	}

	#page a:hover
	{
    color: #b0a25f;
    background-color: transparent;
	}
	
	.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 p
	{
			margin-top: 7px;

	}

.thumb span
	{
	font-size: 0.8em;
	line-height: 0.9em;
	color: #444444;

	}
.topgap
{
	 margin-top: 20px;
}