/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }

mark, rp, rt, ruby, summary, time{ display: inline }

* {margin:0; padding:0;}



html {width:100%;}

body { 	 
font-family: "Times New Roman", Times, serif;
font-size:100%; 
background: url(images/back.gif) #afb2b4 no-repeat center top;
min-width:920px;
}

.main {
width:920px; 	
padding:0;
margin:0 auto 0 auto;
font-size:12px;
}

.spacer {
height: 32px;
}

.spacer2 {
height: 7px;
}

hr {
color: #3b3b3b;
height: 1px;
margin-top: 5px;
 }
 
.gray {
color: #3b3b3b;
} 
 
h4 {
margin-top: 5px;
font-size: 18px;
color: #3b3b3b;
}

h3 {
margin-top: 5px;
font-size: 15px;
color: #3b3b3b;
}

.red {
color: #FF0000;
}


.gradbck {
background:url(images/grad_bck.gif) no-repeat;
width: 200px;
height: 150px;
margin: 5px auto 0 auto;
}

.gradbck h6 {
padding: 5px;
font-style: italic;
font-size: 16px;
}

.gradbck p {
padding: 5px;
font-size: 12px;
}

#head {
width:920px;
height: 72px;
border: 0 none;
font-size: 100%;
margin: 0 auto 0 auto;
padding: 0;
border: 0;
outline: 0;
vertical-align: top; }

.head1 {
width:286px; 
float:left;
margin: 0px 0px 15px 2px;
}


img {
border:0; 
}

a {
color:#fff; 
outline:none;
cursor:pointer;
}

a:hover {
text-decoration:none;
}

object {outline:none;}

fieldset {border:0;}

ul {
list-style:none;
}


.fleft{ float:left;}

.fright{ float:right;}

.clear{ 
width:100%; 
overflow:hidden;
}

.clear2{
margin-top: -30px;
width:100%; 
overflow:hidden;	
}

.clear3{
width:100%; 
overflow:hidden;	
}

.col-1, .col-2, .col-3, .col-4, .row-box-1, .row-box-2, .row-box-3, .row-box-4{ float:left;}

.br{ display:block;}

/*contstant-text*/

.bottom-none{ padding-bottom:0 !important;}

.bg-none{ background:none !important;}

.border-none{ border:none !important;}

p {
font-size: 14px;
margin: 5px 0 0	0;
line-height:160%
}
/**/

/*********************************header*************************************/

.top {
width: 100%;
}

.top2 {
width: 100%;
}

.top_sec {
width:920px;
margin: 0 auto 0 auto;
}



.wrappper-site-top { 
margin-top: 35px;
}

.header { 
height:148px;
}

.header .logo a{ text-decoration:none;}

.header .text{ color:#7d7d7d; font-size:10px; line-height:14px; text-transform:uppercase; padding:12px 0 0 0; display:block; position:absolute; font-family:Arial, Helvetica, sans-serif;}

.bg-none{ background:none;}


/*top-menu*/
.nav{ 
height:69px; 
width:920px;
}

.nav ul{ 
height:69px;
}

.row-top-menu{ 
height:69px; 
width:920px;;
}

.row-top-menu ul{ 
height:69px;
}

.top-menu li{ 
background: right 25px no-repeat; 
height:69px;
}

.top-menu li, .top-menu li a{ 
display:block; 
float:left;
} 

.top-menu li .width{
padding:22px 58px 27px 57px;
}

.top-menu li .width:hover{
padding:22px 58px 27px 57px;
}
/**/


.headerbck {
width: 920px;
height:91px;
}

.logo {
margin: 20px auto 0 auto;
float: right;
height:25px;
width: 125px;
}

.headernav {
float: right;
list-style: none;
margin-top: 10px;
margin-bottom: 3px;
margin-left: 0;
width: 790px;
color:#FFFFFF;
}
 
.headernav ul {
list-style: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 120px
}
 
.headernav li {
text-align: left;
float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: #fff;
}
 
.headernav ul li a {
display: block;
margin-right: 0px;
padding: 12px 1px 12px 1px;
text-decoration: none;
}

.headernav a:visited {
color:#FFFFFF;
text-decoration: none;
}

.headernav a:hover {
color:#FFFFFF;
text-decoration: underline;
}



/*********************************content*************************************/

#content{ padding:12px 0 24px 0;}

#middle { 
padding:12px 0 24px 0;
}

*+html #middle
{
margin-top: -35px;
}


.middle2 {
margin: 0 auto 0 auto;
width:855px;
}


#lcolumn { 
color:#000000; 
margin:0px 1px 5px 5px;
padding:0px; 
width:170px; 
float:left;
}


#lcolumn ul {
list-style:disc;	
}

#lcolumn li {
margin: 0 0 0 20px;
padding: 5px;	
}



