* {margin:0;outline:none;padding:0;}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex {font:inherit;font-size:1em}
dfn,i,cite,var,address,em {font-style:normal}
th,b,strong,h1,h2,h3,h4,h5,h6 {font-weight:bold}
a,img,a img,iframe,form,fieldset,abbr,acronym,object,applet {border:none}
caption,th,td,center {text-align:left;vertical-align:top}
q {quotes:"" ""}
ul,ol,dir,menu {list-style:none}
sub,sup {vertical-align:baseline}
a {color:inherit}
hr {display:none}

body {
	font-family: Arial;
	font-size: 12px;
	background: #1e3358 url(images/background.jpg) repeat-x -92px top;
	color: #000;
	text-align: left;
}

.container {
	height: 100%;
	width: 100%;
	min-height: 650px;
	margin: 0px auto;
	max-width: 1296px;
	background: url(images/main-bg.jpg) no-repeat center top;
}

.main {
	width: 1000px;
	margin: 0px auto;
}

header {
	display: block;
	height: 215px;
	width: 100%;
	position: relative;
}

.logo {
	position: absolute;
	top: 115px;
	left: 20px;
	width: 240px;
	height: 80px;
	display: block;
}

.main-menu {
	height: 70px;
	background: url(images/main-menu.png) 0 0 no-repeat;
}

.top-content {
	min-height: 310px;
	background: #fff url(images/top-content.png) 0 0 repeat-x;
	padding: 15px;
	color: #21304d;
}

.top-menu {
	position: absolute;
	top: 30px;
	left: 330px;
}

.top-menu a {
	display: block;
	height: 15px;
    float: left;
}

.top-menu a.separator {
	width: 2px;
	background: url(images/top-menu.png) no-repeat -116px 0px;
	margin: 0px 30px;
}

.top-menu a.military-benefits {
	width: 95px;
	background: url(images/top-menu.png) no-repeat 0px 0px;
}

.top-menu a.live-chat {
    width: 50px;
    background: url(images/top-menu.png) no-repeat -151px 0px;
}

.top-menu a.instant-messenger {
    width: 100px;
    background: url(images/top-menu.png) no-repeat -267px 0px;
}

.top-menu a.bookmark {
    width: 60px;
    background: url(images/top-menu.png) no-repeat -424px 0px;
}

.block {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 207px;
	height: 202px;
}

.block .inner {
	position: relative;
    height: 202px;
    width: 207px;
	background: url(images/block.jpg) no-repeat;
}

.block .inner .login {
	position: absolute;
	top: 54px;
	left: 25px;
	width: 147px;
	height: 16px;
	font-size: 14px;
    border: 0px;
    background: none;
	color: #fff;
}

.block .inner .pass {
    position: absolute;
    top: 90px;
    left: 25px;
    width: 147px;
    font-size: 14px;
    border: 0px;
    background: none;
	color: #fff;
}

.block .inner .ok {
    position: absolute;
    top: 118px;
    left: 20px;
    width: 61px;
	height: 26px;
    font-size: 14px;
	cursor: pointer;
	border: 0px;
	background: none;
}

.block .inner .cancel {
    position: absolute;
    top: 118px;
    left: 94px;
    width: 78px;
    height: 26px;
    font-size: 14px;
    cursor: pointer;
    border: 0px;
    background: none;
}

.block .inner .links {
	position: absolute;
	top: 153px;
	left: 30px;
	font-size: 11px;
}

.block .inner .links .one {
	color: #3190e0 !important;
}

.block .inner .links .two {
    color: #7085a7 !important;
}

.block .inner .links a.one:hover, .block .inner .links a.two:hover {
	text-decoration: none;
}

.main-menu .inner {
	width: 874px;
	height: 60px;
	margin: 0px auto;
	position: relative;
}

.main-menu .inner a {
	background: url(images/main-menu-links.png) no-repeat;
	height: 60px;
	float: left;
	margin-right: 4px;
}

