/* TC Hunter International CSS */
/* by: csseyah */



/* Start of Global Site CSS Settings */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
.clear { clear:both;}
/* End of Global Site CSS Settings */

/* Start of Body CSS Settings */
body { background: #000000 url(../images/whole-background.jpg) repeat-x;  font-family:Verdana, Arial, Helvetica, sans-serif; }


a:link { 
	font-weight: 500;  text-decoration: none; color: #ffffff;  }
a:visited {
	font-weight: 500;  text-decoration: none;	color: #ffffff; }
a:hover {
	font-weight: 500;  text-decoration: none;	color: #006699; }
a:active {
	font-weight: 500;  text-decoration: none;	color: #ffffff; }
/* End of Body CSS Settings */


/* Start of Whole Content Wrapper CSS Settings */
#content-wrapper { margin: 20px auto; width: 802px; border: 0px solid #fff; }
/* End of Whole Content Wrapper CSS Settings */


/* Start of  Header and Navigation CSS Settings  */
#header-wrapper { position:relative;  width:802px; margin: 0 auto; border: 0px solid #fff; }
#header-wrapper img.logo { position: absolute; top: 0; left: 0;  }
#header-wrapper p.captions { position: absolute; top: 160px; left: 340px; font: 1.2em Arial, Helvetica, sans-serif bolder; color:#fff;  }
#navigation-wrapper { background: url(../images/navigation-bg.jpg) no-repeat; width:802px; height: 26px; border: 0px solid #000; }
#navigation-wrapper  .navz { width:802px; height:26px; font: .60em Verdana, Arial, Helvetica, sans-serif; border-right: 0px solid #990000; }
#nav, #nav ul{
margin:0;
padding:0 0 0 0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.9em; 
background-color:#636756;
border-right: 2px solid #fff;
}

#nav a{
display:block;
padding:2px 11px;
border:0px solid #575b4b;
color:#fff;
text-decoration:none;
}

#nav a:hover{
color: #FFFF00;
}

#nav li{
background: url(../images/navigation-middle.jpg) no-repeat;
height: 25px;
float:left;
position:relative;
}

#nav ul {
position:absolute;
border:1px solid #575b4b;
display:none;
width:12.5em;
top:1.5em;
}

#nav li ul a{
border:1px solid #575b4b;
width:10em;
height:auto;
float:left;
}

#nav li ul a:hover{
background-color: #575b4b;
color:#fff;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:11.75em;
margin:0 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
/* End of Header and Navigation CSS Settings */


/* Start of CSS Setting for Index */
/* Start of Main Content CSS Settings */
#sub-header-content {width:802px; height:406px; position: relative; padding: 0; border-left: 0px solid #446583; border-right: 0px solid #446583; }

#sub-header-content #sub-content { background: #fff; width: 710px; height: 406px; position: absolute; top: 0; left: 48px; } 


#sub-content .left-content { background: #fff; float:left; width: 436px; height: 404px; } 
.left-content   p { font: .72em Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height: 1.4em; margin:5px 5px; }


