body {
  background: #000000 url('images/frame/chosenfew.jpg') center top no-repeat;
  font-family: Arial;
  font-size: 12px;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}

p, div, ul, li, table, tr, td {
  margin: 0px;
  padding: 0px;
  text-align: left;
  z-index: 0;
  font-size: 12px;
}

p, ul, ol {
  margin-top: 0;
  line-height: 17px;
  padding-top: 5px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 5px;
}




/* Generic Styles */
/*
object {
  z-index: 0;
  position: absolute;
}
*/

p {
  text-align: left;
  line-height: 18px;
  font-size: 12px;
}

a {
  text-decoration: none;
  color: #FF0000;
}

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

h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
  text-align: left;  
}

h1 {
  font-size: 12px;
  background: #333333; /* url(images/frame/h1-bg.jpg) repeat-x; */
  padding: 10px;
  width: 95%;
  margin-left: 4px;
  border: 0px #0099cc solid;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-family: Arial, Helvetica, sans-serif;
}

h2 {
  font-size: 12px;
  margin-left: 7px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
  padding-left: 0px;
  border-bottom: 1px #000000 dashed;
  color: #e90f5b;
  letter-spacing: .15em;
  font-family: Arial, Helvetica, sans-serif;
}

#clear {
  clear: both;
  padding: 0px;
  margin: 0px;
}

#photo {
  border: 1px #000000 solid;
}

.tableHeader {
  font-weight: bold;
  background: #333333;
  color: #cccccc;
}






/* Home Page Advertisement */

#advertisement {
  background: #000000;
  width: 985px;
  height: 260px;	
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 0;
}

#advertisement .adtext {
  float: left;
  background: url('images/ads/runaway.jpg');
  width: 535px;
  height: 260px;
  z-index: 0;  
}

#advertisement .advideo {
  float: left;
  width: 435px;
  height: 260px;
  z-index: 0;  
}






/* Home Page Advertisement */

#standard {
  width: 985px;
  border: 1px solid #cccccc;
  margin-bottom: 25px;
  height: auto;	
  z-index: 0;
}



#text {
    width: 120px;
    height: 18px;
    font-size: 8px;
    border: 1px #990000 solid;
    background: #000000;
    color: #cccccc;
}



/* Login */

input, select, textarea {
    font-size: 8px;
    border: 1px #990000 solid;
    background: #000000;
    color: #cccccc;
  padding: 3px;
}

textarea {
	width: 550px;
	height: 75px;
}


.inputsize {
  width: 150px;
}

.find {
  width: 230px;
  color: #666666;
  font-size: 11px;
  padding: 4px;
}

.go {
  background: #cccccc;
  font: 9px "Lucida Grande", verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  height: 18px;
  color: #000000;
  margin: 1px;
  padding: 0px 10px 0px 10px;
  border: solid 1px #000000;
}

.submit {
  background: #ffc22f;
  font: 11px "Lucida Grande", verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  color: #313145;
  margin: 1px;
  padding: 3px 15px 3px 15px;
  border: solid 1px #000000;
}




/* Main */

#main {
  width: 1015px;
  height: auto;
}




/* Header */

#header {
  width: 1015px;	
  height: 163px;
  background: url('images/frame/Header.jpg');
  cursor: pointer;
}




/* Navigation */

#nav {
  width: 1015px;
  height: 52px;
  background: url('images/frame/Nav.jpg') top center no-repeat;
  padding-top: 20px;
}

#mobilenav {}

#mobilenav ul, li {
  list-style: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}

#mobilenav a {
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
  font-size: 14px;  
  color: #000000;
}

#mobilenav a:hover {
  color: #FFFFFF;
}



/* 

HOW THIS DROP DOWN WORKS 

#navbar 				=		defines the id of the div so 
								we only work with items inside 
								this div instead of globally 
								throughout the site
								
#navbar li 				=		defines the first set (or main) 
								<li> style
								
#navbar li ul 			=		defines the <ul> inside of the 
								first layer of <li>'s : 
								<li>Text<ul><li>Sub Text</li></li>.  
								To make the drop down work, we will 
								set this to "display: none;" that 
								way you don't see it without 
								activating it.
								
#navbar li:hover 		=		defines the style of the first <li>
								when the mouse hovers over it.
								
#navbar li:hover ul 	=		defines the style of the <ul> INSIDE
								of the <li>.  To make the drop down 
								visible something like "display: block".

#navbar li:hover ul li 	=		defines the second layer of <li>'s.
								<ul>
									<li>Main text
										<ul>
								This one --> <li>SUB TEXT</li>
										</ul>
									</li>
								</ul>

IE 6 and older does not recognize the :hover except with <a>.  So in 
order to make this browser compatible, we have to use some javascript.
No need to mess with it, but if you decide to change the div id from
#navbar to something else, you'll need to up the javascript file as well.

*/

