
/*----------For the  header and menu panel ---------------*/
#bodystyle{
background-color:#000000;
margin:auto;
}

.wrapper{
margin: auto;
width:934px;
height:auto;
}

.header{
position:relative;
top:10px;
width:934px;
height:314px;
background-image:url(images/head_bg.jpg);
clear:both;
}

.menu{
position: relative;
top:0px;
left:0px;
width:934px;
height:37px;
background-color: #000000;
clear:both;
}

.menu ul {
padding-left:0px;
margin-left:0px;

}

.menu ul li{
background-image: url(images/btn_bg.jpg);
background-repeat: no-repeat;
width:107px;
height:37px;
padding-right:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:center;
padding-top:10px;
list-style:none;
float:left;
}

.menu ul li a{
 color:#FFFFFF;
text-decoration: none;
}

.menu ul li a:hover{
text-decoration: underline;
color:#0000FF;
font-weight:bold;
}


.menu ul li#search{
background-image: url(images/bgc.JPG);
background-repeat: repeat-x;
width:278px;
height:37px;
}

.menu ul li#search form input {	
position: absolute;
top:7px;
left:670px;
padding-left:0px;

}

.menu ul li#search img {
position: absolute;
top:8px;
left:790px;
padding-left:60px;
}

/*------------ End of header and menu panel ---------- */

/* ------------- Start of footer --------------------------- */
.footer{
position:relative;
width:934px;
height:40px;
margin-top:10px;
margin-bottom:10px;
border-top:2px solid #999999;
}

.footer ul{
 padding-top:0px; 
 padding-left:320px;
 list-style:none;
}

.footer ul li{
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
padding-right:25px;

}

.footer ul li a{
color: #CCCCCC;
text-decoration:none;
}

.footer ul li a:hover{
text-decoration: underline;
color:#FF0000;
}

/*------------------- End of footer--------------------- */

/*---------------- For the Home Page Style -------------*/
/*Start of cont_1  */
.cont_1{
position:relative;
width:934px;
height:321px;
margin-top:10px;
}

.left_1{
position: relative;
float:left;
width:643px;
height:311px;
background-image:url(images/tx_bg.JPG) ;
background-repeat:no-repeat;
border:2px solid #18293D;
}

.left_1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align: left;
text-indent:20px;
padding-top:10px;	
padding-left:30px;
padding-right:30px;
color:#FFFFFF;
}

.right_1{
position:relative;
float:right;
top:0px;
width:272px;
height:310px;
background-image:url(images/side_pic.JPG);
border:2px solid #18293D;
}

/*End of cont_1  */

/*Start of cont_2 */
.cont_2{
position:relative;
width:934px;
clear:both;
}

.cont_2_text{
position:relative;
width:934px;
clear:both;
margin-bottom:5px;
padding-top:10px
}

.cont_2_text p#id1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
position:relative;
float:left;
padding-left:15px;
}

.cont_2_text p#id2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
position: relative;
float:right;
padding-right:150px;
}


.left_2{
position:relative;
width:274px;
height:288px;
float:left;
background-color:#200D07;
}

.left_2  ul{
list-style:none;
padding-left:15px;
padding-right:10px;
margin-left:0px;
}

.left_2  ul li{
padding-top:10px;
padding-bottom:10px;
border-bottom:1px dashed #5A240E;
color: #FFFFFF;
font-family:"Times New Roman", Times, serif;
font-size:14px;
}

.middle_2{
position:relative;
width:359px;
height:286px;
float:left;
background-image:url(images/cont_2_pic.jpg);
margin-left:18px;
border:2px solid #00151E;

}
.right_2{
position:relative;
width:261px;
height:288px;
float:right;
background-color:#142233;
}

.right_2  ul{
list-style:none;
padding-left:15px;
padding-right:10px;
margin-left:0px;
}

.right_2  ul li{
padding-top:10px;
padding-bottom:10px;
border-bottom:2px dashed #003B4A;
color: #FFFFFF;	
font-family:"Times New Roman", Times, serif;
font-size:14px;
}

.right_2  ul li a{
text-align:center;
font-weight:bold;
color:#FFFFFF;
text-decoration: underline;
}
.right_2  ul li a:hover{
text-decoration: none;
color:#FF0000;
}

