#clr {
	clear:both;
}
.bg_main {
	background		: #BFB297 url('../images/bg_index.gif') repeat-y center; 
	padding			: 0; 
	margin			: 0px;
	text-align		: center;
	vertical-align	: top
}

/* ******************************************* main container */
#header {
	margin: 0;
	padding:0;
	background:url('../images/top_index.gif') no-repeat;
	width: 842px !important;
	height:26px
}

#bottom {
	margin: 0;
	padding:0;
	background:url('../images/bottom_index.gif') no-repeat;
	width: 842px !important;
	height:26px
}

#logo_container {
	padding:0px;
	width: 824px !important;
	height:60px;
	margin: 14px 0px 0px 0px;
	text-align:left;
}

#logo {
	float:left;
	padding:0px;
	width: 650px !important;
	height:60px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	vertical-align	:bottom;
}

#smallnavi {
	float:right;
	padding:0px;
	width: 84px !important;
	height:60px;
	margin: 0px 0px 0px 0px;
	text-align:right;
}

.main_container {
	width:814;
	margin: 0;
	padding:0px;
	text-align: left;
	border:1px solid #9A907A;
}

.bottom_container {
	border-bottom:1px solid #D2AD75;
	border-left:1px solid #D2AD75;
	border-right:1px solid #D2AD75;
	border-top:0px;
}

/* ******************************************* leftside */
#leftside {
	padding:0px;
	background-color:#F1E1BF;
	text-align: center;
	height:100%;
	width: 165px !important;
}

#rightside {
	padding:0px;
	background-color:#F1E1BF;
	text-align: center;
	width: 165px !important;
	height:100%;
}

#randompic {
	background:url('../images/jp_pic.png') no-repeat;
	text-align: center;
	height:195px;
	width: 165px !important; padding-left:6px; padding-right:0px; padding-top:9px; padding-bottom:10px
}

#leftmain {
	padding:0px 0px 0px 0px;
	text-align: right;
	width: 157px !important;
	margin: 0px 0px 0px 0px;
}


#leftmain table.moduletable th, #rightside table.moduletable th {
	width:100%;
	height:25px;
	background:url('../images/bg_title.gif') repeat-x;
                background-color     : #FFC671;
	font-family     : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #8C5F00;
	text-align: left;
	text-indent: 4px;
	padding: 0px;
	margin: 0px;
	border: 0px none;
	line-height:21px
}

#leftmain table.moduletable td {
	width:100%;
	font-family     : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #0066FF;
	line-height		: 16px;
	text-align		: left;
	padding			: 2px 0px 2px 0px;
}

/* ******************************************* main body */
#main_body {
	width: 98%;
	margin: 0px;
	padding:0px;
	border: 0px none;
	text-align: center
}

#main_area {
	width: 100%;
	padding:0px;
	border: 0px none;
	text-align: left; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:5px
}

/* *******************************************  pathway*/
#can_pathway {
	width			: 814px !important;
	height			: 28px !important;
	padding			: 0px;
	margin			: 1px 0px 5px 0px;
	border-top		: 1px solid #9A907A;
	text-indent		: 1em;
	text-align		: left;
	font-family             : Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-weight		: bold;
	font-size		: 13px;
	color			: #FFE5BF;
	background-color        : #A49881;
	line-height		: 20px;
}

#can_pathway img {
	margin:15px 1px 0px 1px;
}

.pathway {
	padding			: 0px;
	border			: 0px none;
	line-height		:25px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px
}

a.pathway:link, a.pathway:visited {
	color			: #FFE5BF;
	font-size		: 9px;
	line-height		: 25px;
}
a.pathway:hover {
	color			: #f90;
	line-height		:25px;
}

/* *******************************************  SEARCH*/
.searchbox {
	font			: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color			: #8B7500;
	border			: 0px;
	background-color        : #EECFA1;
}

/* ******************************************* flashnews and blocks */
#newsflash {
	width			: 100%;
	margin			: 0px 0px 0px 0px;
}

#newsflash table.moduletable {
	width			: 100%;
	padding			: 0px;
	margin			: 0px;
	border			: 0px none;
}

#newsflash table.moduletable th {
	width:100%;
	color			: #5E776B;
	line-height		: 24px;
	text-align		: left;
	background:url('../images/bg_title.gif') repeat-x;
	text-indent		: 5px; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif
}

#newsflash table.moduletable td {
	width:100%;
	font-family     : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #5C5649;
	line-height		: 16px;
	text-align		: left;
	padding:0p 8px 4px 0px;
}

#blocks table.moduletable th {
	width:100%;
	color			: #F7550A; /**5E776B;*/
	line-height		: 24px;
	text-align		: left;
	background:url('../images/bg_title.gif') repeat-x;
	text-indent		: 5px; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif
}

