body {
	font-family:verdana;	
	font-size:0.8em;
	background-color:#3C2D17;
	text-align: center;
	min-width: 780px;
}	

/*because firefox is crap and adds margins to the top of paragraphs*/
p {
	margin-top:0;
}

a {
	color:white;
}

a:hover {
	color:#CC3333;
}

h3 {
	font-size:1.5em;
	text-align:center;
}

img {
	border:0;
}

.maindiv {
	text-align: left;
	margin:auto;
	padding-bottom:10px;
	width: 780px;
	border:3px solid black;
	background-color:white;
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	display:table;
}

.main_banner {
	float:right;
	margin: 8px;
	height:60px;
	width:468px;
}

.logo {
	margin:8px;
	float:left;
	position:relative;
	top:0;
	left:0;
}

.navigation {
	width:780px;
	margin-right:-2px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	height:28px;
}

.navigation a {
	color:white;
	text-decoration:none;
	font-weight:bold;
}

.navigation a:hover {
	cursor:hand;
	color:white;
}

.navigation span {
	float:left;
	width:158px;
	background-repeat:no-repeat;
	text-align:center;
	margin-left:-2px;
	padding-top:5px;
	height:28px;
}

.navigation span {
	background-image: url('../images/tab_open_lightbrown.gif');
}

.top_links {
	position:relative;
	top:0px;
	left:0px;
	width:778px;
	height:30px;
	margin-bottom: 10px;
	float:left;
	display:inline;
}

html > body .top_links {
	top:1px;
}

.links {
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	width:780px;
	height:30px;
	visibility:hidden;
	padding-top:5px;
	padding-left:5px;
	border-bottom:3px solid black;
	border-right:2px solid black;
	border-left:1px solid black;
	background-color:#996633;
}

html > body .links {
	width:772px;
	border-right:4px solid black;
}

.links a {
	text-decoration:none;
	color:white;
}

.links a:hover {
	color:black;
}


.left_column {
	float:left;
	margin-left:5px;
	display:inline;
}

.centre_column {
	float:left; 
	margin-left:5px;
}

.right_column {
	float:left;
	margin-left:5px;
}

.bottom_column {
	margin-top:20px;
	text-align:center;
	width:778px;
	display:table;
}

html > body .bottom_column {
	width:780px;
}

.main_content {
	width: 425px;
	background-repeat: no-repeat;
}

html > body .main_content {
	margin-top:10px;
}


.main_content#main_content_top {
	background-image: url('../images/maincont.gif');
	height:18px; 
}

.main_content#main_content_middle {
	background-color:#99cc66;
	border-left: 3px solid black;
	border-right: 3px solid black;
	color:white;
	font-weight:bold;
	padding-left:5px;
	display:table-cell;
}


html > body #main_content_middle {
	width:414px;	
}

.main_content#main_content_bottom {
	background-image: url('../images/mainconb.gif');
	height:18px; 
}

html > body #main_content_bottom {
	position:relative;
	top:-10px;
}

.news_content_holder {
	background-repeat:no-repeat;

}

.news_content_top {
	background-image: url('../images/newscont.gif');
	height:40px;
}

.news_content_middle {
	background-color:#6699CC;
	border-left: 3px solid black;
	border-right: 3px solid black;
	color:white;
	font-weight:bold;
	padding-left:5px;
	display:table-cell;
	width:425px;
}

.news_content_bottom {
	background-image: url('../images/newsconb.gif');
	background-repeat: no-repeat;
	height:8px;
}

.news_headline {
	position:relative;
	top:14px;
	left:12px;
}

.news_date {
	position:relative;
	top:-2px;
	left:320px;
}

.news_body {
	padding-bottom:1px;
}

.news_match {
	color:#CC3333;
}

.review_content_holder {
	margin-top:10px;
	height:83px;
	background-image: url('../images/reviewcont_brown.gif'); 
	position:relative;
	top:0px;
	left:0px;
	color:white;
	font-weight:bold;
	font-size:8pt;
	z-index:0;
}

.review_content_holder a {
	text-decoration:none;
	color:white;	
}

.review_content_holder a:hover {
	color:black;	
}

.review_content_holder div {
	position:absolute;
}

.review_name {
	top:14px;
	left:10px;
	color:black;
}

.review_score {
	top:12px;
	left:200px;
}

.review_signup {
	top:14px;
	left:320px;
}

.review_title {
	top:45px;
	left:8px;
	width:275px;
}

.review_link {
	top:50px;
	left:320px;
}

.review_content {
	position:absolute;
	top:0px;
	left:0px;
	width:424px;
	font-size:8pt;
	z-index:2;
	display:none;
	
}

.review_content a {
	color:white;
}

.review_content #review_content_top{
	background-image:url('../images/maincont_lightbrown.gif');
	height:18px;
	width:424px;
}


.review_content #review_content_middle {
	background-color:#6699CC;
	border-left: 3px solid black;
	border-right: 2px solid black;
	color:white;
	font-weight:bold;
	padding:5px;
	width:424px;
	display:table-cell;
}

html > body #review_content_middle {
	width:414px;
}

.review_content #review_content_bottom {
	background-image:url('../images/mainconb_lightbrown.gif');
	height:18px;
	width:424px;
}

.review_content_close {
	position:absolute;
	left:390px;
	top:6px;
	margin-right:8px;
}

#close_button {
	width:26px;
	height:26px;
	border:0px;
	cursor:hand;
}


.side_content {
	width:162px;
}

html > body .side_content {
	margin-top:10px;
}

.side_content p {
	display:inline;
}