#navbar {
  margin-left: 10px;
  height: 45px;
}
#navbar li {
  list-style: none;
  float: left;
  margin-left: 5px; /* Sets the blank space on the main navigation left */
  margin-right: 5px; /* Sets the blank space on the main navigation right */
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#navbar li a { /* sets the main nav a properties */
  display: block;
  text-decoration: none; 
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 14px;  
  color: #000000;
}
#navbar li ul {
  display: none;
  width: 145px; /* Width to help Opera out */
  z-index: 10;  
}
#navbar li:hover ul, #navbar li.hover ul { /* this is used for the drop down ul properties */
  display: block;
  position: absolute;
  background: #2b7381;  
  padding: 5px;
  border: 0px;
}
#navbar li:hover li, #navbar li.hover li { /* this is used for the drop down li */
  float: none;
  padding: 0px;
  margin: 0px; 
}
#navbar li:hover { /* sets the main navigation hover state for the li */
  background: #2b7381;	
}
#navbar li:hover li a, #navbar li.hover li a { /* this is used for the drop down a properties */ 
  margin: 0px;
  padding: 5px;
  font-size: 12px;
}		
#navbar li:hover li a:hover, #navbar li.hover li a:hover { /* this is used for the drop down a:hover properties */
  background-color: #ff00cd;
  margin: 0px;
  padding: 5px;  
  color: #FFFFFF;  
}		
#navbar li:hover li:hover { /* this is used for the drop down li hover properties */
  background-color: #ff00cd;
}








/* Content */

#content {
  width: 896px;
  height: auto;
  z-index: 0;  
}




/* Footer */

#footer {
  width: 1014px;
  height: auto;
  background: #232222 url('images/frame/Footer.jpg') top left no-repeat;
  padding-top: 40px;
  margin-right: 1px;
}

#footer a {
  color: #555555;
}

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

#footerSub {
  display: inline;
  float: left;
}

#footerTitle {
  background: #434242;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  margin-left: 10px;
  margin-right: 10px;
  width: 138px;
  text-align: left;
}

#footerText {
  text-align: left;
  padding-left: 10px;    
  padding-top: 10px;
}

#footerText a {
  border-bottom: 1px #000000 dotted;
  font-size: 10px;
  width: 138px;
  height: 10px;
  padding: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

#footerText a:hover{
  background: #000000;	
  text-decoration: none;
}

.footer li {
  list-style: none;
  display: block; 
  padding: 0px;
  margin: 0px; 
}


#footerBottom {
  width: 1015px;
  height: 81px;
  background: url('images/frame/FooterBottom.jpg');
}


/* Extras */

#table {
  width: 620px;
  margin-top: 15px;
}

#tableleft {
  width: 200px;
  float: left;
  display: inline;
}

#tableleft p {
  text-align: right;
  padding-top: 9px;
  font-size: 14px;
}

#tableright {
  width: 350px;
  float:left;
  display: inline;
  padding-left: 10px;
}

#tableright .register {
  width: 325px;
}

#tableclear {
  clear: both;
  width: 620px;
  margin-bottom: 10px;
}




/* Home Page Design */

#homecontent {
  float: left;
  width: 64%;
}

#left {
  background: #000000;
  color: #FFFFFF;
  border: 0px solid #cccccc;
  margin-bottom: 25px;
  font-size: 12px;
}

#leftgray {
  background: #666666;
  color: #000000;
  border: 1px solid #cccccc;
  margin-bottom: 25px;
  font-size: 12px;
}

#leftred {
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #990000;
  margin-bottom: 25px;
  font-size: 12px;
  background: url(images/frame/redbg.jpg) repeat-x;
}

#leftred h1 {
  font-size: 12px;
  background: none;
  padding: 6px;
  width: 95%;
  margin-left: 4px;
  border: 0px #0099cc solid;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-family: Arial, Helvetica, sans-serif;
}


/* Sidebar */

#sidebar {
  float: right;
  width: 35%;
}

#sidebar h1 {
  width: 92%;
}