#blocks table.moduletable td {
	width:100%;
	font-family     : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #5C5649;
	line-height		: 16px;
	text-align		: left;
	padding:0p 5px 4px 2px;
}

#blocks .moduletable a:link, #blocks .moduletable a:visited { 
	font-size		: 11px;
	color			: #465950; 
	text-decoration	: none;
	line-height:17px;
	font-weight:bold;
}

#blocks .moduletable a:hover {
	font-size		: 11px;
	color			: #367DFF;  /**A49881;*/ 
	text-decoration	: underline;
}

#botnavi table.moduletable {
	width			: 100%;
	padding			: 0px;
	margin			: 0px;
	border			: 0px none;
}

/* ******************************************* Footer */
#footer  {
	padding			: 4px 0px 0px 0px;
	margin			: 0;
	width			: 100%;
	text-align		: left;
	vertical-align	: middle;
	font			: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color			: #0080FF;
	line-height		:18px;
}
#footer div {
}
#footer a, #footer a:link, #footer a:visited {
	color			: #D4522D;
	text-decoration	:underline;
}

#footer a, #footer a:hover {
	color			:#5E776B;
	text-decoration	:none;
}

/* *******************************************  General CSS Styles  */

body {
	background		: #FFEECA; 
	padding			: 0; 
	margin			: 0;
	vertical-align	        : top;
	scrollbar-face-color    : #CDC9A5;
        scrollbar-shadow-color  : #F5F5F5;
        scrollbar-darkshadow-color: #CDC9A5;
        scrollbar-highlight-color : #F5F5F5;
        scrollbar-3dlight-color   : #CDC9A5;
        scrollbar-track-color     : #FFE4C4;
        scrollbar-arrow-color     : #006400;
}


td, tr, div, p {
	color                   : #43644A;
	font-family             : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size		: 13px;
	line-height		: 16px;
}