.side_content_top {
	text-align:center;
	padding-top:13px; 
	font-size: 18px;
	height: 42px; 
	background-repeat: no-repeat; 
	width:162px;
}

.side_content_top_small {
	font-size:14px;
}

.side_content ul {
	list-style-type:none;
	display:inline;
}

.side_content a {
	text-decoration:none;
	width:130px;
}

html > body .side_content_top {
	height:29px;
}

.side_content_middle {
	border-left:3px solid black; 
	border-right:3px solid black; 
	padding-left:2px; 
	padding-right:2px;
	width:162px;
}

html > body .side_content_middle {
	width:152px;
}

.side_content_bottom {
	height: 13px; 
 	background-repeat: no-repeat; 
}

.red_top  {
	background-image: url('../images/redcont.gif');
}

.red_middle {
	background-color:#CC3333; 
	color:#FFFFFF;
}

.red_middle a:hover{
	color:#99cc66
}

.red_bottom {
	background-image: url('../images/redconb.gif');
}

.orange_top  {
	background-image: url('../images/orangecont.gif');
}

.orange_middle {
	background-color:#ff9933; 
	color:#FFFFFF;
}

.orange_bottom {
	background-image: url('../images/orangeconb.gif');
}

.purple_top  {
	background-image: url('../images/purplecont.gif');
}

.purple_middle {
	background-color:#CC66FF; 
	color:#FFFFFF;
}

.purple_bottom {
	background-image: url('../images/purpleconb.gif');
}

.pink_top  {
	background-image: url('../images/pinkcont.gif');
}

.pink_middle {
	background-color:#FF99FF; 
	color:#FFFFFF;
}

.pink_bottom {
	background-image: url('../images/pinkconb.gif');
}

.lightblue_top  {
	background-image: url('../images/lightbluecont.gif');
}

.lightblue_middle {
	background-color:#99CCFF; 
	color:#FFFFFF;
}

.lightblue_bottom {
	background-image: url('../images/lightblueconb.gif');
}

.lightgreen_top  {
	background-image: url('../images/lightgreencont.gif');
}

.lightgreen_middle {
	background-color:#CCFF99; 
	color:#FFFFFF;
}

.lightgreen_bottom {
	background-image: url('../images/lightgreenconb.gif');
}

.blue_top  {
	background-image: url('../images/bluecont.gif');
}

.blue_middle {
	background-color:#6699CC; 
	color:#FFFFFF;
}

.blue_bottom {
	background-image: url('../images/blueconb.gif');
}

.green_top  {
	background-image: url('../images/greencont.gif');
}

.green_middle {
	background-color:#99CC66; 
	color:#FFFFFF;
}

.green_middle a:hover {
	color:#CC3333;
}

.green_bottom {
	background-image: url('../images/greenconb.gif');
}

.brown_top  {
	background-image: url('../images/browncont.gif');
}

.brown_middle {
	background-color:#3C2D17; 
	color:#FFFFFF;
}

.brown_bottom {
	background-image: url('../images/brownconb.gif');
}



.side_content_top_notitle {
	height: 13px; 
 	background-repeat: no-repeat; 
}


.green_top_notitle  {
	background-image: url('../images/greencont_notitle.gif');
}
.blue_top_notitle  {
	background-image: url('../images/bluecont_notitle.gif');
}
.lightgreen_top_notitle  {
	background-image: url('../images/lightgreencont_notitle.gif');
}
.lightblue_top_notitle  {
	background-image: url('../images/lightbluecont_notitle.gif');
}
.orange_top_notitle  {
	background-image: url('../images/orangecont_notitle.gif');
}
.red_top_notitle  {
	background-image: url('../images/redcont_notitle.gif');
}
.pink_top_notitle  {
	background-image: url('../images/pinkcont_notitle.gif');
}
.purple_top_notitle  {
	background-image: url('../images/purplecont_notitle.gif');
}
.brown_top_notitle {
	background-image: url('../images/browncont_notitle.gif');
}
.rating {
	height:20px;
	width:20px;
	margin:0px;
}

.feed {
    border:1px solid;
    border-color:#FC9 #630 #330 #F96;
    padding:0 3px;
    font:bold 12px verdana,sans-serif;
    color:#FFF;
    background:#F60;
    text-decoration:none;
    margin:4px;
}

.paging {
	border:1px solid gray;
	text-align:right;
	width:16pt;
	text-decoration:none;
	margin:2px;
	font-size:8pt;	
	font-weight:bold;
	vertical-align:middle;
}
.paging:hover {
	background-color:#ACC186;
	color:black;
}
.pagingbutton {
	border:1pt solid black;
	background-color:#ACC186;
	font-size:8pt;
	height:12pt;
	font-weight:bold;
	vertical-align:middle;
}


.white_background_links a {
	color: #99CC66;
}

.white_background_links a:hover {
	color: #CC3333;
}

.single_title_top {
	background-image: url('../images/single_title_top.gif');
	height:40px;
}

.single_title_top a {
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;
}

.stars {
	display:inline;
	margin-top:15px;
}

#scratchcard {
	/* margin-top:10px;  works in firefox not ie or opera */
	text-align:center;
}

#back_link {
	display:inline;
	float:right;
	padding-right:10px;
}

#newsletter_form {
	height:150px;
	text-align:center;
	padding-bottom:10px;
	margin:0;
}

#search_form {
	height:50px;
	padding-bottom:10px;
	margin:0;
}

@media all and (min-width: 0px){
   .top_links {
   		top:-4px;
   }
   .bottom_column {

   }
}


/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 200px;
height: 25px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 145px;
height: 50px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}