/*End of cont_2 */

/*Start of cont_3 */
.cont_3{
position:relative;
width:934px;
height:300px;
padding-top:10px;
margin-bottom:10px;
clear:both;
}

.left_3{
position:relative;
width:295px;
height:338px;
float:left;
background-image:url(images/cont_3_1.jpg);
background-repeat:no-repeat;

}
.middle_3{
position:relative;
width:296px;
height:338px;
float:left;
background-image:url(images/cont_3_2.jpg);
background-repeat:no-repeat;
margin-left:20px;
}

.right_3{
position:relative;
width:299px;
height:336px;
float:right;
background-image:url(images/cont_3_3.jpg);
background-repeat:no-repeat;
}
/*End of cont_3 */

/* Start of cont_4*/
.cont_4{
position:relative;
width:934px;
margin-top:10px;
height:270px;
clear:both;
}

.cont_4 p{
color: #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
}

#sp{
list-style:disc;
}

#sp li{
color: #CCCCCC;
text-align:left;
padding-left:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
}

.sub_cont_4{
 float:left;
 width:180px;
 margin-right:50px;
}
/*End of cont_4 */

/*---------------------- End of style For the home page --------------------*/

/*---------------------- Start for the service  page --------------------*/
.serveces_page_content{
position:relative;
width:934px;
height:auto;
padding-top:20px;
padding-bottom:20px;
/*border-bottom:1px dashed #FFFFFF;*/
clear:both;
}

.content{
position:relative;
width:642px;
height: auto;
border:2px solid #192A3F;
padding-top:0px;
float:left;
margin-bottom:30px;
background-color:#04080B;
}

#D1{
position:relative;
width:642px;
height:138px;
background-image:url(images/bg1.jpg);
background-repeat:no-repeat;
float:left;
}

#D1 p#pp1{
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size:40px;
font-weight:bolder;
color:#FFFFFF;
margin-top:20px;
margin-left:20px;
margin-bottom:5px;
}

#D1 p#pp2{
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
margin-left:20px;
margin-top:5px;
margin-right:20px;
}


#D2{
position:relative;
width:642px;
height:124px;
background-image:url(images/bg2.jpg);
background-repeat:no-repeat;
float:left;
}

#D2 #D21{
background-image:url(images/2.jpg);
background-repeat:no-repeat;
width:262px;
height:120px;
margin-left:15px;
margin-right:15px;
float:left;
border:2px solid #192A3F;

}

#D2 #D22{
background-image:url(images/3.jpg);
background-repeat:no-repeat;
width:126px;
height:121px;
margin-left:15px;
margin-right:15px;
float:left;
border:2px solid #192A3F;
}

#D2 #D23{
background-image:url(images/4.jpg);
background-repeat:no-repeat;
width:126px;
height:121px;
margin-left:15px;
margin-right:15px;
float:left;
border:2px solid #192A3F;
}

#D3{
position:relative;
width:642px;
height: auto;
background-color:#04080B;
float:left;
padding-top:15px;
}

#D3 #D31{
position:relative;
width:321px;
height: auto;
float:left;
}

#D31 ul{
list-style: square;
}

#D31 ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#8190A4;

}

#D3 #D32{
position:relative;
width:321px;
height:auto;
float: right;
}

#D32 ul{
list-style:square;
}

#D32 ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#8190A4;

}

.side_content{
position:relative;
width:274px;
height:auto;
float:right;
}

.side_content_D1{
position:relative;
width:274px;
height:311px;
background-image:url(images/1.jpg);
background-repeat:no-repeat;
border:2px solid #192A3F;
float:left;
clear:both;
}

.side_content_D2 {
position:relative;
width:274px;
height:auto;
text-indent:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
margin-top:10px;
margin-bottom:10px;
float:left;
clear:both;
}
/*---------------------- End of style For the service  page --------------------*/

/*---------------------- Start of style For the about_us  page --------------------*/
.about_us_content{
position:relative;
width:643px;
height:750px;
border:2px solid #192A3F;
float:left;
clear:both;
}
.about_D1{
position:relative;
width:642px;
height:312px;
float:left;
background-image:url(images/bg3.jpg);
clear:both;
}
.about_D2{
position:relative;
width:642px;
height:438px;
float:left;
background-color:#04080B;
clear:both;
}