a, a:link, a:visited {
	color			: #346A44 /*5E776B*/;
	text-decoration	: none;
}
a:hover {color: #0090FF /*FFA100*/; text-decoration:none}

h1	{font: bold 24px Tahoma, Verdana, Arial, Helvetica, sans-serif;		color: #43644A; margin: 0px; padding: 0px;}
h2	{font: bold 22px Tahoma, Verdana, Arial, Helvetica, sans-serif;		color: #43644A; margin: 0px; padding: 0px;}
h3	{font: bold 20px Tahoma, Verdana, Arial, Helvetica, sans-serif;		color: #43644A; margin: 0px; padding: 0px;}
h4	{font: bold 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;     color: #43644A; margin: 0px; padding: 0px;}
h5	{font: bold 16px Tahoma, Verdana, Arial, Helvetica, sans-serif;     color: #43644A; margin: 0px; padding: 0px;}
h6	{font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;     color: #43644A; margin: 0px; padding: 0px;}

ol	{list-style: decimal outside; }
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  line-height: 15px;
  padding-left: 15px;
  padding-top: 3px;
  background-image: url('../images/ul.gif') ;
  background-repeat: no-repeat;
  background-position: 0px 5px
}
blockquote {
	margin			: 10px;
	margin-left		: 30px;
	padding			: 0 20px 0 10px;
	border-left		: 5px solid #ccc;
}

form { 
	margin			: 0; 
	padding			: 0;
}
select { 
	font-size		: 12px; 
	font-weight		: bold; 
	color			: #333;
}
input {
	padding			: 0;
	margin			: 0;
}

th.pagenav_prev, th.pagenav_next, a.pagenav_next:link, a.pagenav_next:visited {
	font-size		: 12px; 
	color			: #B8860B;
	background-color        : transparent;
	font-weight		: bold;
}
a.pagenav_next:hover {
	font-size		: 12px; 
	color			: #CD3333; 
	text-decoration	: none;
}


/* ******************************************* MODULES */
table.moduletable {
	width			: 100%;
	padding			: 0px;
	margin			: 0px;
	border	: 0px none;
}
table.moduletable th {
	width:100%;
	background    :  #FFD897;
	font-family     : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size		: 15px;
	font-weight		: bolder;
	color: #FE7600;
	text-indent		: 0em;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: 0px none;
	line-height:21px
}
table.moduletable td {
	width:100%;
	color			: #0080FF;
	text-align		: left;
	margin			: 0px;
	border			: 0px none;
                font-style:normal; font-variant:normal; font-weight:normal; 
                font-size:13px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
                padding-left:8px; padding-right:8px; padding-top:5px; padding-bottom:5px
}
.moduletable a:link, .moduletable a:visited { 
	color			: #8DA17A; 
	font-weight           :bold;
              	font-size		: 13px;
	font-family     : Tahoma, Verdana, Arial, Helvetica, sans-serif;
                text-align         : left; 
	text-decoration	: none;
}
.moduletable a:hover {
	color			: #E97800; 
	text-decoration	: underline;
}
table.moduletable ul {
	padding			: 10;
	margin			: 0 0 0 6px;
}

.button {
	font			: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top		: 2px 2px 0px 2px;
	color			: #5E776B;
	border  		: 1px solid #5E776B;
	background-color:#FFEECA;
}
.inputbox, .search {
	font			: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color			: #5E776B;
	border			: 1px solid #A49881;
	background-color:#FFF5E5;
}
.poll {
	color			: #666666; 
	font-weight		: normal; 
	border			: 0px none; 
	padding			: 0; font-style:normal; font-variant:normal; font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif
}

/* ******************************************* CONTENT STYLES */
.contentpane, .contentpaneopen, .contentdescription {
	width			: 100%;
	text-align		: left;
	color			: #5E776B; 
	padding			:0px;
}
.contentpane td, .contentpaneopen td, .contentdescription td {
	padding			: 0px; 
}
a.contentpane:link, a.contentpane:visited, a.contentpaneopen:link, a.contentpaneopen:visited {
	color			: #666666; 
	text-decoration	: none
}
a.contentpane:hover, a.contentpaneopen:hover {
	color			: #2A95FA; 
	text-decoration	: underline;
}

.componentheading {
	width:100%;
	font		: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color			: #FFFFCC;
	line-height		: 21px;
	text-align		: left;
	text-indent		: 5px;
	background    :  #0080FF;
	}

.contentheading { 
	width:100%;
	font		: bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color			: #367DFF;
	line-height		: 21px;
	text-align		: left;
	text-indent		: 10px;
	background    :    #FFD897;
}


.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited 	{
	color			: #FFE7BA;
}
a.contentpagetitle:hover {
	color			: #FF7F24;

}
.buttonheading {
	font			: normal 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	white-space		: nowrap;	
}

.content_rating, .content_vote {
	font-size		: 12px;	
	color			: #345; 
	text-decoration	: none; 
	font-weight		: normal; 
	vertical-align	: middle; 
	margin			: 0 6px; 
	padding			: 0;
}

.back_button {
  color            : #CC9900;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url('../images/bb.gif') no-repeat;
  white-space:normal; border:1px solid #BCB778; padding-bottom:4px; padding-left:20px; padding-right:2px; padding-top:1px; margin-right:4px; float:right; font-weight:bold; line-height:10px; text-decoration:none; background-repeat:no-repeat 
}
.small 		{
	font-size		: 11px; 
	color			: #9E8258; 
	text-decoration	        : none; 
	font-weight		: normal;
	line-height             :15px;
}
.smalldark	{
	font-size		: 12px; 
	color			: #003; 
	text-decoration	        : none; 
	font-weight		: normal;
}

.createdate, .modifydate {
	font-size		: 10px; 
	font-weight		: normal; 
	color			: #777777;
}
a.readon:link, a.readon:visited {
  color            : #CC9900;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url('../images/read.gif') no-repeat;
  white-space:normal; font-weight:bold; border:1px solid #BCB778; padding-bottom:3px; padding-left:21px; padding-right:2px; padding-top:1px; float:left; line-height:10px; text-decoration:none; background-repeat:no-repeat 
}
a.readon:hover {
  color            : #996600;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url('../images/read.gif') no-repeat;
  white-space:normal; font-weight:bold; border:1px solid #BCB778; padding-bottom:3px; padding-left:21px; padding-right:2px; padding-top:1px; float:left; line-height:10px; text-decoration:none; background-repeat:no-repeat 
}
.fase4rdf, a.fase4rdf:link, a.fase4rdf:visited {
	font-size		: 12px; 
	font-weight		: normal; 
	color			: #333;
}
a.fase4rdf:hover {
	font-weight		: bold; 
	color			: #2A95FA;
}

a.blogsection:link, a.blogsection:visited {
	font-size		: 11px;
	color			: #A96B16;
	text-decoration	: none;
	font-weight		: normal;
	font-weight		: bolder;
}
a.blogsection:hover {
	font-size		: 11px;
	color			: #A96B16; 
	text-decoration	: underline overline;
	font-weight		: bolder;
}

.ontab 	{
	color			: #345;
	border-top		: 2px solid #345;
	border-right	: 2px solid #345;
	border-bottom	: 0px none;
	border-left		: 2px solid #345;
	font-weight		: bold; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px
}
.offtab {
	color			: #666;
	padding			: 2px 10px 2px 10px;
	border-top		: 1px solid #666;
	border-right	: 1px solid #666;
	border-bottom	: 3px solid #345;
	border-left		: 1px solid #666;
	cursor			: default;
}
.tabpadding {
	border-bottom	: 3px solid #345;
}
	
table.searchintro {
	background		: #fff;
	margin			: 0  5px;
	width			: 100%;
	border-bottom	: 1px solid #fff;
}
table.searchintro td {
	border-left:0px none; border-right:0px none; border-top:0px none; padding:5px; border-bottom:1px solid #fff; 
}

.blog {
	margin			: 0px;
	padding			: 0px;
	width			:100%;
}

.blog_more {
	padding			: 18px 8px;
	margin			: 0px;
	font-size		: 12px;
	font-weight		: bold;
	color			: #333;
}
.blog_more ul {
	padding			: 0px;
	margin			: 0px;
}

table.contenttoc {
	border			: 1px solid #DEC298;
 	padding			: 1px;
	margin-left		: 7px;
	margin-bottom	: 2px;
}
table.contenttoc th {
	color			: #fff;
	text-align		: left;
	padding			: 4px;
	font-weight		: bold;
	font-size		: 10px;
	text-transform	: uppercase;
	background		: #DEC298;
}
table.contenttoc td {
	font-size		: 10px;
}


/* ******************************************* STYLES CONTACT PAGE */
table.contact {
	background		: transparent;
}
table.contact td.icons {
	background		: #89a;
}
table.contact td.details {
	background		: #F4E8CF;
	margin			: 5px;
	padding			: 5px;
	border			: 1px dotted #ccc;
}
.contact_email {
	background		: #F4E8CF;
	margin			: 5px;
	padding			: 5px;
	border			: 1px dotted #ccc;
}

/* ******************************************* MAIN AND SUB MENU SYSTEM  */
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url('../images/menu_bg.png') no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #9A7743;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 19px !important;
	height: 24px !important;
	width: 100%;
	text-decoration: none
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #FC6401;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color    :#8B4513;
	text-align: left;
}

a.sublevel:hover {
	color: #FC6401;
	text-decoration: none;
}

/* ******************************************* TOP MENU SYSTEM  */
ul#mainlevel-nav {
	font			: bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	list-style		: none;
	padding			: 0;
	margin			: 0;
}

ul#mainlevel-nav li
{
	display			: block;
	background		: transparent;
	padding			: 0;
	margin			: 0;
	float			: left;

	white-space		: nowrap;
	border-right	: 2px solid #F6EAC7;
}

ul#mainlevel-nav li a {
	display			: block;
	height			: 14px !important;
	height			: 17px;
	padding			: 1px 1px 1px 4px;
	margin			: 0;
	width			: 75px !important;
	width			: 80px;
	text-decoration	: none;
	color			: #BF7300;
	background		: #FFF5E5;
}

ul#mainlevel-nav li a:hover
{
	color: #BF7300;
	background: #DEC298;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited  {
	color			: #fff;
}

a.mainlevel-nav:hover  {
	color			: #fff;
}

/* ******************************************* CATEGORY (text format and links) */
.category {
	color			: #5A3600;
	font-size		: 12px;
	font-weight		: bold;
	text-decoration	: none;
	}
a.category:link, a.category:visited {
	color			: #5A3600;
	font-weight		: bold;
}
a.category:hover {
	color			: #C7A621;
}
	
/* ******************************************* STYLES LISTING CONTENT PAGE */
td.sectiontableheader, td.sectiontablefooter  {
	background-color: #BFB297; 
	color			: #FFEECA; 
	font-weight		: bold;
	font-size		: 12px;
	padding			: 2px 3px 4px 2px;
}
.sectiontableentry1  {
	background-color: #F1E1BF; 
	color			: #4C6056; 
	font-weight		: normal; 
	padding			: 3px; 
	padding			: 2px 0px 2px 2px;
}
.sectiontableentry2  {
	background		: #F7EEDB; 
	color			: #4C6056; 
	font-weight		: normal; 
	padding			: 3px;
	padding			: 2px 0px 2px 2px;
}

.pagenavbar {
	text-align		: center;
	vertical-align	: middle;
	padding			: 2px;
	width			: 100%;
}
.pagenav {
	color			: #FFEECA;
	font-size		: 10px;
	font-weight		: bold;
	text-decoration	: none;
	marging			: 0;
	border			: 0px none;; padding-left:2px; padding-right:2px; padding-top:0; padding-bottom:0
}
a.pagenav:link, a.pagenav:visited  {
	color 			: #A86500; 
	background-color: transparent;
}
a.pagenav:hover {
	color			: #5A3600; 
	background		: transparent; 
	text-decoration	: underline;
}

hr {
	background		: transparent; 
	height			: 1px; 
	border			: 1px solid #DEC298; 
	width			: 100%;
}
