body {
	font-family:"Arial";
	font-size: 12px;
	text-align:justify;
	color:#FFFFFF;
	background:#000000;
	margin: 0;
	padding:0;
}

.div1bg {
    float:left;
    width:100%;
    background:#670001;
    margin: 0;
	padding:0;
}

/*Gradiant backgroun*/
.div2bg {
  	float:left; 
    width:100%;  
    background: #670001 url(../images/subpages_background.jpg) repeat-x;
	
}

.div2bg_home {
  	float:left; 
    width:100%;  
    background: #7e0001 url(../images/home_background.jpg) repeat-x;
	
}

.pagecontent {
    width:815px;
    margin-top:0; 
    margin-left:auto; 
    margin-right:auto;

}


.topmenu_bg {
	float:left;
	position:relative;
    width:815px;
	height:124px;
	z-index:1000;
    background: url(../images/menu_background.jpg) no-repeat;
    z-index: 1000;
     
}

.BodyContentDiv {
   float:left;
   position:relative;
}

.LeftColDiv_home {
    float:left;
    width:270px; 
    background: #ac1a14;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}

.LeftColDiv{
    float:left;
    width:174px; 
    background: #ac1a14;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}

/*clear.gif link to home */
.site_logo {
    float:left;
    width:296px;
    height:34px;
    background:white;
}

/*top menu */
.site_menu {
    /*float:left;*/
    width:790px;
    padding: 70px 0 0 5px;
    font-family: "Arial";
    font-size:10px;
 	color: #c1c1c1;
	z-index: 10000;
	position:absolute;
	top:0;
	left:0;
    	
}

.banner {
    float:left;
    width:815px;
    height:182px;
}

.banner_home {
    float:left;
    width:815px;
    height:249px;
}
.colleft {
    clear:left;
    float:left;
    line-height: 12px;
    margin-top:20px;
    padding-top:10px;
    /*padding-bottom:5px;*/
    width: 174px;
    background: #670001 url(../images/left_background.jpg) repeat-x;
}

.colleft_plain {
    clear:left;
    float:left;
    width: 174px;
}

.colleft_home {
    clear:left;
    float:left;
    line-height: 12px;
    width: 270px;
}

.colright {
    float:left;
    width: 180px;
}

.colnormal {
    float:left;
    padding-top:10px;
    padding-left:200px;
    width: 612px;
    padding-bottom:25px;

}

.colnormal_home {
    float:left;
    padding-top:10px;
    padding-bottom:25px;
    padding-left:300px;
    
}

.colnormal1 {
    float:right;
    width: 815px;
    padding-bottom:25px;
    
   
}

.colnormal2 {
    float:left;
    width: 635px;
    padding-bottom:25px;
   
}

.colnormal3 {
    float:left;
    width: 455px;
    padding-bottom:25px;
    
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#FFFFFF;
}

h1 {
	font-family: "Century Gothic";
	color:#ffffff;
	font-size:24px;
	margin-top:0;
}

h2 {
	font-family: "Century Gothic";
	font-weight:bold;
	font-size:18px;
	color:#ffffff;
	line-height:12px;
}

h3 {
	font-family: "Century Gothic";
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
	line-height:12px;
}

h4 {
	font-family: "Century Gothic";
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	margin-bottom:0;
}

h5 {
	font-family: "Century Gothic";
	color:#ffffff;
	font-size:24px;
	margin-top:0;
	line-height:0;
}

hr {
	height: 1px;
	color: #892a29;

}


ul,li {
	list-style-image:url(../images/yellow_bullet.gif);
	list-style-position: outside;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
}

.footer {
	clear:left;
    float:left;
    font-size:11px;
    color: #989898;
    width:100%;
	padding-top:10px;
	padding-bottom:15px;
}
/*
a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
*/
a:active {
	color:#ffdd65;
	text-decoration:none;
}
	
a:visited {
	color:#ffdd65;
	text-decoration:none;
}

a:link {
	color:#ffdd65; 
	text-decoration:none;
}


h5 a:active {
	color:#ffffff;
	text-decoration:none;
}
	
h5 a:visited {
	color:#ffffff;
	text-decoration:none;
}

h5 a:link {
	color:#ffffff; 
	text-decoration:none;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
margin-bottom:5px;
padding: 0;
}


/*FOR MENU
/* 
 *		Horizontal, top-2-bottom menu
 */


/* - - - ADxMenu: BASIC styles - - - */

/* remove all list stylings */

.menu {
	position: relative;
	width:800px;
	top: -2px;
	left: 15px;
	color: #c1c1c1;
}

.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	font-size: 10px;
}


/* move all list items into one row, by floating them */
.menu li {
	margin: 0;
	padding: 0 15px 0 0;
	border: 0;
	display: block;
	float: left;
	font-size: 10px;
	border-left: .08em solid #c1c1c1;
	/*background: url(../images/yellow_bullet.gif) no-repeat 0 0;*/ 
}

/* define new starting point for the nested UL, thus making positioning is a piece of cake */
.menu li:hover {
	position: relative;
	text-decoration:none;
}

/* force the submenu items into separate rows, while still keeping float:left (which resolves IE6 white-gap problem) */
.menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus.
	first make sure no horizontal scrollbars are visible on initial page load by sliding them all into top-left corner  */
.menu li li div {
	top: 0;
	left: 0;
	line-height:12px;
}

/* ...and then place the submenu where it should be when shown */
.menu li li:hover div {
	left: 100%;
	/*color: #c1c1c1;*/
	color:#ffffff; /*no effect*/
	text-decoration:none;
}

/* initialy hide all sub menus */
.menu div {
	display: none;
	position: absolute;
	z-index: 1000;
}

/* display them on hover */
.menu li:hover>div {
	display: block;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* IE7 float clear: */
.menu, .menu ul {
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu div" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
	
.menu div {
	padding: 10px 15px 15px 27px;
	
    /*padding: 10px 30px 30px 27px;*/
	/*margin: -10px 0 0 -30px;*/
	margin: -10px 0 0 -28px;
	/*background: #f00;*/		/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu {
	color: #c1c1c1; /* no effect*/
}

/* sub menu box */
.menu ul {
	width: 180px;
	color: #c1c1c1;
	font-size: 10px;
/*	background-color: #be6621;
	border-left: 1px solid #e3c8ab;
	border-right: 1px solid #e3c8ab;
	border-bottom: 1px dotted #e3c8ab;*/
	text-decoration: none;
}

.menu li li:hover>div {	/* inset 2nd+ submenus, to show off overlapping */
	/*top: 5px;*/
	left: 90%;
	text-decoration:none;
}

.menu ul a:hover {
	font-size: 10px;
	/*background: #d4a073;  IE6 submenus*/ 
	text-decoration: none;
	border:0;
}



/* hover color for main menu */
.menu li:hover>a {
	/*color: #f9e1c6;*/
	color: #ffffff;
	font-size: 10px;
    /*background-image: url(../../images/nav_arrow_r.gif);
	background-repeat: no-repeat;
	background-position: -1px 10px;*/
	text-decoration: none;
}

.menu li:active>a {
	/*color: #f9e1c6;*/
	color: #ffffff;
	font-size: 10px;
    /*background-image: url(../../images/nav_arrow_r.gif);
	background-repeat: no-repeat;
	background-position: -1px 10px;
	text-decoration: none;*/
}

/* hover color for sub menu */
.menu ul li:hover>a {
	color:#ffffff;
	font-size: 10px;
	text-decoration: none;
	border:0;
}


 /*submenu hover background */
.hover2 li:hover>a {
	font-size: 20px;
	/*background-color: red;*/
	text-decoration: none;
}



/* color of menu */
.menu a {
	color: #c1c1c1;
	padding: 6px;
	padding-right: 15px;
	display: block;
	text-decoration: none;
	
	/*background-image: url(../../images/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: -1px 5px;*/
}

/* sub menu box background*/
.menu ul a {
	/* background: #be6621; /*remove navbutton.gif from submenus*/ 
	background:#1b1b1b;
	/*border-top: 1px dotted #e3c8ab;
	border-left: 1px solid #1b1b1b;*/
	text-decoration: none;
}


.active a{
	color: #ffffff;
	/*background-image: url(../images/nav_arrow_r.gif);
	background-repeat: no-repeat;
	background-position: -1px 10px;*/
	text-decoration: none;

}



/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
.menu {
	display: inline-block;
}
/* End Fix */

/*]]>*/


/******menu end ***/