#rcolumn {
color:#000000; 
margin:0px 5px 5px 1px; 
padding:0px; 
width:669px; 
float:right;
}

#rcolumn a:link {
color: #427db8;
text-decoration: none;
}

#rcolumn a:visited {
color: #427db8;
text-decoration: none;
}

#rcolumn a:hover {
color: #427db8;
text-decoration: underline;
}

#rcolumn a:active {
color: #427db8;
text-decoration: none;
}

.mainmid2_lft{
width:150px;
margin-top: 7px;
float:left;
}

.mainmid2_rgt{
width:400px;
margin-top: 9px;
float:right;
}

.mainmid2_rgt ul {
list-style:disc;
}

.mainmid2_rgt li {
margin: 0 0 0 20px;
padding: 5px;
}

.rcol1{
width:158px; 
float:left;
margin: 20px 0px 15px 5px;
}

.rcol2{
width:158px; 
float:left;
margin: 20px 0px 15px 85px;
}

.rcol3{
width:158px; 
float:left;
margin: 20px 0px 15px 85px;
}

.rcol5{
width:158px; 
float:left;
margin: 10px 0px 15px 5px;
}

.rcol6{
width:158px; 
float:left;
margin: 10px 0px 15px 75px;
}

.rcol7{
width:158px; 
float:left;
margin: 10px 0px 15px 75px;
}

.rcol8{
width:158px; 
float:left;
margin: 10px 0px 15px 75px;
}

.rcol9{
width:158px; 
float:left;
margin: 10px 0px 15px 135px;
}

.rcol10{
width:158px; 
float:left;
margin: 10px 0px 15px 75px;
}


.rcol11{
width:225px; 
float:left;
margin: 10px 0px 15px 55px;
}

.rcol12{
width:300px; 
float:left;
margin: 10px 0px 15px 75px;
}

.clears {
clear: both;
}

form {
padding: 10px;	
}

form p{
padding: 4px;	
}

.thumb {
float: left;
width: 210px;
margin: 0px 0px 15px 5px;
}

/*******************content-text*******************/


.content{ padding:0 0 0 18px;}


.title1{ 
font-size:36px !important; 
color:#1c1c1c;   
margin:10px 0 5px 0 !important; 
}

.title2{ 
font-size:24px !important; 
color:#1c1c1c;   
margin:10px 0 5px 0 !important; 
}

.content .text{ color:#000;}

.text2 { 
color:#5e5e5e;
font-style:italic;
font-size:16px; 
line-height:24px; 
display:block; 
padding-top:2px;
padding-bottom:2px;
}

.text3 { 
color:#000000;
font-size:16px; 
line-height:24px; 
display:block; 
padding-top:2px;
padding-bottom:2px;
}

fieldset {
border: 1px solid #cecece;	
}

legend {
background-color: #cecece;
color: #ffffff;
font-weight: bold;
padding: 2px;
font-size: 12px;
}

.link-bottom-left{ margin-left:35px;}

.text-indent{ padding:0 7px 0 4px;}

.title-bottom{ margin-bottom:29px !important;}

.title-bottom1{ margin-bottom:22px !important;}

.indent1{ padding:10px 0 18px 0;}

.content-top{ padding:0 22px 27px 3px; margin-bottom:7px;}

.text3{ color:#000000; font-size:16px; line-height:18px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-weight:bold;}

.link1{ text-transform:uppercase; font-style:italic;}

/**************************************************/



/*Begin Footer */

.footer-wrapper{ 
background: url(images/foot_bck.gif) #542e91 repeat-x;
height: 200px;
}

.lftc {
float:left;
}

.rgtc {
margin-top: 10px;
width: 520px;
float:right;
}

.footer{ padding:0 0 28px 0;}

.footer ul {
list-style: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px
}
 
.footer li {
text-align: left;
float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
 
.footer ul li a {
display: block;
margin-right: 0px;
padding: 9px 4px 9px 4px;
font-size: 14px;
}

.footer p {
margin-top: 15px;
font-size:12px;
color:#FFFFFF;
}

.footer a:link {
color: #fff;
text-decoration: none;
}

.footer a:visited {
color: #fff;
text-decoration: none;
}

.footer a:hover {
color: #fff;
text-decoration: underline;
}

.footer a:active {
color: #fff;
text-decoration: none;
}

.footer-text{ padding-left:21px;}
/*End Footer */

/****************************slider*******************************************/

.container { width:920px;; height:391px; overflow:hidden; position:relative; cursor:pointer; }

	/* remove the list style */
	#nav {
	font-family:arial; font-size:11px;
		margin:5px 0 0 0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			width:82px; 
			background:#000; 
			position:relative;
			z-index:500; 
			margin:0 1px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 5px 0 5px; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			color:#fff; 
			text-align:center; 
			color:#fff;
		}

		#nav li a:hover {
			color:#fff;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:170px; 
			float:left; 
			border-top:1px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#fff;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
