﻿body
{
	background-color: #fff;
	color: #555;
	background-image: url(../images/bg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	font-family: Times;
	font-size: 1.08em;
}



cite
{
	color: #775555;
	font-weight: bold;
}

q
{
	quotes: "«" "»" "'" "'";
}


#wrapper
{
	position: relative;
	margin: auto;
	width: 600px;
	background-color: #ffffff;
	background-image: url(../images/innerBg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}



#navigation
{
	position: absolute;
	top: 195px;
	left: -137px;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	background-image: url(../images/navigationBg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	width: 135px;
}

#navigation ul
{
	padding: 5px;
}


#navigation li
{
	border-bottom: 1px dashed #eaeaea;
	padding: 2px 0px 2px 0px;
}

#content
{
	background-image: url(../images/contentBg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	position: absolute;
	left: 0px;
	top: 161px;
	margin: 0px 7px 0px 7px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	float: left;
	min-height: 420px;
	border-bottom: 1px #eaeaea;
}

#content p
{
	letter-spacing: -0.03em;
	line-height: 1.3em;
	padding: 0px 4px 15px 0px;
}

#content hr
{
	clear: both;
	border: 1px dashed #dddddd;
}

#content img
{
	padding: 0px 0px 0px 0px;
}
#content p img
{
	padding: 4px 0px 15px 0px;
}

#content #home p
{
	width: 400px;
	text-align: justify;
}

#content #home h2
{
	width: 400px;
}

#content .hangright
{
	float: right;
	padding-left: 20px;
	clear: both;
}

#content .hangleft
{
	float: left;
	padding-right: 20px;
	clear: both;
}

#content h2
{
	color: #990000;
	padding: 0px 24px 0px 0px;
	font-size: 118%;
	font-weight: lighter;
	text-align: justify;
}

#content h3
{
	color: #666666;
	padding: 0px 0px 10px 0px;
	font-weight: lighter;
	border-top: 1px dashed #eaeaea;
}

#content a
{
	text-decoration: none;
	font-style: italic;
	color: #775555;
}

#content a:hover
{
	color: #aa0000;
}

#content h1
{
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top left;
	height: 50px;
}

#content ul
{
	
	list-style-type: square;
	list-style-position: inside;
	margin: 0px 0px 0px 2px;
}

#content li a
{
	font-style: normal;
}

#content li b
{ color: #990000;
}

#sidebar
{
	font-size: 75%;
	background-color: #111111;
	color: #ddd;
	position: absolute;
	top: 161px;
	right: 0px;
	margin: 0px 7px 0px 0px;
	padding: 10px 8px 10px 8px;
	width: 135px;
	float: right;
	line-height: 1.2em;
}

#sidebar ul
{
	padding: 10px 0px 10px 0px;
}

#sidebar li
{
	color: #ddd;
	padding: 2px 6px 2px 6px;
}
#sidebar li strong
{
	font-weight: bold;
	color: #fff;
	padding: 0px 0px 10px 0px;
}



#sidebar hr
{
	border-top: 1px dashed #333;
	margin: 0px 0px 10px 0px;
}


#footer
{
	width: 565px;
	padding: 100px 0px 0px 0px;
	font-size: 63%;
	
}

#footer a
{
	font-style: normal;
}

#footer #legal
{
	clear: both;
	float: left;
}

#footer #credits
{
	float: right;
}

#footer #credits img
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#footer #credits img:hover
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.smallertext
{
	font-size: 80%;
}

.datestamp
{
	float: right;
	font-family: Arial;
	font-size: 50%;
	color: #999999;
}

#videolist
{
	padding: 5px 0px 30px 0px;
}

#videolist ul
{
	width: 560px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 0px 0px 2px;
}

#videolist li
{
	clear: both;
	padding: 10px 0px 0px 0px;
}

#videolist li img
{
	float: left;
	padding: 0px 10px 10px 0px;
}

#videolist li a
{
	color: #990000;
	font-size: 118%;
}

#videolist li a:hover
{
	color: #aa0000;
	text-decoration: underline;
}

#imagelist li
{
	padding: 0px 10px 0px 0px;
	display: inline;
}

#eventlist ul
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 0px 0px 2px;
}

#eventlist li em
{
	font-size: 80%;
}

#minieventlist li em
{
	font-size: 80%;
}

#minieventlist li a
{
	color: #992222;
}

#debug
{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: White;
}