/* 
This are main things for the web.
You don`t need to touch them.
Edit from "Main Parts" part, on line 31.
*/
* {
	margin:0;
	padding:0;
	outline:0;
}
.cl, .clear {
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
}
.l, .left {
	float:left;
	display:inline;
}
.r, .right {
	float:right;
	display:inline;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/*Main Parts*/
h1 {
	background:url(../images/slogan.gif) no-repeat 0 0;
	text-indent:-10000px;
	float:right;
	height:36px;
	width:406px;
}
h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
body {
	color:#476996;
	font-size:12px;
	line-height: 16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	background:#043c89;
}
.top {
	background:#0c449b url(../images/bg-top.gif) repeat-y top left;
	padding:0 6px 14px;
}
.footer {
	padding:10px 0 20px;
	background:#043c89;
	border-top:solid 1px #a2b6d4;
	text-align: center;
}
.content {
	background:#fff url(../images/shadow-top.gif) repeat-x 0 0;
	padding:15px 10px 100px 0;
}
/*End Main Parts*/
/*TOP NAVIGATION*/
.top-nav {
	padding-top:14px;
	padding-left: 24px;
}
.top-nav li {
	list-style-type:none;
	display:inline;
}
.top-nav li a {
	float:left;
	height:18px;
	margin-right:16px;
	text-indent:-10000px;
}
.top-nav li a#home {
	background:url(../images/b-home.gif) no-repeat 0 0;
	width:75px;
}
.top-nav li a#home:hover,
.top-nav li a#home.active {
	background:url(../images/b-home-hover.gif) no-repeat 0 0;
}
.top-nav li a#contact {
	background:url(../images/b-contact.gif) no-repeat 0 0;
	width:117px;
}
.top-nav li a#contact:hover,
.top-nav li a#contact.active {
	background:url(../images/b-contact-hover.gif) no-repeat 0 0;
}
.top-nav li a#join {
	background:url(../images/b-join.gif) no-repeat 0 0;
	width:85px;
}
.top-nav li a#join:hover,
.top-nav li a#join.active {
	background:url(../images/b-join-hover.gif) no-repeat 0 0;
}
.top-nav li a#services {
	background:url(../images/b-services.gif) no-repeat 0 0;
	width:97px;
}
.top-nav li a#services:hover,
.top-nav li a#services.active {
	background:url(../images/b-services-hover.gif) no-repeat 0 0;
}
.top-nav li a#about {
	background:url(../images/b-about.gif) no-repeat 0 0;
	width:102px;
}
.top-nav li a#about:hover,
.top-nav li a#about.active {
	background:url(../images/b-about-hover.gif) no-repeat 0 0;
}
/*END TOP NAVIGATION*/

.imgbox {
	padding-left: 49px;
	padding-top: 100px;
	z-index:1;
}
.logo {
	background:url(../images/logo.gif) no-repeat 0 0;
	height:101px;
	width:247px;
	display:block;
	text-indent:-10000px;
	margin-left:35px;
}
.main-cont {
	padding:38px 60px 0 0;
}
.main-cont .left {
	width:500px;
	padding-top:30px;
	background: #fff;
}
.main-cont .right {
	width:38.8%;

}
.sub-nav {
	padding-left: 54px;
}
.sub-nav li {
	list-style-type:none;
	padding:10px 0 10px 5px;
}
.sub-nav li a {
	color:#0b3081;
	font-weight:bold;
	font-size:20px;
	text-transform:capitalize;
}
.sub-nav li a:hover {
	color: #B0D801;
	text-decoration: none;
}
.sub {
	background:#043c89 url(../images/sub-menu-right.gif) no-repeat right top;
	padding-top: 10px;
	z-index: 100;
	position: relative;
}
.sub ul {
	padding:0 32px;
	line-height: 40px;
}
.sub ul.small {
	width: 178px;
	padding-right: 0;
	padding-left: 11px;
	line-height: 20px;
}
.sub ul.small li {
	list-style-type: none;
}
.sub ul.small li a {
	font-size: 13px;
	font-weight: bold;
	background: url(../images/dot-2.gif) no-repeat 0 5px;
} 
.sub ul li {
	list-style-position: outside;
	list-style-type: none;
	color: #eaffff;
}
.sub ul li a {
	color: #eaffff;
	font-size: 20px;
	padding-left: 10px;
	background: url(../images/dot-1.gif) no-repeat 0 8px;
}
.sub ul li a:hover,
.sub ul li a.active {
	color: #a8d6ec;
	text-decoration: none;
}
.subnav-bot {
	height: 19px;
	padding:0 32px;
	background: url(../images/sub-menu-bot.gif) no-repeat right bottom;
}
.subnav-mouse {
	background: url(../images/sub-menu-bot-mouse.gif) no-repeat right bottom;
}
.text {
	color: #0a617c;
}
.text ul {
	padding-left:20px;
	margin-left: 5px;
}
.text ul.num {
	list-style-type: decimal;
}
.text a:visited {
	color: #0a617c;
}
.footer p {
	font-size:11px;
	margin-left:35px;
	color:#fff;
}
.footer p a {
	color:#fff;
	padding: 0 4px;
}
.main-cont .contact {
	width: 380px;
	text-align: center;
	margin-right: 50px;
	padding-top: 50px;
	font-size: 26px;
	line-height: 30px;
	color: #0b3e8d;
}
.main-cont .contact a {
	color: #0b3e8d;
}