﻿/* --------------------------------------------------body */
body
{
	background-color: #999;
}

/* -------------------------------------------------- link elements */
a,a:link {
	color: #1464aa;
	text-decoration: none;
}

a:active {
	color: #e60032;
	text-decoration: underline;
}

a:visited {
	color: #1464aa;
	text-decoration: none;
}

a:hover {
	color: #0066ff;
	text-decoration: underline;
}


/* -------------------------------------------------- pageFrame */
div#pageFrame {
	margin: 0 auto;
	text-align: left;
	color: #666;
	background-color: #ffffff;
	margin-top: 10px;
	width: 800px;
}


/* -------------------------------------------------- header Area */
div#header
{
	height: 100px;
	padding: 10px;
	font-weight: bold;
	font-size: x-large;
	color:black;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	vertical-align: baseline;
}
div#headerLeft
{
	float: left;
	width: 30%;
	display: block; /* display:none; */
	margin-top:20px;
}
div#headerCenter
{
	float: left;
	text-align: center;
	width: 40%;
	display: block; /* display:none; */
	margin-top:30px;
}
div#headerRight
{
	float: right;
	text-align: right;
	width: 30%;
	display: block; /* display:none; */
	margin-top:30px;
}

/* -------------------------------------------------- main menu elements */

div#menuMain
{
	clear: both;
	min-height: 30px;
	background-color: black;
	padding-left: 10px;
	display: block; /* display:none; */
	font-size: 85%;
}

* html div#menuMain {
	height: 30px;
}

div#menuMain ul {
	margin-left: 10px;
	padding-top: 7px;
}

div#menuMain ul li {
	float: left;
	line-height: 1.2;
	margin-right: 3px;
	padding-right: 20px;
}

div#menuMain a {
	color: #ddd;
}

/* -------------------------------------------------- sub menu elements */

div#menuSub
{
	clear: both;
	min-height: 24px;
	padding-left: 10px;
	background-color: #f5f5f5;
	display: block; /* display:none; */
	font-size: 85%;
}

* html div#menuSub {
	height: 24px;
}

div#menuSub ul {
	margin-left: 10px;
	padding-top: 6px;
}

div#menuSub ul li {
	float: left;
	line-height: 1.2;
	margin-right: 3px;
	padding-right: 20px;
}

/* -------------------------------------------------- main contents Area */
div#mainContents {
	border-top: solid black 1px;
	float: left;
	clear: both;
	background-color: #ffffff;
}
div#paneLeft
{
	float: left;
	width: 148px;
	padding: 10px;
	display: block; /* display:none; */
}
div#paneCenter
{
	float: left;
	width: 440px;
	min-height: 400px;
	padding: 10px;
	border-left:solid #cccccc 1px;
	border-right:solid #cccccc 1px;
	display: block; /* display:none; */
}
div#paneRight
{
	float: right;
	width: 148px;
	padding: 10px;
	display: block; /* display:none; */
}

/* -------------------------------------------------- footer Area */
div#footer
{
	clear: both;
	min-height: 49px;
	padding-top: 16px;
	padding-left: 10px;
	border-top: solid black 1px;
	display: block; /* display:none; */
	text-align: center;
}

* html div#footer {
	height: 49px;
}

div#footer ul {
	margin-left: 10px;
}

div#footer ul li {
	float: left;
	line-height: 1.2;
	margin-right: 3px;
	padding-right: 10px;
	font-size: 70%;
}