/* General Styles */
body {
margin:0;
padding:0;
background-color:#000000;
font-family:"Comic Sans MS", Arial, "Times New Roman";
font-size:.95em;
color:#FFFFFF;
background-image:url(img/testback.jpg);
background-repeat:repeat-y;
}

a {
color:#ffffff;
text-decoration:underline;
}

a:hover {
color:#FE0202;
text-decoration:none;
}

a:visted {
color:#ffffff;
text-decoration:underline;
}

/* Top Links */
#toplinks {
margin:0;
padding:0;
height:25px;
background-color:#000000;
background-repeat:repeat-x;
}

/* Slogan Area */
#slogan {
position:relative;
margin:0;
padding:0;
height:310px;
line-height:310px;
background-color:#3F3F3F;
background-image:url(img/webback.jpg);
background-repeat:repeat-x;
}

.sloganfloat {
float:left;
margin:0;
padding:0;
border:none;
}

#slogan h1 {
position:relative;
margin:0 12% 0 0;
padding:0;
text-align:left;
font-family:Comic Sans;
color:#000000;
}

#slogan h5 {
position:absolute;
left: 275px;
top: 40px;
padding:0;
font-size:.85em;
letter-spacing:.1em;
color:#000000;
}

#slogan h4 {
position:absolute;
left: 375px;
top: 65px;
padding:0;
font-size:.85em;
letter-spacing:.1em;
color:#000000;
font-weight:lighter;
}

#slogan p {
position:absolute;
left: 400px;
top: 40px;
padding:0;
}

/* Navbar */
#navbar {
position:relative;
margin:0px;
padding:0px;
height:50px;
background-color:#000000;
background-repeat:repeat-x;
}

#navbarblock {
padding:0px;
width:250px;
line-height:35px;
font-size:1.1em;
text-align:left;
}

#navbarblock ul {
margin:0 .7em 0 .7em;
padding:0;
display:block;
list-style-type:none;
text-align:left;
font-family:"Comic Sans MS", Arial, "Times New Roman";
}

#navbarblock ul li {
display:block;
text-align:left;
}

#navbarblock a {
margin:0px;
color:#ffffff;
text-decoration:none;
padding:5px 5px 5px 5px;
}

#navbarblock a.now {
color:#ffffff;
text-decoration:none;
}

#navbarblock a:hover {
color:#ffffff;
text-decoration:none;
background-image:url(img/bgh.jpg);
background-repeat:repeat-x;
background-position:center;
}

#navbarblock a:visted {
color:#ffffff;
text-decoration:none;
}

/* Text Area */
#textarea {
position:absolute;
left: 260px;
top: 350px;
padding: 5px;
width:550px;
font-size:1em;
text-align:left;
}

#textarea h2 {
margin:.5em 0 -.5em 0 !important;
margin:.5em 0 -.9em 0;
color:#FE0202;
font-family:"Comic Sans MS", Arial, "Times New Roman";
font-size:1.75em;
font-weight:lighter;
}

#textarea p {
font-size:1.25em;
color:#ffffff;
}

#textareab {
position:absolute;
left: 260px;
top: 350px;
padding: 5px;
width:550px;
font-size:1em;
text-align:center;
}

#textareab h2 {
margin:.5em 0 -.5em 0 !important;
margin:.5em 0 -.9em 0;
color:#FE0202;
font-family:"Comic Sans MS", Arial, "Times New Roman";
font-size:1.75em;
font-weight:lighter;
}

#textareab p {
font-size:1.25em;
color:#ffffff;
}

#textareac {
position:absolute;
left: 300px;
top: 320px;
padding: 5px;
width:550px;
font-size:1em;
text-align:left;
}

#textareac h2 {
margin:.5em 0 -.5em 0 !important;
margin:.5em 0 -.9em 0;
color:#FE0202;
font-family:"Comic Sans MS", Arial, "Times New Roman";
font-size:1.75em;
font-weight:lighter;
}

#textareac p {
font-size:1em;
color:#ffffff;
}

#textaread {
margin-left:auto;
margin-right:auto;
padding: 5px;
width:715px;
font-size:1em;
text-align:left;
}

#textaread h2 {
margin:.5em 0 -.5em 0 !important;
margin:.5em 0 -.9em 0;
text-align:left;
color:#FE0202;
font-family:"Comic Sans MS", Arial, "Times New Roman";
font-size:1.5em;
font-weight:lighter;
}

#textaread p {
font-size:1.25em;
color:#ffffff;
}

#video {
position:absolute;
left: 260px;
top: 385px;
}

/* Side Bar */
#sidebar {
float:left;
position:relative;
margin:0 20px 0 20px;
padding:5px 5px 5px 10px;
width:250px;
background-color:#000000;
border-left:1px solid #FE0202;
text-align:left;
}

#textarea H3 {
margin:.5em 0 -.5em 0 !important;
margin:.5em 0 -.9em 0;
color:#FE0202;
font-family:"Comic Sans MS", Arial, "Times New Roman";
font-size:1em;
text-decoration:underline;
}

#sidebar p {
font-family:"Comic Sans MS", Arial, "Times New Roman";
font-size: 1em;
color:#FFFFFF;
}

#player {
position:absolute;
left: 0px;
top: 360px;
}

/* footer area */
#footer {
position:absolute;
left: 235px;
top: 1150px;
padding:5px 5px 15px 5px;
width:550px;
color:#999999;
text-align:center;
clear:both;
}

#footer p {
font-size:.7em;
}

#footer a {
color:#DC9F85;
text-decoration:underline;
}

#footer a:hover {
color:#cccccc;
text-decoration:none;
}

#footer a:visted {
color:#DC9F85;
text-decoration:underline;
}