html{height:100%;}
body {width:100%; min-width:1000px; background: url(/img/bg-2.gif) top left repeat-x; background-color: #000; background-position: 0px -120px;}

/* typography.css */
body {font: 12px/16px Arial, sans-serif; color: #111;}
h1 {font-size: 24px; line-height:1; margin-bottom:0.5em; color: #5a8dd4;}
h2 {font-family: Arial, sans-serif; font-style: italic;	font-size: 1.8em; color: #333; text-decoration: none; margin: 0px 0px 10px 0px}
h3 {font-size: 24px; line-height:1.2; margin-bottom:0.5em; color: #111;/* text-shadow: 0px 1px #666*/}
h4 {font-size: 18px; color: #333; font-weight: normal; padding: 15px 0px 5px 0px; float: none}
h5 {font-size: 22px; line-height:1; margin-bottom:0.5em; color: #5a8dd4;}
h6 {font-size: 11px; font-weight:bold;color: #333;}

/* padding - margin */
.p-5 {padding: 5px}
.p-10 { padding: 10px}
.p-15 {padding: 15px}
.p-20 {padding: 20px}
.p-30 {padding: 30px}

.pt-5 {padding-top: 5px}
.pt-10 {padding-top: 10px}
.pt-15 {padding-top: 15px}
.pt-20 {padding-top: 20px}
.pt-30 {padding-top: 30px}

.pb-5 {padding-bottom: 5px}
.pb-10 {padding-bottom: 10px}
.pb-15 {padding-bottom: 15px}
.pb-20 {padding-bottom: 20px}
.pb-30 {padding-bottom: 30px}

.pl-5 {padding-left: 5px}
.pl-10 {padding-left: 10px}
.pl-15 {padding-left: 15px}
.pl-20 {padding-left: 20px}
.pl-30 {padding-left: 30px}

.pr-5 {padding-right: 5px}
.pr-10 {padding-right: 10px}
.pr-15 {padding-right: 15px}
.pr-20 {padding-right: 20px}
.pr-30 {padding-right: 30px}


.floatLeft {float: left}
.floatRight {float: right}
.small {font-size: 12px}
.strong {font-weight: bold}
.displayNone {display: none}
.visibleNone {visibility: hidden}
.italic {font-style: italic;}
.note {color: #b7bba4; font-style: italic}
.bold {font-weight: bold}
.white, .white:hover {color: #fff;}
.line {border-bottom: 1px solid #c7c7c7; width: auto; margin: 10px 0px 10px 0px; height: 1px; line-height: 1px; }

/* links */
a {color:#3399ff;text-decoration:underline;}
a:link {text-decoration: underline}
a:hover {text-decoration: none}
a:active {text-decoration: none}
a:visited {text-decoration: underline}
a:focus, a:hover {color:#3399ff; outline: none;}
a:hover {text-decoration: none}
a.select {text-decoration: none; color: #ff9933}
a:-moz-any-link:focus {outline: none;} /* firefox focus fix */

#wrap {position: relative; background: transparent; width:1000px;	margin: 0px auto; min-height:100%; height:auto !important; height:100%;}

/* top */
.top {width: 1000px; height: 235px;}
.top .gun {background:url(/img/gun-2.png) top left no-repeat; position: absolute; width: 1100px; height: 250px; top: 0px; left: -150px;}
.top .logo {background:url(/img/logo.png) top left no-repeat; width: 300px; height: 200px; position: relative;  top: 15px; left: 360px;}
.top .slogan {color: #fff; font-size: 24px; font-weight: normal; position: relative; top: -170px; left: 760px; line-height: 1em; width: 200px; height: 60px;}
.top .address {color: #fff; font-size: 16px; position: relative; top: -130px; left: 760px; line-height: 1.2em; width: 200px; height: 60px;}

/* menu */
#nav {position: relative;  margin: 0 auto;  padding: 0px;  width: 945px;  height: 36px;  z-index: 1200; color: #44712b;  background:url(/img/menu-bg-2.gif);}
.nav-links {float: left;  margin: 0; padding: 4px 7px 0 25px;  height: 30px;  /*background: url(separator.gif) no-repeat 100% 50%;*/  list-style: none;  }
#nav-primary {font-size: 12px; font-weight: bold;}
#nav-secondary {padding-left: 5px;  font-size: 12px;  background: none;}
.nav-item {float: left; margin: 0; padding: 0; background: none;}
#nav-icon {float: left; margin: 6px 0 0 0; padding: 0 10px 0 0; width: 16px; height: 16px;}
#nav-icon-inner {display: none;}
#nav-icon:hover {background-position: bottom left;}
.nav-link, .nav-menu .nav-link:hover{float: left; text-decoration: none; line-height: 1em; /*background-image: url(link.gif);  background-repeat: no-repeat; background-position: 0px 0;*/ color: #272d27; font-size: 11px; text-decoration: none !important; position: relative; left: 4px; margin-left: -4px; text-transform: uppercase;}
.nav-link .nav-link-inner{/*  background-position: 100% -33px;*/ padding: 10px 12px 0px 12px;}
.nav-link-inner {float: left;  padding: 9px 10px 0 10px;  height: 21px;  /*background-image: url(link.gif);  background-repeat: no-repeat;  background-position: 0 0;  */}
.nav-single {float: left; text-decoration: underline; line-height: 1em; color: #000; position: relative; left: 4px; margin-left: -4px; font-size: 11px;}
.nav-link-single {float: left; padding: 9px 10px 0 10px; height: 21px;}
.nav-menu {position: relative;}
.hover .nav-link, .hover .nav-link:hover {position: relative; left: 4px; margin-left: -4px; color: #fff; /* background-position: 0 -90px;  */ background: #260b01; opacity:0.9;filter:alpha(opacity=90);}
.hover .nav-link .nav-link-inner,
.hover .nav-link:hover .nav-link-inner {/*  background-position: 100% -123px;*/ padding: 10px 12px 0px 12px; height: 22px;}
.nav-link .actionIcon {float: left; margin: 1px 6px 0 0; width: 10px; height: 10px;  overflow: hidden;  }
a.nav-link:hover .actionIcon img {position: static; top: 0;}
#nav .hover .actionIcon img {position: relative; top: -10px;}
.menu-content {display: none; position: absolute; top: 31px; left: 0; padding: 5px 10px 10px 10px; width: auto; min-width: 170px; z-index: 1500; background: #260b01 url(menu_corner.png) no-repeat top right; opacity:0.9;filter:alpha(opacity=90);  border-radius: 0px 10px 10px 10px;  -opera-border-radius: 0px 10px 10px 10px;  -o-border-radius: 0px 10px 10px 10px;  -moz-border-radius: 0px 10px 10px 10px; -webkit-border-top-left-radius: 0px;  -webkit-border-top-right-radius: 10px;  -webkit-border-bottom-left-radius: 10px;  -webkit-border-bottom-right-radius: 10px;}
.hover .menu-content {display: block;}
.menu-items {margin: 5px 0 0 0;  padding: 0;  font-size: 11px;  font-weight: normal;  list-style: none;  white-space: nowrap;}
.menu-item {margin: 1px 0 0 0;  padding: 0;  background: #260b01;}
.menu-link, .menu-link:visited {  display: block;  padding: 8px;  color: #fff;  line-height: 1em;  }
.menu-link:hover {  color: #fff;  background: #ae2521;  text-decoration: none;}
.menu-link:active {color: #fff;  background: #4da621;}
.menu-link-extra {float: right;  margin: 1px 0 0 10px;  font-size: 10px;  color: #bfff7f;}
.menu-link:hover .menu-link-extra {  color: #fff;}
.menu-link-detail {  display: block;  margin: 4px 0 0 0;  color: #7c8079;  font-size: 10px;}
.menu-link:hover .menu-link-extra, .menu-link:hover .menu-link-detail, .menu-link:hover .menu-tool-status {  color: #fff;}
#menu-tools {  width: 312px;}
#menu-tools .menu-tool {  float: left;  width: 155px;  margin-right: 1px;}
#menu-tools .menu-tool img {  float: left;   margin: -3px 5px 0 -4px;}
.menu-tool-status {color: #bfff7f; font-style: italic; font-size: 10px;}

.middle {}
.middle .mainBlock  {width: 945px; height: auto; padding: 0px 10px 0px 30px;}
.middle .mainBlock .notepad {width: 945px; height: auto;}
.middle .mainBlock .notepad .notepad-top {background:url(/img/notepad-bg-top.png) top left no-repeat; width: 945px; height: 95px;}
.middle .mainBlock .notepad .notepad-middle {background:url(/img/notepad-bg-middle.png) top left repeat-y; width: 945px;  min-height:100%; height:auto !important; height:100%; padding: 0px 20px;}
.middle .mainBlock .notepad .notepad-bottom {background:url(/img/notepad-bg-bottom.png) top left no-repeat; width: 945px; height: 40px;}

/* content */
.mainBlock {width: 100%;  min-height:100%; height:auto !important; height:100%; display: table}
.mainBlock h2.title {padding: 15px 25px; margin-top: 10px;}
.mainBlock .breadcrumps {padding: 5px 25px; height: 18px; font-size: 11px;}
.mainBlock .date {color: #c7b299}
.mainBlock .news {width: 80%;}
.mainBlock .select {padding: 3px 5px; background: #ae2521; margin: 0px 3px;}

.mainBlock .actions {width: 265px; height: auto; display: block}

.mainBlock .actions table td.actions-bg-top {background:url(/img/actions-bg-top.png) top left no-repeat; width: 265px; height: 45px; }
.mainBlock .actions table td.actions-bg-middle {background:url(/img/actions-bg-middle.png) top left repeat-y; width: 265px; height:auto;}
.mainBlock .actions table td.actions-bg-bottom {background:url(/img/actions-bg-bottom.png) top left no-repeat; width: 265px; height: 25px;}


.mainBlock .media {width: 100%;  min-height:100%; height:auto !important; height:100%; display: table}
.mainBlock .media table {width: 100%; height: auto}
.mainBlock .media table tr td {padding: 0px 5px; vertical-align: top;}
.mainBlock .media .mediaBlock {width: 200px; height: auto; display: block}
.mainBlock .media .mediaBlock .name {padding: 5px 12px; display: block;}
.mainBlock .media .mediaBlock .frame {width: 190px; height: 227px; background-image:url(/img/test.jpg); background-position: 5px 2px}
.mainBlock .media .mediaBlock .frame-mask {width: 195px; height: 235px; background:url(/img/mask.png) no-repeat; display: table}
.mainBlock .media .mediaBlock .now-many { position: relative; top: -30px; left: 10px; width: 180px; height: 30px; color: #c7b299}
.mainBlock .media .mediaBlock .playBtn { position: relative; top: -150px; left: 70px; width: 50px; height: 50px;}

.actions .mediaBlock {width: 200px; height: auto; display: block}
.actions .mediaBlock .name {padding: 5px 12px; display: block;}
.actions .mediaBlock .frame {width: 190px; height: 227px; background-image:url(/img/test.jpg); background-position: 5px 2px}
.actions .mediaBlock .frame-mask {width: 195px; height: 235px; background:url(/img/mask.png) no-repeat; display: table}
.actions .mediaBlock .now-many { position: relative; top: -30px; left: 10px; width: 180px; height: 30px; color: #c7b299}
.actions .mediaBlock .playBtn { position: relative; top: -150px; left: 70px; width: 50px; height: 50px;}




.mainBlock .paging {width: 100%; height: 50px; display: block}
.mainBlock .paging .numbers {padding: 10px 0px 10px 10px;}
.mainBlock .paging .numbers a { padding: 2px 3px; background: #f1dfca; margin: 0px 3px;}
.mainBlock .paging .numbers span {padding: 2px 3px; margin: 0px 3px; font-weight: bold;}

.footer {position: relative; background: transparent; width: 940px; padding: 5px 5px 0px 30px; margin: 0px auto; height:auto !important; height: 200px; color: #fff;}
.footer .menu {font-size: 11px; display: block; height: 180px; width: 940px;}
.footer .menu ul li a {color: #fff;}
.footer .menu ul {float: left; padding: 0px 10px 5px 0px; width: 120px;list-style-image:none;list-style-position:outside;list-style-type:none;}
.footer .menu ul li {line-height: 1.4em; padding-bottom: 5px;}
.footer .menu ul li.title {font-weight: bold; padding-bottom: 10px; height: 30px;}
.footer .address {color: #fff; line-height: 1.2em; width: 550px; height: 80px; display: table;}
.footer .logo-small {background:url(/img/logo-small.png) top left no-repeat; width: 180px; height: 50px;}
.footer .predator {background-image:url(/img/predator.png); background-position: 0px 0px; background-repeat: no-repeat; position: absolute; width: 200px; height: 230px; top:130px; right: 0px;}


.style1 {
	color: green;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight : bolder;
	font-size: 10pt;
}
.style2 {
	color: red;
  background-color: #dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight : bolder;
	font-size: 12pt;
}

.notepad_middle ul, .notepad_middle ol, .notepad_middle li
{
list-style-position: inside !important;
list-style-type:disk !important;
}
 

.font9 {font-size:9px;}
.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font20 {font-size:20px;}
.font24 {font-size:24px;}
.font30 {font-size:30px;}