.main-menu .inner a.home {
	width: 80px;
}

.main-menu .inner a.about {
    width: 92px;
	background-position: -84px 0px;
}

.main-menu .inner a.military {
    width: 152px;
    background-position: -180px 0px;
}

.main-menu .inner a.job {
    width: 104px;
	background-position: -337px 0px;
}

.main-menu .inner a.entertainment {
    width: 130px;
	background-position: -446px 0px;
}

.main-menu .inner a.community {
    width: 106px;
	background-position: -581px 0px;
	position: relative;
}

.main-menu .inner .xsubmenu {
	display: none;
	position: absolute;
	top: 0px;
	left: 575px;
	width: 177px;
	z-index: 99;
}

.main-menu .inner .xsubmenu .head {
	height: 17px;
	background: url(images/submenu-head.png);
}

.main-menu .inner .xsubmenu .body {
    background: url(images/submenu-body.png);
}

.main-menu .inner .xsubmenu .bottom {
    height: 17px;
    background: url(images/submenu-bottom.png);
}

.main-menu .inner .xsubmenu .body a {
	display: block;
	background: none;
	height: 12px;
	width: 130px;
	float: none;
	margin: 0px 20px 0px 20px;
	padding: 5px 0px;
	border-bottom: 1px solid #dee1e8;
	text-decoration: none;
	text-align: left;
}

.main-menu .inner .xsubmenu .body a:hover {
	border-bottom: 1px solid #565fa1;
	color: #000;
}


.main-menu .inner a.resources {
    width: 99px;
	background-position: -692px 0px;
}

.main-menu .inner a.join {
    width: 79px;
	background-position: -796px 0px;
}

.main-menu .inner a.logout {
    width: 79px;
    background-position: -881px 0px;
}

.main-menu .inner a.home:hover, .main-menu .inner a.home-active {
	width: 80px;
    background-position: -0px -60px;
}

.main-menu .inner a.about:hover, .main-menu .inner a.about-active {
	width: 92px;
    background-position: -84px -60px;
}

.main-menu .inner a.military:hover, .main-menu .inner a.military-active {
	width: 152px;
    background-position: -180px -60px;
}

.main-menu .inner a.job:hover, .main-menu .inner a.job-active {
	width: 104px;
    background-position: -337px -60px;
}

.main-menu .inner a.entertainment:hover, .main-menu .inner a.entertainment-active {
	width: 130px;
    background-position: -446px -60px;
}

.main-menu .inner a.community-active {
	width: 106px;
    background-position: -581px -60px;
}

.main-menu .inner a.resources:hover, .main-menu .inner a.resources-active {
	width: 99px;
    background-position: -692px -60px;
}

.main-menu .inner a.join:hover, .main-menu .inner a.join-active {
	width: 79px;
    background-position: -796px -60px;
}

.main-menu .inner a.logout:hover, .main-menu .inner a.logout-active {
    width: 79px;
    background-position: -881px -60px;
}

.top-content-footer {
    height: 8px;
    background: url(images/top-content-footer.png) no-repeat;
}

.top-content .left-block {
	float: left;
	width: 210px;
    margin-right: 30px;
}

.top-content .center-block {
	float: left;
	margin-right: 30px;
	width: 440px;
	padding-right: 50px;
	line-height: 17px;
}

.welcome {
	height: 40px;
	padding-bottom: 10px;
	background: url(images/welcome.png) 0px 6px no-repeat;
}

.more {
	display:block;
	width:73px;
	height: 33px;
	background: url(images/more.png) no-repeat;
	margin-top: 10px;
}

.top-content .right-block {
	float: left;
	width: 300px;
}

.left-block .head {
	height: 51px;
	background: url(images/bl-head.png) no-repeat;
}

.left-block .body {
    background: url(images/bl-body.png) repeat-y;
}

.left-block .footer {
	height: 19px;
    background: url(images/bl-footer.png) repeat-y;
}

.left-block .body ul {
	padding-top: 10px;
}

