/* 	H2H Defence
	Last updated on August 30, 2008
	Created & Modified by SUMATHI
*/

/*======================================================================================================================
														BODY
========================================================================================================================*/

BODY {
	padding: 0px;
	margin: 0px;
	background-color: #F4F4F5;
	background-attachment: scroll;
	background-image: url("../graphics/bgMainPage.jpg");
	background-repeat: repeat-y;
	background-position: center top;	
	font-family: Arial, Helvetica, sans-serif;
}	
.main {
	width: 760px;
	padding: 0px 20px 0px 19px;
	margin: 0px auto;	
	background-color: #FFFFFF;
}
/*======================================================================================================================
														HEADER
========================================================================================================================*/
.headerT {
	width: 760px;
	float: left;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	background-color: #FFFFFF;	
	border-bottom: 1px solid #EFEFEF;
}
.headerTL {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 540px;
}
.headerTL ul {
	padding: 0px;
	margin: 0px;
}
.headerTL ul li {
	list-style-position:inside;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	display: inline;
	font-weight: bold;
	font-size: 65%;
	font-size: 10px;
	color: #231F20;
}
.headerTL ul li a {
	font-weight: bold;
	color: #000002;
	text-decoration: none;
}
.headerTL ul li a:hover {
	color: #F48025;
	text-decoration: none;
}

