/*
hayariki Style Sheet
Copyright (C) 2006-2012 Hayariki All rights reserved.
*/

th, td, body, input, p, textarea, select
	{
	font-family: "Verdana", "Arial", "Geneva", "Times", "Helvetica";
	}

body
{
	scrollbar-face-color:#D8D8D8;
	scrollbar-arrow-color:#686868;
	scrollbar-track-color:#E9E9E9;
	scrollbar-highlight-color:#E3E3E3;
	scrollbar-3dlight-color:#8B8B8B;
	scrollbar-shadow-color:#C3C3C3;
	scrollbar-darkshadow-color:#7A7A7A;
	padding: 0;
	background: #FFFFFF;
	color: #000000;
        line-height: 1.7;
}

hr {
color : #0080C0; 
border-width : 3px; 
border-style : solid; 
} 

		pre{
			background: #FFFFDD;
			border: 1px solid #000000;
			font-size: 90%;
			margin: 1% 5% 1% 5%;
			padding: 3pt;
		}

/* Link color */
a:link {
  color: #0D109B;
}
a:visited {
  color: #6f2f7f;
}
a:active {
  color: #7f006f;
}
a:hover {
  color: #ffffff;
  background:#B4C3DA;
}

H1
{
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color: #80CEDD;
	border-style:solid;
	background:#029EBC;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}
H2
{
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#029EBC;
	border-style:solid;
	background:#80CEDD;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

H3
{
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color: #80CEDD;
	border-style:solid;
	background:#029EBC;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}


H4{
	color: #000000;	
	background-color: #cccce3;
	text-decoration : none;
	width: auto;
	border-right: 3px solid #95AACD;
	border-left: 3px solid #5C7CB2;
	border-bottom: 3px solid #95AACD;
	border-top: 3px solid #5C7CB2;
}

H5{
	background-color : #000000;
	Color : #FFFF99;
	text-align: center;
	border-top : 3px solid #666666 ;
	border-bottom : 3px solid #666666 ;
	border-left : 3px solid #666666 ;
	border-right : 3px solid #666666 ;
	margin-left: 30px;
}

H6
{
	color:#FFFFFF;
	background-color: #08429C;
	text-align: center;
}

/* MENU */

#gmenu {
	clear: left;
	margin: 0;
	font-size: 90%;
	background-color: #CCCCFF;
	border-top:#999999 solid 2px;
	border-bottom:#999999 solid 2px;
	text-align:center;
}

#gmenu ul {
	padding: 0;
	margin: 0;
}

#gmenu ul li {
	font-weight:bold;
	list-style:none;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom:1;
	width:96px;
}
#gmenu li a {
	display:block;
	width:96px;
	color:#996666;
	background:#CCCCFF;
	text-decoration:none;
	padding:5px 0;
}
#gmenu li a:visited {
	color:#996666;
}
#gmenu li a:hover {
	background:#5D8787;
	color:#CCCCFF;
}
#gmenu li a.dummy:hover {
	background:#C8EDFF;
	color:#996666;
}

.menu {
	font-size: 100%;
	font-weight: bold;
	
	padding:5px 10px 0px;
	
	background-color:#CCCCFF;
	background-repeat:no-repeat;
	background-attachment:scroll;

	border-color: #CCCCFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.menu_clear1{
	padding: 3px 0 0;
	margin: 3px auto 0;
	border-right-width: 0;
	border-bottom-style: none;
	border-bottom-width: 0;
	border-left-style: none;
	border-left-width: 14px;
	font-size: 80%;
	font-weight: 600;
	letter-spacing: 0;
	text-indent: 5px;
}

div.category{
	margin: 10px 0 0 0;
}

div.category img{
	margin-right:12px;
}

/* BOX */

div.box {
	padding:4px 6px;
	margin-bottom: 10px;
	border:#CCCCFF solid 1px;
	font-size: 100%;
	background-color: #ffffff;
}

div.box ul li{
	padding:5px 5px;
	list-style:none;
}

div.box span.notes{
	font-size:85%;
	font-style:italic;
	font-weight:normal;
}


#container {
 width:100%;
 margin-left:5%;
 margin-right:1%;
 text-align:left;
}

#contents {
 width:74%;
 float:left;
}

#sidebar {
 width:23%;
 float:right;
}

/* FOOTER */
#footer {
	clear: both;
	padding:8px 0;
	margin:0px;
	border: 0;
	text-align: center;
	background-color: #CCCCFF;
	border-top:#999999 solid 2px;
	border-bottom:#999999 solid 2px;
}

#copyright {
	padding: 5px 0;
	font-size: 90%;
	text-align: center;
}
