* { padding: 0; margin: 0; border: 0; }

body {
	margin: 0 auto;
	padding: 0;
	background: #0d3d49 url(images/body.jpg) repeat-x left top;
	font: 12px "Century gothic", Arial, sans-serif;
	color: #126A9B;
}

/* links */
a { color: #6b8504; text-decoration: none; outline: 0; }
a:hover { color: #036791; text-decoration: none; outline: 0; }

/* images */
img { border: 0; }
a img { border: none; outline: 0; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
/* End Images */

.clear { clear:both; }

h1, h2, h3, h4, h5, h6 {
}

.clear { clear:both; }
.alignleft { float:left; padding:3px 0 2px 5px; }
.alignright { float:right; padding:3px 5px 2px 0px; }

/***********************
	  LAYOUT
************************/
#wrapper{ width: 92%; margin: 0 auto; padding: 0; }
div#leftshadows { background: url(images/leftshadows.png) repeat-y top left; }
div#rightshadows  { background: url(images/rightshadows.png) repeat-y top right; } 

#wrapper_inner { width: auto; margin: 0 10px; padding: 0; }

/* The Top */
#top { height: 100px; background: #000 url(images/top.jpg) center top; margin: 0 auto; }
.sitename { float: left; width: 600px; font-family: "Century gothic",Verdana,Tahoma,sans-serif; margin: 20px 0 0 25px; }
.sitename h1  { font-size: 38px; font-weight: bold; color: #E0E6EF; text-align: left; margin: 0; }
.sitename h1  a:link, .sitename h1  a:visited{ color: #E0E6EF; }
.sitename h1  a:hover { color: #FFF; }
.sitename h2 { font-size: 16px; font-weight: normal; color: #fff; margin: 0px 20px 0px 0px; text-align: left; }
/*****************login menu*************/
#topright { float: right; width: 350px; height: 100px; color: #70A401; background: transparent; margin: 0; padding: 0; text-align: center; }
#topright h2 { font: bold 20px "Century gothic",verdana, Arial, sans-serif; color: #96a301; padding-top: 5px; text-align: center; } 
#topright h2 a { color: #fff; text-decoration: none; outline: 0; } 
#topright h2 a:hover { color: #96a301; text-decoration: none; outline: 0; } 
#topright .tbox{ width: 90px; font: 11px Arial; color: #000; background: #fff; margin: 0 3px 2px 0; padding: 0 0 0 3px; border: 1px solid #000; }
.loginbutton { width: 51px; height: 58px; background: url(images/login.png); cursor: pointer; border: 0px #000 solid; padding-top: 0; vertical-align: top; }


/*Top menu 1*/
#mainmenucontainer{ width: 100%; height: 29px; margin: 0px; padding: 0px; background: url(images/greymenu_bg.jpg) repeat-x left top; border-top: 1px solid #000; border-bottom: 1px solid #2a2a2a; }


/* header */
#header { height: 150px; background: #282828 url(images/header_bg.jpg) repeat-x left top; margin: 0; padding: 0; }
#header_image { width: 1000px; height: 150px; background: #282828 url(images/header.jpg) no-repeat center top; margin: 0 auto; padding: 0; }


/* Main Content*/		
#maincontent { overflow: hidden; background: #282828; margin: 0 auto; padding: 0; }	

/* News */
#news { float: left; width: 64%; margin: 0; padding: 0; }

/* News Items */
.post { clear: both; overflow: hidden; margin: 0; padding: 5px 10px; background: transparent; }	
.newsheader { margin: 0; padding: 0; }
.newsheaderleft { height: 50px; background: url(images/newsheaderleft.gif) no-repeat left top; }
.newsheaderright { height: 50px; background: url(images/newsheaderright.gif) no-repeat right top; }
.post h2 { overflow: hidden; line-height: 22px; font: bold 22px "Century gothic", Arial, sans-serif; text-transform: uppercase; margin: 0; padding: 5px 10px 5px 25px; text-align: left; }
.post h2 a, .post h2 a:link, .post h2 a:visited  { color: #7b9504; text-decoration: none; }
.post h2 a:hover  { color: #036791; text-decoration: none; }	
.post img { float: left; border: 0; padding: 4px; margin: 2px 5px 2px 0px; }
.newsbody { margin: 0; padding: 0; }
.newsbodyleft { background: url(images/newsbodyleft.gif) repeat-y left top; }
.newsbodyright { background: url(images/newsbodyright.gif) repeat-y right top; }
.newsinfo { margin: 0; padding: 0 20px 30px 20px; }
.newsposted { float: left; font: 11px "Century gothic", Arial, sans-serif; color:#8c8c8c; margin: 0 20px 0 0; text-align: left; }
.newsdate { float: right; font: 11px "Century gothic", Arial, sans-serif; color:#8c8c8c; padding: 0 0 0 20px; text-align: right; }
.newsbodycontent { clear: both; overflow: hidden; font: 12px "Century gothic", Arial, sans-serif;  color: #cacaca; margin: 0; padding: 0 20px; }
.newsbottom { margin: 0; padding: 0; }
.newsbottomleft { height: 25px; background: url(images/newsbottomleft.gif) no-repeat left top; }
.newsbottomright { height: 25px; background: url(images/newsbottomright.gif) no-repeat right top; }
.postinfo { float: right; width: 120px; height: 36px; background: #101010 url(images/button_rest.gif) no-repeat center bottom; margin: 10px 0 0 0; padding: 0 20px; }
.comm{ font: 12px "Century gothic", Arial, sans-serif; padding: 9px 5px; text-align: center; }
.comm a, .comm a:link, .comm a:visited { color:#9da9b6; text-decoration: none; }
.comm a:hover { font-size: 14px; color:#036791; text-decoration: none; }

/* center menu */
.box-center { clear: both; overflow: hidden; margin: 0; padding: 5px 10px; background: transparent; }
.box-center a { color: #6b8504; text-decoration: none; } 
.box-center a:hover { color: #036791; text-decoration: none; }
.box-center .header { margin: 0; padding: 0; }
.box-center .headerleft { height: 50px; background: url(images/newsheaderleft.gif) no-repeat left top; }
.box-center .headerright { height: 50px; background: url(images/newsheaderright.gif) no-repeat right top; } 
.box-center h2 { overflow: hidden; font: bold 22px "Century gothic", Arial, sans-serif; margin: 0; padding: 5px 10px 5px 25px; text-align: left; }
.box-center .body { margin: 0; padding: 0; }
.box-center .bodyleft { background: url(images/newsbodyleft.gif) repeat-y left top; }
.box-center .bodyright { background: url(images/newsbodyright.gif) repeat-y right top; }
.box-center .bodycontent { clear: both; overflow: hidden; font: 12px "Century gothic", Arial, sans-serif;  color: #cacaca; margin: 0; padding: 10px 20px 0 20px; }
.box-center .bottom { margin: 0; padding: 0; }
.box-center .bottomleft { height: 25px; background: url(images/newsbottomleft.gif) no-repeat left top; }
.box-center .bottomright { height: 25px; background: url(images/newsbottomright.gif) no-repeat right top; }

/* sidebar */
#rightcol{ float: right; width: 36%; margin: 0; padding: 0; }
#rightcol #rightinner { margin: 0; padding: 0 10px; }

/* ytm_menu */
.ytm_menu_box { background: transparent; margin: 6px 0 0 0; padding: 0; }
.ytm_menu_box_inner { margin: 0; padding: 10px 5px; }
.ytm_menu_box_inner .header { margin: 0; padding: 0; }
.ytm_menu_box_inner .headerleft { height: 43px; background: url(images/rightmenuheaderleft.gif) no-repeat left top; }
.ytm_menu_box_inner .headerright { height: 43px; background: url(images/rightmenuheaderright.gif) no-repeat right top; } 
.ytm_menu_box_inner h2 { font: bold 14px "Century gothic", Arial, sans-serif; color: #036791; text-transform: uppercase; line-height: 27px; margin: 5px 10px 0 10px; padding: 0px 0 0 5px; }
.ytm_menu_box_inner .body { margin: 0; padding: 0; }
.ytm_menu_box_inner .bodyleft { background: url(images/rightmenubodyleft.gif) repeat-y left top; }
.ytm_menu_box_inner .bodyright { background: url(images/rightmenubodyright.gif) repeat-y right top; }
.ytm_menu_box_inner .bodylefttop { background: url(images/rightmenubodylefttop.gif) no-repeat left top; }
.ytm_menu_box_inner .bodyrighttop { background: url(images/rightmenubodyrighttop.gif) no-repeat right top; }
.ytm_menu_box_inner .bodycontent { font: 12px "Century gothic", Arial, sans-serif;  color: #cacaca; margin: 0; padding: 10px 20px 0 20px; }
.ytm_menu_box_inner .bottom { margin: 0; padding: 0; }
.ytm_menu_box_inner .bottomleft { height: 50px; background: url(images/rightmenubottomleft.gif) no-repeat left top; }
.ytm_menu_box_inner .bottomright { height: 50px; background: url(images/rightmenubottomright.gif) no-repeat right top; }
		

/* The Sidebar1 - right left menu */	
.sidebar1 { float:right; width: 50%; margin: 0; padding: 0; }
.sidebar1 a { color: #036791; text-decoration: none; }
.sidebar1 a:hover { color: #6b8504; text-decoration: none; }
.sidebar1inner { margin: 0; padding: 0 0 0 5px; }
.sidebar1inner .header { margin: 0; padding: 0; }
.sidebar1inner .headerleft { height: 43px; background: url(images/leftmenuheaderleft.gif) no-repeat left top; }
.sidebar1inner .headerright { height: 43px; background: url(images/leftmenuheaderright.gif) no-repeat right top; } 
.sidebar1inner h2 { font: bold 13px "Century gothic", Arial, sans-serif; color: #036791; text-transform: uppercase; line-height: 27px; margin: 5px 10px 0 10px; padding: 2px 0 0 5px; }
.sidebar1inner .body { margin: 0; padding: 0; }
.sidebar1inner .bodyleft { background: url(images/leftmenubodyleft.gif) repeat-y left top; }
.sidebar1inner .bodyright { background: url(images/leftmenubodyright.gif) repeat-y right top; }
.sidebar1inner .bodylefttop { background: url(images/leftmenubodylefttop.gif) no-repeat left top; }
.sidebar1inner .bodyrighttop { background: url(images/leftmenubodyrighttop.gif) no-repeat right top; }
.sidebar1inner .bodycontent { font: 11px "Century gothic", Arial, sans-serif;  color: #cacaca; margin: 0; padding: 10px 15px 0 15px; }
.sidebar1inner .bottom { margin: 0; padding: 0; }
.sidebar1inner .bottomleft { height: 50px; background: url(images/leftmenubottomleft.gif) no-repeat left top; }
.sidebar1inner .bottomright { height: 50px; background: url(images/leftmenubottomright.gif) no-repeat right top; }
			
	
/* The Sidebar2 - right right menu */	
.sidebar2 { float:right; width: 50%; margin: 0; padding: 0; }
.sidebar2 a { color: #6b8504; text-decoration: none; }
.sidebar2 a:hover { color: #036791; text-decoration: none; }
.sidebar2inner { margin: 0; padding: 0 0 0 5px; }
.sidebar2inner .header { margin: 0; padding: 0; }
.sidebar2inner .headerleft { height: 43px; background: url(images/rightmenuheaderleft.gif) no-repeat left top; }
.sidebar2inner .headerright { height: 43px; background: url(images/rightmenuheaderright.gif) no-repeat right top; } 
.sidebar2inner h2 { font: bold 13px "Century gothic", Arial, sans-serif; color: #6b8504; text-transform: uppercase; line-height: 27px; margin: 5px 10px 0 10px; padding: 2px 0 0 5px; }
.sidebar2inner .body { margin: 0; padding: 0; }
.sidebar2inner .bodyleft { background: url(images/rightmenubodyleft.gif) repeat-y left top; }
.sidebar2inner .bodyright { background: url(images/rightmenubodyright.gif) repeat-y right top; }
.sidebar2inner .bodylefttop { background: url(images/rightmenubodylefttop.gif) no-repeat left top; }
.sidebar2inner .bodyrighttop { background: url(images/rightmenubodyrighttop.gif) no-repeat right top; }
.sidebar2inner .bodycontent { font: 11px "Century gothic", Arial, sans-serif;  color: #cacaca; margin: 0; padding: 10px 15px 0 15px; }
.sidebar2inner .bottom { margin: 0; padding: 0; }
.sidebar2inner .bottomleft { height: 50px; background: url(images/rightmenubottomleft.gif) no-repeat left top; }
.sidebar2inner .bottomright { height: 50px; background: url(images/rightmenubottomright.gif) no-repeat right top; }
			

/* News Bottom Menus */
.newsbottomarea { clear: both; margin: 0px 0px 5px 5px; padding: 3px 0 0 0; }
.newsbottom_menu { float: left; width: 47%; font: 14px "Century gothic", Arial, sans-serif; background: #000 url(images/newsbottommenu_bg.gif) repeat-x left top; margin: 0px 0px 15px 10px; padding: 3px 0 0 0; }
.newsbottom_menu a { color: #6b8504; text-decoration: none; }
.newsbottom_menu a:hover { color: #036db0; text-decoration: none; }
.newsbottom_menu h2 { font: bold 15px "Century gothic", Arial, sans-serif; color: #036791; background: transparent; margin: 0 ; padding: 10px; }
.newsbottom_menu .body { font: 11px "Century gothic", Arial, sans-serif; color: #cacaca; background: transparent; padding: 7px 5px; margin: 0; }


/* --- FOOTER --- */
#footer { clear: both; height: 150px; background: #282828 url(images/footer_bg.gif) no-repeat center top; font: 12px "Century gothic", Arial, sans-serif; color:#999; padding: 30px 0 0 10px; text-align: center;  }
#footer a:link , #footer a:visited{ color:#E8EBEE; }
#footer a:hover { color:#fff; }

/* Browsers */
.ie7_logo { float: left; width: 30px; height: 30px; background: url(images/ie7_logo.png) no-repeat center top; padding: 0 10px; }
.firefox_logo { float: left; width: 31px; height: 30px; background: url(images/firefox_logo.png) no-repeat center top; padding: 0 10px; }
.opera_logo { float: left; width: 34px; height: 30px; background: url(images/opera_logo.png) no-repeat center top; padding: 0 10px; }



/* The Search */
#search { height:20px; width:auto; padding-top:93px ; margin-left:5px; width:193px; float:right; }
#search form { margin: 0; padding: 0; }
#search fieldset { margin: 0; padding: 0; border: none; }
#search p { margin: 0; font-size: 85%; }
#s { margin-left:5px; float: left; width: 135px; font: normal 100% "century Gothic", Arial, Helvetica, sans-serif; color:#fff; padding: 3px 3px; background: #8EB8CF; border:none; }
#searchsubmit { width:25px; float: left; height:23px; font: bold 100% "century gothic", Arial, Helvetica, sans-serif; color: #FFFFFF; margin-top: 0px; background: #EFEFEF url(images/go.jpg) no-repeat; cursor: pointer; border: none; }



/* other menu */
.box-other { background: #282828; border: 1px solid #99cc33; margin: 0; padding: 0; }
.box-other a { color: #8bb82e; text-decoration: none; }
.box-other a:hover { color: #036791; text-decoration: none; }
.box-otherHeader { font: bold 16px "century Gothic", Arial, Helvetica, sans-serif; color: #6b8504; margin: 10px 10px 20px 10px; border-bottom: 1px solid #6b8504; }
.box-otherContent { font: 12px "Century gothic", Arial, sans-serif; color: #cacaca; margin: 0; padding: 10px 5px 20px 5px; }



/********************** core style ********************************/

/* tbox, chatbox, button */
.tbox{ font: 11px "Century gothic", Arial, sans-serif; color: #cacaca; margin: 5px 0 0 0; padding: 5px; background: #4d4d4d; border: 1px solid #000; }
.tbox.chatbox { width: 88%; color: #cacaca; border: 1px solid #A6C1D2; padding: 2px; margin: 5px auto; background: #4d4d4d; border: 1px solid #000; }
.button { font: 10px "Century gothic", Arial, sans-serif; color: #b1dc05; margin: 1px; padding: 2px; background: #47535F url(images/button.jpg) repeat-x left top; border: 1px solid #373737; cursor:pointer; }
.button a { color: #fff; }
.button a:hover { color: #969696; }

/* FORUMS */
.border { border: 1px solid #747474; }
.fborder { border: 2px solid #0c0c0c; border-collapse: collapse; background: transparent; }  
.forumheader{ background: #000 url(images/forumheader.gif) repeat-x left top; font: bold 13px "Century gothic", Arial, sans-serif; color: #7b9504; padding: 10px 4px; border-bottom: 1px solid #7b9504; }
.forumheader2{ background: #000 url(images/forumheader.gif) repeat-x left top; font: 11px "Century gothic", Arial, sans-serif; color: #6b8504; padding: 6px 4px; border-bottom: 1px solid #7b9504; }
.forumheader2 a { color: #036791; }
.forumheader2 a:hover { color: #09b3fa; }
.forumheader3{ background: #000 url(images/forumheader.gif) repeat-x left top; font: 12px "Century gothic", Arial, sans-serif; color: #cacaca; padding: 6px 4px; border-bottom: 1px solid #7b9504; }
.forumheader3 a { color: #036791; text-decoration: none; } 
.forumheader3 a:hover { color: #09b3fa; text-decoration: none; }
.forumborder{ border: 1px solid #747474; }
a.forumlink{ color: #617b90; text-decoration: underline; }
.nforumcaption2 { background: #000 url(images/forumheader.gif) repeat-x left top; font: bold 12px "Century gothic", Arial, sans-serif; color: #036791; padding: 4px; border-bottom: 1px solid #a2aab1; }
.caption { background: #cdd4da url(images/tabh.jpg) repeat-x left top; font: bold 12px "Century gothic", Arial, sans-serif; color:#47535F; padding: 4px; border-bottom: 1px solid #a2aab1; }   
.fcaption { background: #000 url(images/forumheader.gif) repeat-x left top; font: bold 12px "Century gothic", Arial, sans-serif; color:#aaa; padding: 4px; border-bottom: 1px solid #a2aab1; }
.fcaption a { color: #036791; text-decoration: none; }
.fcaption a:hover { color: #09b3fa; text-decoration: none; }
.finfobar{ background: #000; font: 12px "Century gothic", Arial, sans-serif; color:#47535F; margin-bottom: 2px; padding: 4px; border-bottom: 1px solid #a2aab1; } 
.nforumholder { }
.nforumcaption { }
.nforumthread { }
.nforumreplycaption { }
.nforumreply { }
.nforumdisclaimer { }
.nforumview1 { }
.nforumview2 { }
.nforumview3 { }
.nforumview4 { }

/* TEXTS */
.indent{ font: 12px "Century gothic", Arial, sans-serif; color: #cacaca; padding: 10px; margin: 5px; border: 1px dotted #6b8103; }
.smalltext { font: 11px "Century gothic", Arial, sans-serif; } 
.smallblacktext { font: 11px "Century gothic", Arial, sans-serif; }  
.defaulttext { font: 12px "Century gothic", Arial, sans-serif; }
.mediumtext { font: 12px "Century gothic", Arial, sans-serif; }
blockquote { padding-left: 10px; color: #414D5F; font-style: normal; }
.nextprev { clear: both; height: 30px; font: 12px "Century gothic", Arial, sans-serif; color: #f0f4f8; background: url(images/nextprev.gif) no-repeat center bottom; margin: 0 auto; padding: 8px 20px; text-align: center; }
.nextprev_link { color: #6b8103; font-weight: bold; }
.nextprev_link:hover { color: #34649d; font-weight: bold; }
.nextprev_current { color: #cacaca; padding: 3px;  }
.searchhighlight { text-decoration: underline; color: #ff0000; font-weight: bold; }


/* MISC */
td { font: 12px "Century gothic", Arial, sans-serif; padding: 0 5px; text-align:left; }
form { margin: 0px 0px 0px 0px; }
.spacer{ padding: 7px 0px 7px 0px; }
hr { height: 2px; border-top: 1px solid #fff; border-bottom: 1px solid #abe2e8; text-align: left; margin: 5px; } 
.helpbox { background: transparent; font: 9px "Century gothic", Arial, sans-serif; color: #cacaca; border: 0px; margin: 0; padding: 0; }
.bodytable { font: 12px "Century gothic", Arial, sans-serif; color: #414D5F; padding: 8px; }
.code-box { font: 12px "Century gothic", Arial, sans-serif; color:#cacaca; padding: 8px; }
.code_highlight { 
  width: 95%; 
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 12px "Century gothic", Arial, sans-serif;
  /* white-space: pre; */
  background: #4d4d4d; 
  border: 1px dotted #5b5b5b; 
  border-left: 3px solid #5b5b5b;  
}

/* Navigation */
div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over, 
div.menu,
div.menu a.menuItem {
  font: 14px "Century gothic",verdana, Arial, sans-serif; 
  text-align: left; 
}

div.menuBar {
  width: 100%;
	list-style: none;
	line-height: 29px;
}

div.emenuBar {
  text-align: left;
}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
  cursor: pointer;
  background: url(images/bg-menu-a.png) no-repeat right top;
  color: #7b9504; 
  line-height: 29px; 
  margin: 0; 
  padding: 5px 10px 5px 10px; 
  text-align: center; 
  text-decoration: none;
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
	background:url(images/greymenuhover.jpg) repeat-x;
	color: #fff;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover {
	background:url(images/greymenuhover.jpg) repeat-x;
	color: #fff;
}

/* sub links container */
div.menu {
  position: absolute;
  left: -999em;
  top: 0px;
  left: 0px;
  visibility: hidden;
  background: #505358;
  z-index: 101;
  
}
/* sub links item */
div.menu a.menuItem {
  color: #fff;
  display: block;
	background: url(images/greymenuhover.jpg) repeat-x;
	padding: 4px 10px 7px 10px;
	text-decoration: none;
  white-space: nowrap;
  margin-top: -1px;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  color: #7b9504;
  left: 0;
  top: 0;
  background: url(images/greymenu_bg.jpg) repeat-x;
}

div.menu a.menuItem span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #fff;
}

div.menu a.menuItem:hover span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #000;
}

div.menu a.menuItem span.menuItemText {
	padding: 0px 0px 0px 3px;
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 0px solid #a5a5a5;
  border-bottom: 0px solid #fff;
  margin: 4px 2px;
}

a.menuItem.header {
  border-bottom: 0px solid #b3b3b3;
}