html
{
    height: 100%;
}

* {
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	//cursor: crosshair;
}
body {
	position: relative;
	color: #555;
	background-color: #E8E5E0;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	height: 100%;
}

#main
{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#header {
	position: relative;
	width: 94%;
	background: url(images/header.gif) top repeat-x;
	text-align: center;
	margin: 0 auto;
	padding: 0 3%;
	padding-top: 20px;
}

#header p {
	display: block;
	height: 80px;
	text-align: center;
	margin: 0 auto;
	background: url(images/logo.png) 15% top no-repeat;
}

#header a {
	display: block;
	height: 80px;
	text-align: center;
	margin: 0 auto;
	background: url(images/logo.png) 15% top no-repeat;
}



a:link { color: #333366; }
a:visited { color: #333366; }


h1 {
	font: 1.8em "Myriad Pro", Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
	color: #222;
	letter-spacing: -0.03em;
}


h2 {
	color: #333366;
	font: 130% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}

h2 a { text-decoration: none; }

h3
{
color: #333366;
font: 70% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: 0;
}

h4
{
color: #333366;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: 0;
}

h5
{
color: #666666;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0 0 2px 0;
}

h5 a:hover, a:active
{
color: #fff;
background-color: #333366;
}

h6
{
	color: #AAAAAA;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
}

h7
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	color: #FF0000;
}

h8
{
color: #3366CC;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0 0 2px 0;
}


p {margin: 0 0 12px 0;}
ul {margin: 0 0 12px 12px;}
ul ul {margin-bottom: 0;}
p em, ul em {color: #999;}
strong span {font-weight: normal;}
.mini_title {float: none; font: 0.8em "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.2em; color: #222; border-bottom: 1px solid #c7c6c0; padding-bottom: 10px;}
.mini_title a {float: right; letter-spacing: 0;}
.mini_title + p {margin-top: 12px;}
p + .mini_title {margin-top: 25px;}


#details {position: relative; float: left; display: block; width: 545px; margin-bottom: 25px;}
#details h1 {margin: 0 0 0.5em 0;}
#details .category {position: relative; top: -42px; right: 3px; margin-bottom: -2em;}


#navi {cursor: crosshair; float: left; width: 94%; position: relative; background: url(images/navi.gif) bottom repeat-x; text-align: center; margin: 0 auto; border-top: 1px solid #f9f9f5; padding: 0 3%;}
#navi ul {cursor: crosshair; display: block; max-width: 900px; text-align: left; margin: 0 auto; list-style: none;}
#navi li {cursor: crosshair; float: left; display: inline;padding-bottom: 4px;}
#navi a {
	cursor: crosshair; 
	float: left;
	margin: 3px 4px 0 0;
	padding: 4px 25px 4px 25px;
	color: #31363e;
	text-decoration: none;
}
#navi a:hover {cursor: crosshair; position: relative; background: url(images/navi_01.gif) top left no-repeat #ccc; color: #202429;}
#navi #active a {cursor: crosshair; position: relative; background: url(images/navi_01.gif) top left no-repeat #a2a4a5; color: #fff;}
.navi_top_right {position: absolute; top: 0; right: 0; display: block; width: 4px; height: 4px; background: url(images/navi_02.gif) top right;}
.navi_bottom_left {position: absolute; bottom: 0; left: 0; display: block; width: 4px; height: 4px; background: url(images/navi_04.gif) bottom left;}
.navi_bottom_right {position: absolute; bottom: 0; right: 0; display: block; width: 4px; height: 4px; background: url(images/navi_03.gif) bottom right;}
#navi a span {display: none;}
#navi a:hover span, #navi #active a span {display: block;}


#content {
	float: left;
	width: 94%;
	position: relative;
	background: url(images/content.jpg) top repeat-x;
	text-align: center;
	margin: 0 0 5em 0;
	padding: 0 3%;
}
#content2 {
	float: left;
	width: 100%;
	position: static;
	background: url(images/content.jpg) top repeat-x;
	text-align: center;
	margin: 0 0 5em 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#content_inner {
	width: 900px;
	position: relative;
	background: url(images/content.jpg) left top no-repeat;
	text-align: left;
	margin: 0 auto;
	min-height: 592px;
}
#content_inner2 {
	width: 1200px;
	position: relative;
	background: url(images/content.jpg) left top no-repeat;
	text-align: left;
	min-height: 592px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
}

#maincol {
	position: relative;
	float: left;
	width: 540px;
	margin-right: 0px;
	padding: 25px 0;
}
#maincol2 {
	position: relative;
	float: left;
	width: 563px;
	margin-right: 0px;
	padding: 25px 0;
	overflow:auto;
	height: 470px;
	padding-right: 10px;
}
.blogentry {
	border-bottom: 1px solid #999999;
	margin: 24px 0px 24px 0px;
}
#sidecol { float: left; width: 584px; padding: 25px 0; margin-right: 50px}
#sidecol2 { float: left; width: 270px; padding: 25px 0; margin-left: 22px}	

#footer {
	float: left;
	width: 94%;
	position: relative;
	background: #727578;
	text-align: right;
	padding: 0 3% 0 3%;
	color: #c6ccd1;
	height: 70px;
    margin: -70px auto 0 auto;
}
.footer_inner {
	display: block;
	width: 100%;
	position: relative;
	text-align: right;
	margin: 0 auto;
	padding: 25px 0 0 0;
}
#footer a {color: #ddd;}
#footer a:hover {color: #fff;}

.quote {float: left; width: 279px; margin: 0 0 25px 0; padding: 12px 12px 0 12px; background: url(../images/quote.gif) top left no-repeat #eceae2; border: 1px solid #d8d6cd;}
.q {font: 1.1em Times; font-style: italic;}
.textright {text-align: right; margin-top: -6px;}
.textcenter {text-align: center;}