﻿body 
{
	margin: 0;
	padding: 0;
	background: #FFFFFF url('images/img01.jpg') repeat-x;
	font: normal 11.5px Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.4;
}

a 
{
	color: #FF6600;
}

a:visited
{
	color: #F49500;
}

a:hover 
{
	text-decoration: none;
}

#header
{
    height: 130px;
    margin: 10px 200px 0 200px;
    text-align: center;
}

#header h1, #header h2 
{
	text-transform: lowercase;
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 
{
	float: left;
	padding: 120px 0 0 20px;
	font-size: 36px;
}

#header h2 
{
	float: right;
	padding: 134px 20px 0 0;
	font-size: 22px;
}

#header-left
{
    width:200px;
    position:absolute;
    left:0;
    top:0
}

#header-right
{
    width:200px;
    position:absolute;
    right:0;
    top:0;
    padding:20px;
    text-align:right
}

#menu
{
	width: 860px;
	height: 50px;
	margin: 0 auto;
}
#menu ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li 
{
	display: inline;
}

#menu a
{
	display: block;
	float: left;
	padding: 16px 20px 0 20px;
	background: url('images/img03.gif') no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #D8D8D8;
}

#menu a:hover 
{
	color: #FFFFFF;
}

#menu .first a 
{
	background: none;
}

#contentOuter
{
	border-left: 170px solid; /*** This is the width for our left column ***/
	border-right: 170px solid;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	margin-right: 20px;
	margin-left: 20px;
}

#contentInner
{
	width: 100%;
}

#contentFloatWrap
{
	float: left;
	width: 100%;
	margin-left: -170px; /*** Same length as .outer border-left but with negative value ***/
}

#content
{
	float: right;
	margin-right: -170px; /*** Same length as .outer border-left but with negative value ***/
	background-position: left bottom;
	background: #FFFFFF url('images/img04.jpg') repeat-x left bottom;
	width: 100%;
	min-height: 650px;
}

* html #content
{
	position: relative;
}

#posts
{
	padding: 5px;
}

.post
{
	padding: 0px;
}

.post h1
{
	color: #FF6600;
	font-size: 18px;
	vertical-align: middle;
}

.post h1 a
{
	font-size: xx-small;
}

.post h1 img
{
    border: 0;
}

.post .date
{
    font-size: 9px;
    color: #C0C0C0;
}

.post hr
{
}

.post table tr
{
	margin-top: 2px;
	margin-bottom: 2px;
}

.story
{
	color: #666666;
}

.story h2
{
	color: #FF6600;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

.story h3
{
	/*text-transform: uppercase;*/
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
	margin-top: 10px;
}

.story h4
{
    font-size: 11px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.story p
{
	margin-top: 0px;
	margin-bottom: 10px;
}

.story table
{
	margin-top: 0px;
}

.storybreak
{
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    padding-top: 10px;
}

.announcement
{
	font-weight: bold;
	margin-top: 5px;
}

.announcement li
{
	padding-top: 3px;
	padding-bottom: 3px;
}

#SponsorsBanner
{
	text-align: center;
}

#SponsorsBanner ul
{
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}

#SponsorsBanner li
{
	padding: 2px 0px 2px 0px;
}

#linksLeft
{
	float: left;
	width: 150px;
}

* html #linksLeft
{
	position: relative; /*** IE needs this  ***/
}

#linksLeft ul
{
	margin: 20px 0 20px 0;
	padding: 0;
	list-style: none;
}

#linksLeft li 
{
	padding: 7px 10px;
	text-align: center;
}

#linksLeft li a 
{
	text-decoration: none;
}

#linksLeft li a:hover 
{
	text-decoration: underline;
}

#linksLeft li i 
{
	font-style: normal;
	font-size: 9px;
}

#linksLeft li h2 
{
	font-size: 14px;
	margin-bottom: 0px;
}

#linksLeft img
{
	border-style: none;
}

#adsRight
{
	float: right;
	width: 150px; /*	background: url(images/img05.gif) repeat-y;*/
	margin-left: 20px;
	margin-right: -180px; /** This negative margin-right value is the width of the right column + the padding. ***/
	margin-top: 20px;
	margin-bottom: 30px;
}

#linksRight
{
	float: right;
	width: 150px; /*	background: url(images/img05.gif) repeat-y;*/
	margin-right: -160px; /** This negative margin-right value is the width of the right column + the padding. ***/
	margin-top: -20px;
}

* html #linksRight
{
	position: relative; /*** IE needs this  ***/
}

#linksRight ul 
{
	margin: 20px 0 20px 0;
	padding: 0;
	list-style: none;
}

#linksRight li 
{
	padding: 7px 10px;
/*	background: url('images/img06.gif') repeat-x left bottom;*/
	text-align: center;
}

#linksRight li a 
{
	text-decoration: none;
}

#linksRight li a:hover 
{
	text-decoration: underline;
}

#linksRight li i 
{
	font-style: normal;
	font-size: 9px;
}

#linksRight li h2 
{
	font-size: 14px;
	margin-bottom: 0px;
}

#linksRight img
{
	border-style: none;
}

.clear
{
	clear: both;
}

.list
{
	/*position: relative;*/ /*left: -40px;*/ /*top: 0px;*/
	margin-left: 0px;
	margin-top: 0px;
	list-style: none;
	padding: 0px;
}

.list li
{
	margin-top: 3px;
	margin-bottom: 3px;
}

.calendar .month
{
	color: #FF6600;
	text-transform: uppercase;
}

.calendar .vsdhs
{
	background-color: #B4B4FF;
}

.calendar .vss
{
	background-color: #FFFF7D;
}

.calendar .ves
{
	background-color: #7DFF7D;
}

.calendar .gmbc
{
	background-color: #FFADAD;
}

.calendar .interwinter
{
	background-color: #ADE1FF;
}

#footer {
	height: 16px;
	padding: 20px;
	background: #2D2D2D url('images/img07.gif') repeat-x;
}

#footer p {
	text-align: center;
	color: #999999;
}

.iconimg
{
	height: 24px;
	width: 24px;
	border: 0px;
}

.photoright
{
	float: right;
	margin: 0 0 0 10px;
}

.photoright img
{
	border-style: none;
	margin: 5px 0 5px 5px;
}

.validator
{
    font-weight: bold;
    color: Red;
}

/* START Vimeo Badge ... info at http://vimeo.com/widget */
.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; }
.vimeoBadge img { border: 0; }
.vimeoBadge .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color:#3A75C4; text-decoration:none; cursor:pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0 10px 10px 0; width:100px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:100px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 
