* {
	margin: 0;
	padding: 0;
}

body{
	background: #7da7d8;
	font:normal 13px/20px 'Trebuchet MS', Tahoma;
	color: #666;
}
sup, sub{font-size:10px}
a {
	text-decoration: none;
	color: #99AECD;
	border-bottom:1px #eee solid
}
p{line-height:25px}
a:hover {
	color: #4F5D7F;	border-bottom:1px #ccc solid
}
blockquote{
	margin:10px 10px 10px 0;
	background: #fafafa url(images/theme/quote.gif) top left no-repeat ;
	padding:10px 0px 10px 40px;
	border-bottom:2px solid #f7f7f7; 
	border-right:1px solid #f7f7f7
}
.img{
	margin: 10px 0px ;
}

.img a{
	border: 0px;
}

.code{
	background: #e8f5fd;
	font-size:13px;
	color:#769cb4;
	border: 1px solid #769cb4;
	padding: 5px 10px;
	margin:10px 0px
}

.date{
	font:normal 11px/16px 'Trebuchet MS', Tahoma ;
	color:#bbb;
	margin-bottom:10px;
}

h3{
	color:#43acef;
	font:normal 16px 'Trebuchet MS', Tahoma ;
}
h2 a{border:none}

h4{
	color:#769cb4;
	font:bold 15px 'Trebuchet MS', Tahoma ;
	margin:20px 0px 10px;
	border-bottom:1px #bdd9ea solid
}
h5{
	color:#777;
	font: bold 13px 'Trebuchet MS', Tahoma;
	margin:10px 0px
}
.recommended{
	color:#F90;
	border-bottom:1px solid #fce3b1;
}
.topic m1{
	color:#393;
	font:normal 13px 'Trebuchet MS', Tahoma ;
}

.link{
	font:normal 13px 'Trebuchet MS', Tahoma ;
	color:#666;
	border-bottom:2px solid #ddd;
}

.importance{
	background:#dff1fc url(images/theme/legpaper.jpg) top left;
	border:none;
	width: 285px;
	height:150px;
	margin:25px 10px 0;
	padding:50px 5px 0px 15px;
}
/*---------------- Overall -------------------*/

#wrap {
	margin: 20px auto 10px auto;
	width: 800px;
	background: #fff;
	padding: 10px;
	border: 1px solid #000;
}
/*---------------------------------------------*/

/* Header Style */
#header {
	height: 200px;
	background: #554d42 url(images/theme/milk_logo.jpg) no-repeat;
}
#header h1 { 
	font-size: 28px;
	padding: 17px 0 0 10px;
	color: #666;
}
#header h1 a { 
	color: #000;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: normal; border:none
}
#header h1 a:hover {
	color: #666;
}
/*---------------------------------------------*/

/*------------ Menu Style ------------------*/
#menu {
	height: 30px;
	line-height: 30px;
	font-family:"Trebuchet MS", Tahoma;
	background: #000;
}
#menu ul {
	list-style-type: none;
	padding-left: 30px;
}
#menu ul li {
	display: block;
	float: left;
}
#menu ul li a {
	padding: 0 20px 0 0;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	border:none
}
#menu ul li a:hover {
	color: #aaa;
	text-decoration: none;
}
/*---------------------------------------------*/

/*-------- Right Content Style ------------*/
#content {
	padding: 0 0px 20px 0;
}

.right {
	float: right;
	width: 600px;
	padding-top: 5px;
	margin-right:5px;
}
div.right li, div.right ol{margin-left:25px}
.right h2 {
	font-size: 18px;
	font-weight: 100;
	padding: 15px 0 7px 0;
}

.right h2 a {
	text-decoration: none;
}

.right h2 a:hover {

}

.right h3{
	padding: 15px 0 7px 0;
	font-size:18px;
	color:#69C
}
 
/*---------------------------------------------*/

/*------  Left Menu Style ------------------*/
.left {
	float: left;
	width: 160px;
	padding-top: 20px;
}

.left h2 {
padding:10px 10px;
height: 20px;
line-height: 24px;
color: #FFF;
font-size: 16px;
background:url(images/theme/left_top.jpg) top left no-repeat;
}

.left ul {
padding: 0px 3px 15px;
margin-bottom:10px;
list-style-type: none;
color: #99AECD;
background: url(images/theme/left_menu.jpg) bottom left;
}

.left ul li a {
	text-decoration: none;
	padding:0px 3px;
	font:normal 13px 'Trebuchet MS', Tahoma ;
	border-bottom:none
}

.left ul li a:hover {
	text-decoration:none
}
.left li:hover{
	background:#eee
}
.left img a{
	padding:3px;
	border:2px solid #99AECD
}

.left img a:hover{
	border:2px solid #4F5D7F
}
/*---------------------------------------------*/


/*----------- Footer Style ------------------*/
#footer {
text-align: center;
font-size: 13px;
color: #eee;
}

#footer a { color: #eee; }

#footer a:hover { color: #111; }

/*---------------------------------------------*/