.about_us_text{
position:absolute;
width:642px;
height:750px;
top:0px;
left:0px;
clear:both;
}

.about_us_text P{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
padding-left:25px;
padding-right:25px;
}

.about_us_text h1{
font-family:Arial, Helvetica, sans-serif;
font-size:50px;
color:#FFFFFF;
text-indent:25px;
margin-top:15px;
}
/*---------------------- End of style For the about_us  page --------------------*/

/*---------------------- Start of style For the news page --------------------*/
.news_content{
position:relative;
width:643px;
height:750px;
border:2px solid #192A3F;
float:left;
clear:both;
margin-bottom:25px;
}
.news_D1{
position:relative;
width:642px;
height:312px;
float:left;
background-image:url(images/bg3.jpg);
background-repeat: no-repeat;
clear:both;
}
.news_D2{
position:relative;
width:642px;
height:438px;
float:left;
background-color:#04080B;
clear:both;
}

.news_text{
position:absolute;
width:642px;
height:750px;
top:0px;
left:0px;
clear:both;
overflow:auto;
}

.news_text P{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
padding-left:30px;
padding-right:30px;
}

.news_text h1{
font-family:Arial, Helvetica, sans-serif;
font-size:50px;
color: #FFFFFF;
text-indent:30px;
margin-top:15px;
}

.news_text h3{
font-family: "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
text-indent:25px;
margin-top:40px;
margin-bottom:0px;
}

.news_text h6{
font-family: "Times New Roman", Times, serif; 
color: #00FF00;
text-indent:50px;
margin-top:0px;
margin-bottom:0px;
}
/*---------------------- End of style For the news page --------------------*/

/*---------------------- Start of style For the events page --------------------*/
.events_content{
position:relative;
width:643px;
height:750px;
border:2px solid #192A3F;
float:left;
clear:both;
margin-bottom:25px;
}
.events_D1{
position:relative;
width:642px;
height:312px;
float:left;
background-image:url(images/bg3.jpg);
background-repeat: no-repeat;
clear:both;
}
.events_D2{
position:relative;
width:642px;
height:438px;
float:left;
background-color:#04080B;
clear:both;
}

.events_text{
position:absolute;
width:642px;
height:750px;
top:0px;
left:0px;
clear:both;
overflow:auto;
}


.events_text h1{
font-family:Arial, Helvetica, sans-serif;
font-size:50px;
color: #FFFFFF;
text-indent:30px;
margin-top:15px;
}

.event_div{
position:relative;
width:250px;
height:200px;
float:left;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
}

.event_div img{
margin-left:20px;
margin-top:10px;
width:200px;
height:150px;
border:5px solid  #FFFFFF;
}


.event_div P{
font-family: "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
text-align:center;
margin-top:5px;
}
/*---------------------- End of style For the events page --------------------*/

/*---------------------- Start of style For the contact page --------------------*/
 .contact_text{
position:absolute;
width:642px;
height:750px;
top:0px;
left:0px;
clear:both;
overflow:auto;
}

.contact_text h1{
font-family:Arial, Helvetica, sans-serif;
font-size:50px;
color: #FFFFFF;
text-indent:30px;
margin-top:15px;
}

.contact_text P{
font-family: "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
padding-left:50px;
padding-right:30px;
}

.contact_form {
position:relative;
width:350px;
height:auto;
margin-left:25px;
clear:both;
}

.contact_form h3{
font-family: "Times New Roman", Times, serif;
font-style: italic; 
font-size:30px;
color:#FFFFFF;
text-indent:25px;
margin-top:20px;
margin-bottom:20px;
}

.item {
position:relative;
width:350px;
height:30px;
margin-left:100px;
clear:both;
}

.txt {
position:relative;
width:100px;
font-size:14px;
height:auto;
float:left;
color:#FFFFFF;
}

.txt_field {
position:relative;
width:100px;
height: auto;
float: left;

}

#lab1{
color:#FF0000;
position:absolute;
top:5px;
left:90px;
}

#btn1{
position:relative;
width:70px;
height:20px;
margin-top:15px;
}
/*---------------------- End of style For the contact page --------------------*/





