/* 
Title:		PERFORMATIVE default skin styles for screen media
Author:		hansnara@gmail.com
Updated:	November 25 2008
--------------------------------------------------------------*/


a, a:visited {
	text-decoration: underline;
	color: #fff;
	
}

a:hover {
	color: #808080;
}

body 
{
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.4em;
	background: #000 url("./image/bg.gif") repeat;
	color: #808080;
}

div#wrapper 
{
	position:relative;
	width: 802px;
	margin: 20px auto;
	padding: 0;
	background: #000;
	text-align: left;
}

.hide, .accessibility,
div#header div#headerTitle h1,
div#header div#siteMenu h2,
div#contents h2,
div#footer h2
{
 	position: absolute;
 	top: -999em;
 	left: -999em;
 }


/* header
--------------------------------------------------------------*/

div#header
{
	margin: 0;
	padding: 1px;
	background: #000;
}

div#header div#headerTitle
{
	width: 800px;
	height: 127px;
	margin: 0;
	padding: 0;
	background: #000 url("./image/title.gif") no-repeat;
}

/* Main Navigation */
div#header div#siteMenu 
{
	width: 800px;
	height: 30px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.0em;
	background: #8394A8;
	color: #000;
}

div#header div#siteMenu ul
{
	margin: 0;
	padding: 5px 0 5px 30px;
	list-style: none;
	background: #000;
}


div#header div#siteMenu ul li
{
	margin  : 0;
	padding : 0;
	display  : inline;
	list-style: none;
}

div#header div#siteMenu ul li a
{
	color: #C2D9EF;
	text-decoration: none;
	margin-right: 45px;
}

div#header div#siteMenu ul li a:hover,
div#header div#siteMenu ul li a.active
{
	color: #FFF;
	text-decoration: none;
}


/* contents
--------------------------------------------------------------*/
div#contents
{
	margin: 0;
	padding-top: 640px;
	color: #7d8999;
}

div#contents h3
{
	margin: 50px 0 0 20px;
	font-size: 1.2em;
	color: #ffcc00;
}

div#contents h4
{
	margin: 40px 0 0 60px;
	font-size: 1.2em;
	color: #fff;
}

div#contents dl,
div#contents dt,
div#contents dd,
div#contents ul,
div#contents li
{
	margin: 0 0 0 30px;
	padding: 0;
}

div#contents dt
{
	margin-top: 10px;
	margin-bottom: 5px;
	color: #fff;
	font-weight: bold;
}
div#contents ul
{
	margin-top: 10px;
	margin-left: 50px;
	color: #aaa;
}

div#contents ul li span
{
	color: #7d8999;
}

div#contents ul li span.date
{
	color: #7d8999;
	font-weight: bold;
}

div#contents ul li span.desc
{
	color: #aaa;
}

div#contents ul li strong
{
	color: #ccc;
}
div#contents ul li span.desc a
{
	color: #aaa;
	text-decoration: none;
}
div#contents ul li span.desc a:hover
{
	text-decoration: underline;
}
div#contents div#contact a
{
	color: #ccc;
	text-decoration: none;
}

div#contents div#contact a:hover
{
	color: #808080;
}

/* footer
--------------------------------------------------------------*/
div#footer 
{
	clear: both;
	background: #F9F9F9;
	margin: 0;
	padding: 0;
}

div#footer div#copyright
{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	text-align: center;
	color: #444;
}


/* extra divs/spans to add extra imagery
--------------------------------------------------------------*/
#extraDiv1
{
	width: 802px;
	height: 640px;
	background: transparent url("./image/main_01.jpg") 0 1px no-repeat;
	position: absolute; 
	top: 158px;
	left: 0px;
}
/*
#extraDiv1 span
{
	display: block;
	width: 802px;
	height: 400px;
	margin: 0;
	padding: 0;
	background: transparent url("./image/banner.gif") top right repeat-y;
}
*/

#extraDiv7
{
	margin-top: 50px;
	width: 802px;
	height: 533px;
	background: transparent url("./image/main_02.jpg") 1px 1px no-repeat;
}

#extraDiv8
{
	width: 802px;
	height: 640px;
	background: transparent url("./image/main_03.jpg") 1px 1px no-repeat;
}