/* CSS Document */

/* =General/HTML Elements 
---------------------------------------*/

* {margin:0; padding:0;}

pre, form, h1, h2, h3, h4, h5, p{margin:1em 0;}

img{
 	border:0;
	padding:2px;
}

body {
	margin:0;
	text-align: left;
	background: #F0E3C8 url(../images/bdy_bg.gif);
	font-size: 10px;
	font-family: "Times New Roman", Times, serif;
	line-height:1.4em;
}
	
/* =Layout
---------------------------------------*/
#container {
	width: 780px;
	display:table;
	padding-right:13px;
	background: #fff url(../images/cont_bg.gif) repeat-y top left;
}
	
#sidebar {
	width: 150px;
	float: left;
	background:#E6D0A4 url(../images/siebar_bg.gif) no-repeat top center;
	padding-top:190px;
	text-align:center;
}
	
#mainContent {
	width: 575px;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
}
	
#header{
	width:580px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
	
#mainContentRight {
	width: 300px;
	padding:5px;
	float:right;
	text-align:center;
	}
	
#mainContentRight ul{
	list-style:none;
	width:250px;
	margin:0;
	padding:0;
	display:block;
	}
	
#mainContentRight ul li{
    display:block;
	float:left;
	padding:3px;
	}
	
#mainContentLeft {
	width: 240px;
	padding-left:5px;
	padding-right:5px;
	float:left;	
	margin-bottom:20px;
}

#mainContentLeftBottom{
	margin-top:20px;
	}
	
#footer{
	width:570px;
	border-top:1px solid #ccc;
	clear:both;
	text-align:center;
	margin-top:20px;
	}
	
.left{clear:right; float:left; text-align:left; padding:5px; padding-left:0; padding-bottom:0;}
.right{clear:left; float:right; text-align:right; padding:5px; padding-right:0;}
	
/* =Typography
-------------------------------------*/
p {
	font-size:14px;
	color:#333;
}

#sidebar p{
	display:block;
	width:140px;
	margin-left:15px;
	line-height:1.2em;
	margin:5px 0;
	text-align:left;
	color:#666;
	}

.left p, .right p{margin:0; padding:0;}	

#mainContent.battle p{
	text-align:center;
	}
	
#mainContent.battle #mainContentLeft p{
	text-align:justify;
	}
	
#mainContent.battle #mainContentRight p{
	text-align:justify;
	}
	
.byline{
	font-size:10px;
	font-style:italic;
	text-align:right;
	}
	
#mainContent.battle{
	font-family:"Times New Roman", Times, serif;
	}
/* =Headings
------------------------------------*/
h1, h2, h3, h4, h5, h6{color:#7FB538; font-weight:600; background-color:#fff; letter-spacing:1px;}

h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}

.battle h1, h2, h3, h4{
	color:#666;
	}
	
#mainContent.battle #mainContentRight h2.sub1, #mainContent.battle #mainContentRight h2.sub2{
	display:block;
	float:left;
	width:160px;
	}
	
#mainContent.battle #mainContentRight h2.sub2{
	float:right;
	}

#mainContent.battle #mainContentRight h1{
	margin-top:0;
	padding-top:0;
	font-size:2em;
	padding:1em;
	}
	
#mainContent.battle #mainContentRightTop h2{
	margin:1em 0;
	}

/* =Links
-------------------------------------*/
a {
	color: #679A9A;
	font-weight: bold;
	}
	
	
/* =Navigation
-------------------------------------*/
ul.sidenav {
    margin:0;
	padding:0;
	list-style: none;
	width: 141px;
	padding-left:5px;
	background: #E6D0A4 url(../images/nav_bg.gif) repeat-y top center;
}
	
ul.sidenav li {
	margin-bottom:10px;
}
	
ul.sidenav li img {
	width:140px;
	height:27px;
}

ul.sidenav li.last{
	margin-bottom:0;
}

/* =Sidebar Styles
------------------------------------*/
#sidebar div{
	display:block;
	color:#666;
	line-height:1.2em;
	border-top:2px solid #666;
	margin-top:10px;
	margin-left:10px;
	width: 140px;
}

#sidebar div.promotions img{
	margin-top:20px;
	}
	

/* =Secondary Content Styles
----------------------------------*/
.popup a , .left a{
	width:110px;
	font-size:10px;
	text-align:center;
	margin:0;
	}
	
#mainContent.battle{
	padding-left:5px;
	padding-right:5px;
	width:595px;
	}
	
#mainContent.battle #mainContentLeft{
	width:190px;
	padding:5px;	
	border-right:1px solid #ccc;
	}
#mainContent.battle #mainContentRight{
	width:380px;
	padding:4px;
	margin:0;	
	}
	
#mainContent.battle #mainContentRight #mainContentRightTop{
	width:385px;
	border-bottom:1px solid #ccc;
	
	}
	
/* =Footer Styles
----------------------------------*/
#footer ul{
	width:550px;
	list-style:none;
	text-align:center;
	padding-left:30px;
	margin-top:15px;
	}
	
#footer ul li{
	float:left;
	display:block;
	border-right:1px solid #ccc;
	padding:5px;
	font-size:13px;
	}
	
#footer a{
	color:#679A9A;
	font-weight:bold;
	}
	
/* =Table Styles
------------------------------*/
table { 
  	border-spacing:0;
	border-collapse:collapse;
	}

td {
	font-weight:normal;
	padding:3px;
	}


/* 2008 updates */
div#rightbar {
	width: 150px;
	float: right;
	background-color: #ccc;
	color: #000;
}

div#rightbar ul li a, div#rightbar ul li a:visited {
	color: #000;
}

div#menu {
	float: left;
	width: 420px;
}

div#menu td div#menu table, div#menu tr {
	text-align: left;
}

div#menu span {
	font-size: 11px;
}

table.menu td h2, table.menu td p, table.menu td h2 em {
	margin: 5px;
}

table.menu td h2 em {
	margin-left: 0px;
	padding-left: 0px;
	font-size: 1em;
}