/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #FFF;
font-size: 0.8em;
font-family:  "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", "Osaka�]“™•�";
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #17789D;text-decoration:none;}
a:visited {color:#17789D;}
a:hover {	color:#f33;	background-color:#F9E8E8;}
a:active { color:#77B300;}

h1 {
font-size: 10px;
font-weight:normal;
background-color:#FFF;
color: #666;
margin:20px 0 2px 0;
}

h2 {
font-size:14px;
font-weight: bold;
padding: 5px 10px;
margin:0px;
color:#333;
border: 1px solid #999;
border-left: 6px solid #77B300;
}

h3 {
font-size:12px;
font-weight: normal;
padding:5px;
margin:0px;
color:#333;
background-color:#F3F3F3;
text-align:center;
border: 1px solid ##00A200;
}

img.download {vertical-align:middle;}

.big	{
	font-size:22px;
	maring:15px;
	padding:20px;
	}	

/* ----------container to center the layout-------------- */
#container {
width: 760px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #FFF;
text-align: left;
padding: 0px;
margin: 0px 0 10px 0;
float:left;
width:250px;
}
#banner img {
	margin:0px 0 5px 0;
	padding:5px 0px 5px 0;
	} 

#banner a:hover {	color:#f33;	background-color:#FFF;}

#header_ad{
	float:right;
	width:490px;
	text-align:right;
	margin-bottom:10px;
	}

#border{
	margin:10px 0;
	padding:10px 0 ;
	}
	
/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 240px;
margin-right: 0px;
}
div#content { 
min-height:500px;
height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
}

#content p{
	margin:10px 0 20px 10px;
	line-height:150%;
	}

#content ul	{
	margin:10px 0 20px 10px;
	padding:0 0 0 0px; ;
	list-style-type:none;
	}

		#content li
		{
		list-style-type:none;
		margin:5px 0 5px 0;
		padding:2px 0 0 20px;
		background: url(../img/go.gif) no-repeat center left;
		}

/* --------------left navi------------- */
#left {
float: left;
width: 240px;
margin: 0px;
padding: 0px;
}

#menu{
width: 220px;
margin: 0px 0 10px 0;
padding: 0px;
border: 1px solid #999;
font-size:0.9em;
}
		#menu ul	{
		margin:0;
		padding:0 0 0 0px; ;
		list-style-type:none;
		}
		
		li#house,
		li#what,
		li#howto,
		li#asp,
		li#media,
		li#link
		{
		list-style-type:none;
		margin:10px;
		padding:2px 0 0 25px;	
		}
		
		li#house	{
		background: url(../img/list/house.gif) no-repeat center left;
		}
		
		li#what	{
		background: url(../img/list/what.gif) no-repeat center left;
		}

		li#howto	{
		background: url(../img/list/howto.gif) no-repeat center left;
		}
		
		li#asp	{
		background: url(../img/list/asp.gif) no-repeat center left;
		}
		
		li#media	{
		background: url(../img/list/media.gif) no-repeat center left;
		}
		
		li#link	{
		background: url(../img/list/link.gif) no-repeat center left;
		}


#what_menu{
width: 220px;
margin: 0px 0 10px 0 ;
padding: 0px;
border: 1px solid #999;
font-size:12px;
}

		#what_menu ul	{
		margin:0;
		padding:0 0 0 0px; ;
		list-style-type:none;
		}

		#what_menu li
		{
		list-style-type:none;
		margin:5px;
		padding:5px 0 0 10px;	
		}

#what_menu a	{
	padding-left: 20px;
	line-height:200%;
 	background:URL(../img/link_botton.gif) no-repeat;
	text-decoration:none;
	}

#what_menu a:visited {
	background-position: 0 -40px;
	}

#what_menu a:hover {
	color:#f33;
	background-position: 0 -20px;
	background-color:#F9E8E8;
}

#ad{
width: 220px;
margin: 0 0 10px 0;
padding:10px  0px;
border: 1px solid #999;
font-size:0.8em;
text-align:center;
}


#book{
width: 220px;
margin: 0 0 10px 0;
padding:0px 0 10px 0px;
border: 1px solid #999;
font-size:0.8em;
text-align:center;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin:0px;
padding:10px 0 0 0px;
text-align: center; }

#footer p{
	font-size: 10px;
	color:#333;
	}
	
strong{
	color:#CC0000;
	font-size:110%;
	background-color:#E9FEEA;
	}

#ad_seo_link {
	font-size: 10px;
	color:#333;
	}
	
/* -----------ƒlƒNƒXƒgƒ{ƒ^ƒ“--------------------------- */

#p2n{
	text-align:center;
	margin:15px 0 20px 0;
	padding-top:20px;
	font-size:0.8em;
	border-top:1px solid #999;
	}
	
#p2n a  {
		margin: 0;
		padding:5px;
		font-weight: normal;
		text-align:center;
		border: 1px solid #006600;
		text-decoration:none;
	}
	
#p2n a:hover{
		margin: 0;
		padding:5px;
		font-weight: normal;
		text-align:center;
		border: 1px solid #006600;
		text-decoration:none;
		}
	
#p2n a {
	color:#006600;
	background-color:#FFF;
}

#p2n a:hover {
		color:#FFF;
		background-color:#63AA10;
}


.highlight {
  background-color: yellow;
}