.left-block .body li {
	display: block;
	padding: 5px 0px;
	margin: 0px 30px;
	border-bottom: 1px solid #e4ebf3;
}

.left-block .body a {
	text-decoration: none;
}

.left-block .body a:hover {
    text-decoration: underline;
}

.right-block .bl-1 {
	display: block;
	height: 100px;
	background: url(images/bl-2.png) no-repeat;
	margin-bottom: 10px;
	float: left;
	width: 140px;
	margin: 15px 20px 0px 0px;
}

.right-block .bl-2 {
    display: block;
    height: 100px;
    background: url(images/bl-2.png) no-repeat;
	float: left;
	width: 140px;
	margin: 15px 0px 0px 0px;
}

.clear {
	height: 1px;
	clear: both;
}

.head .title {
	height: 40px;
	background-position: 35px 20px;
}

.t-category {
	background: url(images/t-category.png) no-repeat;
}

.t-google {
    background: url(images/t-google.png) no-repeat;
}

.t-users-blogs {
    background: url(images/t-users-blogs.png) no-repeat;
}

.t-recent-login {
    background: url(images/t-recent-login.png) no-repeat;
}

.main-content {
	padding-top: 20px;
	position: relative;
	z-index: 10;
}

.dark-block {
	float: left;
	width: 220px;
	margin-right: 15px;
}

.dark-block .head {
	background: url(images/dark-head.png) no-repeat;
	height: 42px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 2px;
}

.dark-block .head .angle {
	position: absolute;
	top: 0px;
	right: -10px;
	background: url(images/dark-head-right.png) no-repeat;
	width: 10px;
	height: 42px;
}

.dark-block .head .title {
	background-position: 47px 15px;
}

.dark-block .body {
	max-height: 420px;
	overflow-y: scroll;
}

.dark-block .google {
	max-height: 420px;
	overflow: hidden; 
	padding: 10px 0px;
	margin-bottom: 170px;
	text-align: center;
	color: #fff;
}

.big-item {
	display: block;
	height: 105px;
	background: url(images/big-item.png) no-repeat;
	text-decoration: none;
	border-bottom: 2px solid #090f15;
}

.small-item {
    display: block;
    height: 58px;
    background: url(images/small-item.png) no-repeat;
	text-decoration: none;
	border-bottom: 2px solid #090f15;
}

.footer-small {
	height: 47px;
	margin-bottom: 65px;
	background: url(images/small-item-bottom.png) 0 0 no-repeat;
	position: relative;
}

.footer-big {
    height: 47px;
    margin-bottom: 65px;
    background: url(images/big-item-bottom.png) 0 0 no-repeat;
	position: relative;
}

.big-item h2 {
	display: block;
	font-size: 16px;
	color: #74a6eb;
    padding: 5px 0px 0px 30px;
}

.big-item .info-item {
	padding: 5px 0px 0px 30px;
}

.big-item .info-item img {
	float: left;
}

.big-item .info-item .text {
	margin-left: 95px;
	line-height: 18px;
	padding-right: 60px;
	font-weight: 13px;
	color: #fff;
	height: 60px;
	overflow: hidden;
}

.small-item h2 {
    display: block;
    font-size: 11px;
    color: #fff;
	font-weight: bold;
}

.small-item .info-item {
    padding: 5px 0px 0px 10px;
}

.small-item .info-item img {
    float: left;
}

.small-item .info-item .text {
    margin-left: 70px;
    line-height: 18px;
    padding-right: 25px;
    font-weight: 13px;
    color: #fff;
	line-height: 14px;
}

.online {
    width: 48px;
    height: 16px;
    background: url(images/online.png) no-repeat;
    margin-top: 2px; 
}

.offline {
    width: 48px;
    height: 16px;
    background: url(images/offline.png) no-repeat;
    margin-top: 2px; 
}

.all-user {
    position: absolute;
	top: 8px;
	left: 30px;
	display: block;
	width: 91px;
	height: 30px;
	background: url(images/all-user.png) no-repeat;
}