.headerT a {
	color: #F48025;
	text-decoration: none;
}
.headerT a:hover {
	color: #000002;
	text-decoration: none;
}
.orangeText{
	color: #F48025;
}
.headerTR {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 220px;
	text-align: right;
}
.headerTR ul {
	padding: 0px 1px 0px 0px;
	margin: 0px;
}
.headerTR ul li {
	list-style-position:inside;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 15px;
	display: inline;
	font-weight: bold;
	font-size: 65%;
	color: #F48025;
}
.headerM {
	width: 760px;
	float: left;
	padding: 27px 0px 19px 0px;
	margin: 0px;
	background-color: #FFFFFF;	
}
.headerLogo {
	padding: 0px 0px 0px 0px;
	float: left;
	width: 324px;
	margin: 0px;
}
.headerMR {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 435px;
	text-align: right;
}
/*======================================================================================================================
														MAIN MENU
========================================================================================================================*/
.mainMenu {
	width: 760px;
	float: left;
	height: 18px;
	padding: 2px 0px 2px 2px;
	margin: 0px 0px 7px 0px;
	background-color: #000000;	
}
/*.mainMenu ul {
	padding: 0px;
	margin: 0px;
	display: inline;
	list-style: none;
	text-align: left;
}
.mainMenu ul li {
	line-height: 12px;
	font-weight: bold;
	font-size: 65%;
	list-style: none;
	list-style-type: none;
}
.mainMenu ul li a:hover {
	background-color: #F48026;
	color: #000000;
	text-decoration: none;
}*/
.list1 {
	float: left;
	height: 18px;	
}
.list1 a {
	padding: 2px 10px 0px 9px;
	background-color: #000000;
	color: #F48026;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list1a {
	float: left;
	height: 18px;	
}
.list1a a {
	padding: 2px 10px 0px 9px;
	background-color: #F48026;
	color: #000000;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list2 {
	float: left;
	height: 18px;	
}
.list2 a {
	padding: 2px 15px 0px 15px;
	background-color: #000000;
	color: #F48026;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list2a {
	float: left;
	height: 18px;	
}
.list2a a {
	padding: 2px 15px 0px 15px;
	background-color: #F48026;
	color: #000000;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list3 {
	float: left;
	height: 18px;	
}
.list3 a {
	padding: 2px 10px 0px 10px;
	background-color: #000000;
	color: #F48026;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list3a {
	float: left;
	height: 18px;	
}
.list3a a {
	padding: 2px 10px 0px 10px;
	background-color: #F48026;
	color: #000000;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list4 {
	float: left;
	height: 18px;	
}
.list4 a {
	padding: 2px 17px 0px 17px;
	background-color: #000000;
	color: #F48026;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list4a {
	float: left;
	height: 18px;	
}
.list4a a {
	padding: 2px 17px 0px 17px;
	background-color: #F48026;
	color: #000000;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list5 {
	float: left;
	height: 18px;	
}
.list5 a {
	padding: 2px 20px 0px 20px;
	background-color: #000000;
	color: #F48026;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list5a {
	float: left;
	height: 18px;	
}
.list5a a {
	padding: 2px 20px 0px 20px;
	background-color: #F48026;
	color: #000000;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list6, .list8, .list9 {
	float: left;
	height: 18px;	
}
.list6 a, .list8 a, .list9 a {
	padding: 2px 13px 0px 14px;
	background-color: #000000;
	color: #F48026;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list6a, .list8a, .list9a {
	float: left;
	height: 18px;	
}
.list6a a, .list8a a, .list9a a{
	padding: 2px 13px 0px 14px;
	background-color: #F48026;
	color: #000000;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list7 {
	float: left;
	height: 18px;	
}
.list7 a {
	padding: 2px 20px 0px 20px;
	background-color: #000000;
	color: #F48026;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.list7a {
	float: left;
	height: 18px;	
}
.list7a a {
	padding: 2px 20px 0px 20px;
	background-color: #F48026;
	color: #000000;
	height: 16px;	
	display: block;
	float: left;	
	text-decoration: none;
}
.headerBottom {
	padding: 0px;
	margin: 0px;
	width: 760px;
	float: left;
	background-color: #000000;
	background-attachment: scroll;
	background-image: url("../graphics/bgMainImg.jpg");
	background-repeat: repeat-y;
	background-position: left top;
}
.headerBottomL {
	padding: 0px;
	margin: 0px;
	width: 574px;
	float: left;
}
.headerBottomLB {
	padding: 9px 24px 5px 11px;
	margin: 0px;
	width: 539px;
	float: left;
}
.headerBottomLB p {
	padding: 0px;
	margin: 0px;
	line-height: 15px;
	font-size: 75%;
/*	font-size: 12px;*/
	color: #F48025;
	font-weight: bold;
}
.headerBottomLB a, .headerBottomRBox a, .contentBottom a {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	font-size: 9px;
	color: #FFFFFE;
	font-weight: bold;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url("../graphics/bgWhiteArrow.gif");
	background-repeat: no-repeat;
	background-position: right center;
}
.headerBottomLB a:hover, .headerBottomRBox a:hover, .contentBottom a:hover {
	color: #F48025;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url("../graphics/bgWhiteArrowOver.gif");
	background-repeat: no-repeat;
	background-position: right center;
}
.headerBottomR {
	padding: 0px;
	margin: 0px 0px 0px 2px;
	width: 184px;
	float: left;
}
.headerBottomRBox {
	padding: 0px;
	margin: 0px 0px 2px 0px;
	width: 184px;
	float: left;
}
.headerBottomRBoxB {
	padding: 4px 0px 4px 34px;
	margin: 0px 0px 0px 0px;
	width: 150px;
	float: left;
	background-attachment: scroll;
	background-image: url("../graphics/bgRaidbox.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #000000;
}
.headerBottomRBoxB p {
	padding: 0px;
	margin: 0px;
	font-size: 70%;
	color: #F48025;
	font-weight: bold;
}
/*======================================================================================================================
														MAIN CONTENT
========================================================================================================================*/
.mainContent {
	padding: 11px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 760px;
}
.welcomeArea {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 760px;
}
.welcomeAreaL {
	padding: 0px 15px 0px 0px;
	margin: 0px;
	float: left;
	width: 565px;
}
.welcomeAreaR {
	padding: 8px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 180px;
}
.welcomeAreaR h2 {
	padding: 0px;
	margin: 0px;
	font-size: 75%;
	color: #F48025;
	font-weight: bold;
}
.welcomeAreaR p {
	padding: 0px;
	margin: 0px;
	font-size: 60%;
	color: #F48025;
	font-weight: bold;
	line-height: 12px;
}
.welcomeAreaR img {
	padding: 12px 0px 12px 0px;
	margin: 0px;
}
.welcomeAreaR a {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	font-size: 9px;
	color: #939598;
	text-decoration: none;
	font-weight: bold;
	background-attachment: scroll;
	background-image: url("../graphics/bgGrayArrowOver.gif");
	background-repeat: no-repeat;
	background-position: right center;	
}
.welcomeAreaR a:hover {
	color: #F48025;
	text-decoration: none;
	background-image: url("../graphics/bgGrayArrow.gif");	
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right center;	
}
.mainContent h1 {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	font-size: 12px;
	font-weight: bold;
}
.mainContent h3 {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	font-size: 12px;
	font-weight: bold;
}
.mainContent h4 {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	font-size: 12px;
	font-weight: bold;
}
.welcomeAreaL p, .contentBox p, .contentBoxM p {
	padding: 8px 0px 17px 0px;
	margin: 0px;
	font-size: 75%;
	font-weight: normal;
	color: #939598;
	line-height: 15px;
	text-align: justify;
}
.welcomeAreaL a, .contentBox a, .contentBoxM a {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	font-size: 9px;
	color: #F48025;
	text-decoration: none;
	font-weight: bold;
	background-attachment: scroll;
	background-image: url("../graphics/bgOrangeArrow.gif");
	background-repeat: no-repeat;
	background-position: right center;	
}
.welcomeAreaL a:hover, .contentBox a:hover, .contentBoxM a:hover {
	color: #939598;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url("../graphics/bgOrangeArrowOver.gif");
	background-repeat: no-repeat;
	background-position: right center;	
}
.contentBox {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 240px;
}
.contentBoxM {
	padding: 0px 20px 0px 20px;
	margin: 0px;
	float: left;
	width: 240px;
}
/*======================================================================================================================
														CONTENT BOTTOM
========================================================================================================================*/
.contentBottom {
	padding: 9px 7px 9px 12px;
	margin: 0px 0px 12px 0px;
	float: left;
	width: 741px;
	background-color: #000000;
}
.contentBottomT {
	padding: 0px 0px 6px 0px;
	margin: 0px;
	float: left;
	width: 741px;
}
.contentBottomB {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 741px;
}
.contentBottom h2 {
	color: #F48025;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 70%;
}
.contentBottom p {
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 70%;
}
.signUpBox {
	padding: 0px 9px 0px 0px;
	margin: 0px;
	float: left;
	width: 175px;
}
.newsBox {
	padding: 0px 9px 0px 0px;
	float: left;
	margin: 0px;
	width: 175px;
}
.newsArea {
	margin: 0px 0px 0px 0px;
	border: 1px solid #808080;
	width: 173px;
	float: left;
}
.visitBox {
	padding: 0px 9px 0px 0px;
	margin: 0px;
	float: left;
	width: 194px;
}
.visitBox1 {
	padding: 0px 9px 0px 0px;
	margin: 0px;
	float: left;
	width: 194px;
	height: 146px;
}
.instructorBox {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 169px;
}
.selectOption {
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 9px 0px;
	width: 165px;
	font-size: 70%;
	color: #000001;
}
/*======================================================================================================================
														MAIN CONTENT INNER
========================================================================================================================*/
.mainContentI {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
	float: left;
	width: 760px;
	background-attachment: scroll;
	background-image: url("../graphics/bgContentInner.jpg");
	background-repeat: repeat-y;
	background-position: left top;
}
.mainContentIL {
	padding: 0px 0px 0px 15px;
	margin: 0px;
	float: left;
	width: 175px;
	background-color: #666666;
}
.mainContentIL ul {
	padding: 15px 0px 0px 0px;
	margin: 0px;
	list-style: none;
	list-style-type: none;
}
.mainContentIL ul li {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 12px;
	color: #FFFFFE;
	font-size: 65%;
}
.mainContentIL ul li a {
	padding: 0px 0px 0px 15px;
	margin: 0px;
	color: #FFFFFE;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url("../graphics/bgListArrow.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
.mainContentIL ul li a:hover {
	color: #F48025;
	background-attachment: scroll;
	background-image: url("../graphics/bgListArrowOver.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;	
}	
.mainContentIR {
	padding: 17px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 560px;
	background-color: #FFFFFF;
}
.mainContentIR h1 {
	padding: 0px 0px 13px 0px;
	margin: 0px;
	color: #000001;
	font-weight: bold;
	font-size: 75%;
}
.mainContentIR p {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	color: #939598;
	font-weight: normal;
	font-size: 75%;
	text-align: justify;
}

/*======================================================================================================================
														MAIN CONTENT INNER1
========================================================================================================================*/
.mainContentI1 {
	padding: 17px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
	float: left;
	width: 760px;
	background-color: #FFFFFF;
}
.mainContentI1 h1 {
	padding: 0px 0px 13px 0px;
	margin: 0px;
	color: #000001;
	font-weight: bold;
	font-size: 75%;
}
.mainContentI1 p {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	color: #939598;
	font-weight: normal;
	font-size: 75%;
	text-align: justify;
}
/*======================================================================================================================
														FOOTER
========================================================================================================================*/
.footer {
	border-top: 1px solid  #EFEFEF;
	width: 760px;
	padding: 6px 0px 10px 0px;
	margin: 0px;
	float: left;
	font-size: 60%;
	color: #BCBEC0;
	line-height: 14px;
}
.footer a { 
	color: #BCBEC0;
	text-decoration: none;
}
.footer a:hover { 
	color: #F48025;
	text-decoration: none;
}