/*------------Gallery-------------------------*/
.credits {
	border-bottom: solid 1px #ccc;
	padding-bottom: 5px;
	margin: 0 0 30px 0;
	font: 120% Garamond, Georgia, serif;
}
.credits em {
	color: #999;
}
.credits a {
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.credits a:hover {
	color: #000;
}

img {
	border: none;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 20px 15px;
	padding: 0 20px;
	float: left;
	position: relative;
	width: 150px;
	height: 190px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 50px;
	background: url(images/theme/tape.png) no-repeat;
}
.gallery a {
	text-decoration: none;
}
/*--------------------------------------------------------*/

/*------------------------clip---------------------------*/
.clip {
	list-style: none;
	margin: 0 px;
	padding: 0;
	font-size:11px;
	font-family:Trebuchet MS, Tahoma;margin:0px
}
.clip ul{margin:0px}
.clip li {
	padding: 5px;
	margin: 5px 0px;
	float: left;
	position: relative;
}
.clip li:hover img {
	border-color: #000;
}
.clip img {
	background: #fff;
	border: solid 1px #ddd;
	padding: 5px;
}
.clip em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
}
.clip a {
	text-decoration: none;
	border:1px #fff solid;
}
.clip span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url(images/theme/paper-clip-mini.png) no-repeat;
	z-index: 5;
}
/*-----------------------------------------------------------------------*/
	.gallery span { behavior: url(http://www.geocities.com/oowen10/iepngfix.htc); cursor: pointer; }
	.clip span {behavior: url(http://www.geocities.com/oowen10/iepngfix.htc); cursor: pointer; }
/*-------------------------------------------------------------*/

/*---------------Table style----------------------------------*/
.simply{
	font:13px "Trebuchet MS", Tahoma;
	border-collapse: collapse;
	text-align: left;
	margin:10px 0px 15px;
}
.simply th{
	font:normal 13px "Trebuchet MS", Tahoma;
	color: #333;
    background:#cbeffd;
	padding: 10px 3px;
	border-bottom: 2px solid #ddd;
}
.simply td{
	border-bottom: 1px solid #eee;
	color: #666;
	background: #fff;
	padding: 3px;
}
.simply tbody tr:hover td{
	color: #222;
	background: #eee;
}
/*-----------------------------------------------------------------------*/
/*---------------Table style----------------------------------*/
.site{
	font:13px "Trebuchet MS", Tahoma;
	border-collapse: collapse;
	text-align: left;
	margin:20px auto 15px; width:470px
}
.site th{
	font:normal 13px "Trebuchet MS", Tahoma;
	color: #333;
    background:#cbeffd;
	padding: 10px 10px;
	border-bottom: 2px solid #ddd;border-left: 1px solid #eee; border-right: 1px solid #eee;
}
.site td{
	border-bottom: 1px solid #eee;border-left: 1px solid #eee; border-right: 1px solid #eee;
	color: #666;
	background: #fff;
	padding: 3px;
}
/*-----------------------------------------------------------------------*/

.intable{padding-left:5px}
img.alignleft { padding: 4px;  margin: 0 7px 2px 0;   display: inline;}
.alignleft {  float:left;}
input{font:normal 13px "Trebuchet MS";  color:#666}
img.alignright {padding: 4px;        margin: 0 0px 2px 7px;    display: inline;}
.alignright{    float:right;}
abbr{border-bottom:1px dotted #999; cursor: help }
/*---------------Table style----------------------------------*/
.simply2{	font:13px "Trebuchet MS", Tahoma;	border-collapse: collapse;	text-align: left;	margin:10px 0px 15px;}
.simply2 th{	font:normal 13px "Trebuchet MS", Tahoma;	color: #333; background:#d2f7fc;	padding: 10px 3px;	border-bottom: 2px solid #ddd;}
.simply2 td{	border-bottom: 1px solid #eee;	color: #666;	background: #fff;	padding: 3px;}
.simply2 tbody tr:hover td{	border-bottom: 1px solid #ccc; }
/*-----------------------------------------------------------------------*/
.nbanner {	list-style: none;	margin: 0 px;	padding: 0;}
.nbanner ul{margin:0px}
.nbanner li {	padding: 0px 2px;	margin: 0px 0px;	float: left;	position: relative;}
.nbanner li:hover img {	background: #ddd;}
.nbanner img {	background: #aaa;	padding: 2px;}
.nbanner img a{	text-decoration: none;}
.simply3{	font:12px "Trebuchet MS", Tahoma;	border-collapse: collapse;	text-align: left;	margin:10px 0px 15px;}
.simply3 th{	font:normal 12px "Trebuchet MS", Tahoma;	color: #333; background:#d4e9fb;	padding: 10px 3px;	border-bottom: 2px solid #ddd;}
.simply3 td{	border-bottom: 1px solid #eee;	color: #666;	background: #fff;	padding: 3px;}
/*----geocities-----*/
.ibody{background: #7da7d8; width: 0 auto}
.ihead{width:auto; height:80px; background: url(images/header_img.gif) top left no-repeat}
.ibelly{background:url(images/contents.gif) top left repeat-y; padding: 5px 20px; width:660px }
.ibelly p{font: normal 13px/1.5em Trebuchet MS, Tahoma; color:#666 }
.ibelly img a{border-top: 5px solid #fff; border-bottom: 5px solid #fff}
.ibelly img a:hover{border-top: 5px solid #aaa; border-bottom: 5px solid #aaa}
.ibottom{background: url(images/bottom.gif) no-repeat top left; height:29px}
.ilicense{height: 70px; text-align:center; width:700px}