.whos-online {
	position: absolute;
	top: 15px;
	left: 140px;
    color: #74a6eb !important;
	font-size: 11px;
}

.footer-small .all-user {
	left: 10px;
}

.footer-small .whos-online {
	left: 115px;
}

.bottom-footer {
	height: 35px;
	padding: 160px 0px 35px 0px;
	color: #a8c8ff;
	font-size: 10px;
	background: url(images/helm.png) 0px 0px no-repeat;
	margin-top: -160px;
}

.copyrights {
	float: left;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 17px;
	margin-left: 45px;
}

.copyrights span {
	color: #fff;
}

.bottom-menu {
	margin-left: 250px;
}

.bottom-menu a {
	text-decoration: none;
}

.bottom-menu a:hover {
    text-decoration: underline;
	color: #fff;
}

.title_block {
	color: #000;
}

.main_title_block div {
	text-transform: uppercase;
}

.message_info {
	color: #000;
}

.main_frame, .frame {
	background: #fff;
}

.main_bottom_left, .bottom_left {
	color: #000;
	background: url(images/b-l.png) no-repeat bottom left;
}

.main_bottom_right, .bottom_right {
    background: url(images/b-r.png) no-repeat bottom right;
}

.main_header_left, .header_left {
    background: url(images/h-l.png) no-repeat top left;
}

.main_header_right, .header_right {
    background: url(images/h-r.png) no-repeat top right;
}

.main_top_gradient, .top_gradient {
	background: url(images/t-b.png) repeat-x top left;
}

.main_bottom_gradient, .bottom_gradient {
    background: url(images/b-b.png) repeat-x bottom left;
}

.main_right_shadow, .right_shadow {
	background: url(images/l.png) repeat-y right top;
}

.main_left_shadow, .left_shadow {
    background: url(images/l.png) repeat-y left top;
}

.main_header_gradient, .header_gradient {
	background: url(images/tt.png) no-repeat 1px 1px;
}

.main_title_block {
	padding: 9px 0px 0px 30px;
	margin-bottom: 25px;
}

.title_block {
    padding: 9px 0px 0px 40px;
    margin-bottom: 25px;
}

.main_title_block img, .title_block img {
	display: none;
}

.main_title_block div, .title_block div {
	color: #2c373d;
	font-family: Arial;
}

.bottom_left a {
	color: #000;
}

#chat {
	background: #fff;
}

#main {
	background: none;
}

a:hover {
	color: #000;
}

.cellBorder {
	background: none;
}

.main-link {
	display: block;
	height: 150px;
	width: 220px;
	position: absolute;
	top: 50px;
	left: 25px;
}

.title_block a {
	color: inherit;
}

.borderTable td {
	border-color: #eaeef3;
}

.headerTable {
	background: #eaeef3;
	color: #000;
}

.headerTable td {
	border-color: #ddd;
}

.submenuTop {
	background: #f6f6f6;

}

.submenuTop table {
	margin-top: 15px;
}

.submenuTop td {
	text-align: center;
}

.item2 a {
	color: #222 !important;
}

.item2 a:hover {
	color: #222;
}

a.link_action {
	color: #222;
}

.item a {
	color: #000 !important;
}

p {
	color: #222;
}

.block-not {
    position: absolute;
    top: 0px;
    right: 20px;
    width: 207px;
    height: 202px;
}

.block-not .inner {
    position: relative;
    height: 202px;
    width: 207px;
    background: url(images/block-not.jpg) no-repeat;
	color: #fff;
}

.block-not .inner a {
	color: #fff;
	text-decoration: none;
}

.block-not .inner a:hover {
	color: #fff;
	text-decoration: underline;
}

.top-content, .top-content-footer {
	position: relative;
	z-index: 10;
}

.text p {
	color: #fff;
}

.copyrights a {
	text-decoration: none;
}

.copyrights a:hover {
	color: #A8C8FF;
}