#sub-content .right-content { background: #fff; float:right; width: 274px; height: 404px; } 
.right-content .top-box
{
	font-weight: bold;
	font-size: 12pt;
	background: white;
	
	width: 274px;
	color: black;
	height: 25px;
	text-align: center;
} 
.right-content div.rss-box { width: 272px; height: 379px; border: 1px solid #fff; } 
.right-content div.rss-box A
{
	font-weight: bold;
	font-size: 8pt;
	background-image: none;
	color: black;
	font-family: Verdana;
	text-align: justify;
} 
.right-content div.rss-box td
{
	font-weight: bold;
	text-justify: auto;
	font-size: 8pt;
	background: url(../images/icon_rss_24.gif) no-repeat;
	color: black;
	direction: ltr;
	text-indent: 10pt;
	font-family: Verdana;
	text-align: justify;
} 
.right-content  div.rss-box a:hover { color: #003399; }

.right-content  p { font: .70em Verdana, Arial, Helvetica, sans-serif; color:#000000; margin: 0 5px; padding: 5px 5px;}
.right-content  a.linkz { color:#000000; }
.right-content  a.linkz:hover { color: #003399; }


/* End of CSS Setting for Index */
/* End of Main Content CSS Settings */



/* Start of Middle Content CSS Settings */
#middle-content { background: #071e38 url(../images/middle-background.jpg) repeat-x; width:800px; border-left: 1px solid #446583; border-right: 1px solid #446583;}
#middle-content h1 { font: 1.5em "Times New Roman", Times, serif; color:#ffffff; margin: 20px 10px; }
#middle-content h2 { font: .80em Verdana, Arial, Helvetica, sans-serif bolder; color:#ffffff; margin: 20px 10px; }
#middle-content h3 { font: .70em Verdana, Arial, Helvetica, sans-serif bolder; color:#ffffff; margin: 20px 10px; }
#middle-content h4 { font: .60em Verdana, Arial, Helvetica, sans-serif; color:#ffffff; margin: 0 15px; }
#middle-content p  { font: .75em Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-align: justify; line-height: 1.4em; margin:0 10px; }
/* #middle-content .left-nav ul { font: .72em Verdana, Arial, Helvetica, sans-serif; color:#ffffff; line-height: 1.4em; margin:5px 15px; list-style:none; }
#middle-content .left-nav li { padding: 5px 0; } 
#middle-content .left-nav a:hover { background:#B5C9D5; width:239px; padding: 5px 0;  }  */


#middle-content .left-mcontent { float:left; width: 239px;  } 
.left-mcontent .middle-line{ background: url(../images/middle-line.jpg); float: right; width:2px; height:384px; } 
.left-mcontent img.align{ margin: 0 0 0 15px;  } 

ul.left-nav { font: .72em Verdana, Arial, Helvetica, sans-serif;  list-style-type:none; margin:0; padding:5px 0; width:234.5px; }
ul.left-nav li { padding: 5px 0; }
ul.left-nav a, ul.left-nav a:visited, ul.left-nav a:active {  text-decoration:none;  display:block; width:234.5px; padding: 2px 0;   text-indent:15px;   color:#fff; }
ul.left-nav a:hover {   background:#afc4d1; padding: 2px 0; }



#middle-content .right-mcontent { float:right; width: 561px; }
ul.list { font: .72em Verdana, Arial, Helvetica, sans-serif;  list-style-type: disc; margin:0; padding:5px 25px; width:364.5px; color:#fff; }
ul.list li {  padding: 5px 0; } 
ul.lists { font: .72em Verdana, Arial, Helvetica, sans-serif;  list-style-type: none; margin:0; padding:5px 15px; width:364.5px; color:#fff; }
ul.lists li {  padding: 5px 0; } 

 
/* End of Middle Content CSS Settings */

table.stats{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 540px;
margin: 0 0 0 10px;
background-color: #666;
border: 3px solid #ffffca;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td{
background-color: #ffffff;
color: #000;
padding: 4px;
text-align:left;
border: 1px solid #e3e3e3;}

table.stats td.hed{
background-color: #ffffca;
color: #000;
padding: 4px;
text-align: left;
border-bottom: 2px solid #ccc;
font-size: 12px;
font-weight: bold;}

table.stats td.hedz{
background-color: #e3e3e3;}

table.stats td a.linkz { color:#000000; }
table.stats td a.linkz:hover { color: #0033FF; }

/* Start of Footer Content CSS Settings */
#footer-content { background: url(../images/footer.png) no-repeat; width:802px; height: 160px; margin: 0 0 20px 0; border: 0px solid #ccc; }
#footer-content p { font: .65em Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; width:802px; margin: 0; padding: 10px 0; }  
/* End of Footer Content CSS Settings */

/* Start of Footer Navigation CSS Settings */
#footer-navz-wrapper {width:800px; height: 22px; border-bottom: 1px solid #4c6e87; border-top: 1px solid #4c6e87; }
#footer-navz-wrapper  .navz { width:802px; height:20px;   font: .60em Verdana, Arial, Helvetica, sans-serif; }
#foot-nav, #foot-nav ul{
margin:2px 0 0 0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.2em; 
background-color:#636756;
border-right: 0px solid #fff;
}

#foot-nav a{
display:block;
padding:2px 11px;
border:0px solid #575b4b;
color:#fff;
text-decoration:none;
}

#foot-nav a:hover{
color: #FFFF00;
}

#foot-nav li{
height: 15px;
float:left;
position:relative;
}

#foot-nav ul {
position:absolute;
border:1px solid #575b4b;
display:none;
width:12.5em;
top:1.5em;
}

#foot-nav li ul a{
border:1px solid #575b4b;
width:10em;
height:auto;
float:left;
}

#foot-nav li ul a:hover{
background-color: #575b4b;
color:#fff;
}

#foot-nav ul ul{
top:auto;
}	

#foot-nav li ul ul {
left:11.75em;
margin:0 0 0 10px;
}

#foot-nav li:hover ul ul, #foot-nav li:hover ul ul ul, #foot-nav li:hover ul ul ul ul{
display:none;
}
#foot-nav li:hover ul, #foot-nav li li:hover ul, #foot-nav li li li:hover ul, #foot-nav li li li li:hover ul{
display:block;
}
/* End of Footer Navigation CSS Settings */