/* ****************** CSS Layout ******************** */

body {
margin:0;
padding:0;
line-height: 1.5em;
}

a { outline: none; }

a {
 color: #494949;
}

a:visited {
 color: black;
}

a:hover {
 text-decoration: underline;
}

#maincontainer {
width: 950px;
margin: 0 auto;
}

#topsection {
 margin: 0;
 padding: 0;
 height: 40px;
}

#topsection h1 {
 font-size: 36px;
 padding: 5px;
 color: #494949;
 text-align: center;
 width: 748px;
}

#contentwrapper {
float: left;
width: 100%;
}

#contentcolumn {
margin-right: 180px;
}

#rightcolumn {
float: left;
width: 180px;
margin-left: -180px;
background: ;
}

#footer {
clear: left;
width: 100%;
border-top: solid 1px #494949;
text-align: left;
padding: 4px 0;
font-size: 12px;
}

#footer a {
}

.innertube {
margin: 5px;
margin-top: 0;
}

/* ****************** Horizontal Menu ******************** */

.underlinemenu {
font-weight: bold;
width: 100%;
}

.underlinemenu ul {
padding: 6px 0 1px 0;
margin: 0;
text-align: center;
}

.underlinemenu ul li {
display: inline;
}

.underlinemenu ul li a {
color: #494949;
padding: 6px 3px 4px 3px;
margin-right: 20px;
text-decoration: none;
border-bottom: 3px solid gray;
}

.underlinemenu ul li a:hover,
.underlinemenu ul li a.current {
color: black;
border-bottom-color: black;
}

/* ****************** Portlet ******************** */

.portlet {
padding: 0 0 7px 5px;
}

.portlet h3 {
margin: 0;
font-weight: bold;
font-size: 17px;
padding: 6px 3px 1px 3px;
text-align: left;
color: #494949;
border-bottom: 3px solid gray;
}

.portlet ul {
margin: 10px;
list-style-type: none;
padding-left: 0;
}

.portlet ul li a {
font-weight: bold;
text-decoration: none;
font-size: 15px;
}

.portlet ul li a:hover {
text-decoration: underline;
}

/* **************** Thumbs & Banners ******************** */

.thumbnail {
 width: 750px;
 margin: 0;
 text-align: center;
 padding-bottom: 10px;
}

.thumbnail p {
 margin: 0;
 padding: 0 10px;
}

.thumbnail dl {
 float: left;
}

.thumbnail dt {
 float: left;
 padding: 1px;
}

.thumbnail dt img {
 vertical-align: bottom;
 width: 145px;
 height: 145px;
}

.banners { 
 width: 470px;
 margin: 0 auto;
 padding-bottom: 8px; 
}

.banners h3 {
 clear: left;
 color: #494949;
 font-size: 17px;
 margin-bottom: 0;
 text-align: center;
}

.banners a img,
.banners a:hover img {
 border: none;
}

.thumbnail a img,
.thumbnail a:hover img {
 border: solid 1px #494949;
}

.textblock {
 padding: 5px 10px;
 text-align: center;
}

/* *********************** Intro *********************** */

.intro {
 clear: left;
 width: 745px;
 margin: 0 auto;
 padding: 0;
 text-align: center;
}

.intro h2 {
 margin: 2px;
 padding: 1px;
 letter-spacing: 3px;
}

.intro p {
 margin: 2px;
 padding: 0 10px;
 line-height: 25px;
 letter-spacing: 1px;
}

/* ********************* Pagination ******************* */

div.top-pagination,
div.pagination {
 text-align:center;
 padding: 2px;
 margin: 2px;
 letter-spacing: 1px;
 line-height: 30px;
}

div.top-pagination a,
div.pagination a {
 padding: 4px 7px;
 margin: 5px 0;
 border: 1px solid white;
 text-decoration: none;
 color: white;
 background-color: black;
}

div.top-pagination a:hover,
div.pagination a:hover {
 border: 1px solid white;
 background-color:#ccc;
 color: black;
 text-decoration: none;
}

div.top-pagination a:visited {
 text-decoration: none;
}

div.top-pagination .current,
div.pagination .current {
 border: 1px solid white;
 background-color:#ccc;
 color: black;
 text-decoration: none;
}