#login {
  background: #2a0001 url('images/frame/loginBG.jpg') repeat-x 50% 0;
/*  background: #2a727f; */
  color: #FFFFFF;
  border: 0px solid #cccccc;
  margin-bottom: 25px;
  font-family: Verdana;
  font-size: 11px;
}

#login h1 {
  color: #FFFFFF;
  background: none;
  border: 0px;
}

#login a {
  color: #cccccc;
}

#login a:hover {
  color: #FFFFFF;
}

#right {
  background: #000000;
  color: #FFFFFF;
  border: 0px solid #cccccc;
  margin-bottom: 25px;
}

#rightgray {
  background: #666666;
  color: #000000;
  border: 1px solid #cccccc;
  margin-bottom: 25px;
  font-size: 10px;
}

#rightgray p {
  font-size: 10px;
}

#rightred {
  background: #ffffff;
  color: #000000;
  border: 4px solid #990000;
  margin-bottom: 25px;
  background: url(images/frame/redbg.jpg) repeat-x;
}

#rightred h1 {
  font-size: 12px;
  background: none;
  padding: 6px;
  width: 95%;
  margin-left: 4px;
  border: 0px #0099cc solid;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-family: Arial, Helvetica, sans-serif;
}

/* Tabberlive */

.tabberlive .tabbertabhide {
  display:none;
}

.tabber {
}

.tabberlive {
  margin-top:1em;
  margin-left: 5px;
  margin-right: 5px;
}

ul.tabbernav {
  margin:0;
  padding: 3px 0;
  border: 1px solid #666666;
  font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
}

ul.tabbernav li a {
  padding: 3px 0.5em;
  margin-left: 0px;
  border-right: 1px solid #666666;
  border-bottom: none;
  background: #cccccc;
  text-decoration: none;
}

ul.tabbernav li a:link { 
  color: #000;
}

ul.tabbernav li a:visited { 
  color: #111; 
}

ul.tabbernav li a:hover {
  color: #000000;
  background: #FFFFFF;
  border-color: #666666;
}

ul.tabbernav li.tabberactive a {
  background-color: #d8e8fc;
  border-bottom: 1px solid #d8e8fc;
}

ul.tabbernav li.tabberactive a:hover {
  color: #000;
  background: #d8e8fc;
  border-bottom: 1px solid #d8e8fc;
}

.tabberlive .tabbertab {
  padding:5px;
  border:0px solid #aaa;
  background: #FFFFFF url("images/frame/tabbg.jpg") repeat-x 50% 0;
  border-top:0;
  color: #000;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
  height:200px;
  overflow:auto;
}



#fulltext {
  width: 540px;
}
#videorating {
  background: #fcfebc;
  padding: 5px;
  border: 1px dotted #000000;
  margin: 5px;
  text-align: center;
}




/* Star Rating - Provided by: http://www.search-this.com/2007/05/23/css-the-star-matrix-pre-loaded/ */

.rating {
  width: 80px;
  height: 16px;
  margin: 10px 0px 20px 10px;
  padding: 0;
  list-style: none;
  clear: both;
  position: relative;
  background: url(images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li {
  cursor: pointer;
  /*ie5 mac doesn't like it if the list is floated but ie6 does\*/
  float: left;
  /* end hide*/
  text-indent: -999em;/* hide text*/
}
ul.rating li a {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  text-decoration:none;
  z-index: 200;
}
ul.rating li.one a {
  left: 0;
}
ul.rating li.two a {
  left: 16px;
}
ul.rating li.three a {
  left: 32px;
}
ul.rating li.four a {
  left: 48px;
}
ul.rating li.five a {
  left: 64px;
}

.nostar {
  background-position:0 0;
}
.onestar {
  background-position:0 -16px;
}
.twostar {
  background-position:0 -32px;
}
.threestar {
  background-position:0 -48px;
}
.fourstar {
  background-position:0 -64px;
}
.fivestar {
  background-position:0 -80px;
}

ul.rating li a:hover {
  z-index: 2;
  width: 80px;
  height: 16px;
  overflow: hidden;
  left: 0;
  background: url(images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li.one a:hover {
  background-position:0 -96px;
}
ul.rating li.two a:hover {
  background-position:0 -112px;
}
ul.rating li.three a:hover {
  background-position:0 -128px;
}
ul.rating li.four a:hover {
  background-position:0 -144px;
}
ul.rating li.five a:hover {
  background-position:0 -160px;
}