@charset "UTF-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
font:Arial, Helvetica, sans-serif;
text-align:center;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#floatRt {
float:right;
position:relative;
top:-10;
padding:10;
}

#floatSig {
float:right;
position:inherit;
top:-35;
padding:10;
}

#floatLft {
float:left;
position:relative;
left:0;
z-index:2;
}

/* This is for the content and menu boxes */

#leftNavOut {
width:190px;
height:100%;
background-color:#66ccff;
color:#ffffff;
margin:0px;
padding:2px;
}

#leftNav {
width:178px;
height:100%;
background-color:#ffffff;
color:#000000;
font-size:14px;
margin:1px 0px 0px 0px;
padding:2px 6px 2px 6px;
}

#mainContentOut {
width:596px;
height:100%;
background-color:#66ccff;
color:#ffffff;
margin:0px 0px 6px 0px;
padding:2px;
float:right;
text-align:left;
font-size:18px;
}

#mainContent {
width:584px;
background-color:#ffffff;
color:#000000;
font-size:16px;
margin:1px 0px 0px 0px;
padding:6px 6px 2px 6px;
text-align:left;
font-size:16px;
}

.floatFoot {
text-align:right;
background-color:#ffffff;
width:576px;
margin:0px 2px 0px 2px;
padding:2px 6px 2px 6px;
font-size:14px;
}

#anchor {
position:relative;
top:-23px;
}

#list {
position:relative;
left:+15px;
}

/* These are for keeping everything in the center of the browser window */

.container {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

.largerContainer {
width:840px;
margin-left:auto;
margin-right:auto;
}

.navContainer {
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0;
}

a.nav {
font-family:Verdana, Geneva, sans-serif;
overflow:hidden;
color:#ffffff;
}

/* This section is for changing the tab hovers */

.nav a {
color:#FFF;
text-decoration:none;
}

.nav a:hover {
color:#3D8FBC;
text-decoration:none;
}

.tabOn {
background-color:#ffffff;
}

.tabOff {
}

/* This section is for the footer sections */

#footer {
color:#ffffff;
text-decoration:none;
}

#icons {
text-align:left;
vertical-align:middle;
}

a.footer {
color:#f2f2f2;
}

/* This is for making the titles appear and disappear from under the images of the shows */

#titles {
text-align:center;
}

.t_hidden{
color:#ffffff;
}

.t_show{
color:#000000;
}

.thumb {
margin:5px 5px 5px 5px;
}

a:link, a:visited {color:#03C; text-decoration:none;}
a:hover, a:active {color:#06F; text-decoration:none;}

.nav a:link, .nav a:visited {color:#000;}

#footer {font-size:14px;}

#footer img {vertical-align:baseline;}

#footer a:link, #footer a:visited {color:#FFF;}

tr#titles td {vertical-align:top; font-size:14px}
#titles img {border:2px solid #FFF;}
#titles img:hover {border-color:#03C;}

.justify {text-align:justify;}

#donatebtn{width:100px;}

#givejoinfriends{ margin: 50 auto; text-align:center;}
#givejoinfriends td {vertical-align:top; width:250px; margin: 0 auto; }
#givejoinfriends ul { list-style-type:none; }
.underline {border-bottom: solid 2px #000; margin: 25px auto; width:200px;}
.gjfcolumn { width:250px; text-align:center; }.container table tr td font {
	text-align: justify;
}
.container p iframe {
	color: #000;
}
.container table tr td .slides li p {
	font-size: 9px;
}