/*
------------------------------------------------------------------------
Theme Name:[projectname]
Author:[authorname]
Author Company URI:http://www.globalwsolutions.com
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/


/* CSS Document */

body{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #e6e7e9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container_out{
	width: 960px;     /*CHANGE HERE*/
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(../images/template_new/bg_container.jpg) repeat-y top left;
}

#container_in{
	margin-right: 30px;
	margin-left: 30px;
	padding: 50px 14px 0px 14px;
}

#header{
	border-top: 2px solid #7c5361;
	padding-top: 15px;
	height: 192px;
}


#h_left{
	float: left;
	width: 280px;
	text-align: center;
}


#h_right{
	float: right;
	width: 580px;
	text-align: right;
}

.c_clear{
	height: 12px;
	clear: both;
}





#content{
	margin-top: 12px;
	background: url(../images/template_new/bg_content_left.jpg) repeat-y top left;
}


#content p{
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 15px;
	
}

#content ul{
	list-style-type: disc;
	padding-bottom: 15px;
}

#content ul li{
	list-style-type: disc;
	margin-left: 25px;
}

#content h1{
	color:#B12216;
	font-size: 14px;
	font-weight:bold;
	padding-bottom: 15px;
}

#content h2{
	color:#B12216;
	font-size:13px;
	font-weight:bold;
	padding-bottom: 15px;
}

#content a:link, #content a:visited, #content a:hover, #content a:active {
	color:#B12216;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}



#c_left{
	float: left;
	width: 208px;
	padding: 15px 10px 15px 10px;
	font-size: 12px;
	line-height: 18px;
}


#c_right{
	float: right;
	width: 620px;
	font-size: 12px;
	line-height: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
}


#footer{
	margin-top: 12px;
	height: 24px;
	line-height: 24px;
	background-color: #e6e7e9;
}





#c_left a{
	color: #b5333b;
	font-weight: bold;
	text-decoration: none;
}

#c_left a:hover{
	text-decoration: underline;
}




#c_l_left{
	float: left;
	width: 50px;
	color: #9f0b0f;
	font-weight: bold;
	font-size: 11px;
}

#c_l_right{
	float: right;
	width: 145px;
	font-size: 11px;
	
}



hr{
	clear: both;
	height: 15px;
	border: none;
	border-bottom: 2px solid #9f0d10;
	margin-bottom: 10px;
}





#footer ul li{
	display: inline;
	list-style-type: none;
	position:relative;
}

#footer ul li a{
	font-size: 11px;
	font-weight: bold;
	display: block;
	float: left;
	line-height: 24px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	color: #9f0a0e;	
}

#footer ul li a.last{
	background: none;
}


#footer ul li a:hover{
	color: #3b3b3d;
}




form div {
	margin-bottom: 0.1em;
	width: 100%;
}

form .indent {
	margin:10px 0px 10px 95px;
}

form .form_element
{
	padding: 0px 10px 0px 0px;
	text-align:right;
	float: left;
	width: 180px;
	vertical-align: middle;
}

form .form_data 
{
	padding: 0px;
	text-align:left;
	float: left;	
}













/* LEFT MENU */

ul.left_menu{
	
}

#content #c_left ul.left_menu li{
	height: 40px;
	line-height: 40px;
	border-bottom: 2px solid #9f0a06;	
	padding-left: 5px;
	list-style-type: none;
	margin-left: 0;
}

ul.left_menu li.last{
	border: none;
}


#content #c_left ul.left_menu li a{
	color: #454547;
	text-decoration: none;
}

#content #c_left ul.left_menu li a:hover{
	color: #b5333b;
	text-decoration: none;
}

/* END OF LEFT MENU */


















/* MENU */

#menu{
	height: 24px;
	line-height: 24px;
	background-color: #e6e7e9;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}


#menu ul li{
	display: inline;
	list-style-type: none;
	position:relative;
}

#menu ul li a{
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: left;
	line-height: 24px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #9f0a0e;
	background: url(../images/template_new/separator.jpg) no-repeat center right;
}

#menu ul li a.last{
	background: none;
}


#menu ul li a:hover{
	color: #3b3b3d;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
	top: 24px;
	left: 0;
	border-bottom: none;
	width:130px;
	border-top: none;
}

html>body #menu ul ul {
	
}

#menu ul ul li {
	display:block;
}


#menu ul ul li a {
	width:130px;
	background:#f5f5f5;
	/*border-bottom: 1px solid #577fa4;*/
	color:#000000;
	display:block;
	float:none;
	padding-left:16px;
	font-weight:normal;
	height:25px;
	line-height: 25px;
	margin-right: 0px;
}

#menu ul ul li a:hover {
	background:#9f0b0f;
	color:#fff;
	margin-right: 0px;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display: block;}

html #menu ul li a { height: 1%; }

#menu li:hover ul, li.over ul { display: block; float:left;}




<!--[if lt IE 7]>
#menu{float:none;}
body{behavior:url(csshover.htc); }
#menu ul li{float:left; }
#menu a{height:1%;font: 15px "Century Gothic";}

<![endif]-->

/* END OF MENU */



