/* CSS Document */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:auto;
	font-size: 13px;	
	}

.alink1 { font-size:12px;
color:#FFFFFF;
font-weight: bold;
text-align:center; }

.style1 {color: #000}
.title {
font-size:12px;
color:#000;
font-weight: bold;}

.title0 {
font-size:12px;
color:#000000;
font-weight: bold;
margin: 10px 10px 10px 10px}

.title2 {
font-size:12px;
font-weight: bold;
color:#000000;
text-align:left;
margin: 5px 5px 5px 5px}

.title3 {
font-size:12px;
color:#000000;
font-weight: bold;
text-align:center;
margin: 5px 5px 5px 5px}

.title4 {
font-size:12px;
color:#3366CC;
font-weight: bold;
margin: 10px 10px 10px 10px}

.in {
font-size:12px;
margin: 5px 5px 5px 5px}


.floatLeft{
	float:left;}
	
.spacer{
	font-size:0; line-height:0; clear:both;}
	
#margin{
margin:5px 5px 5px 5px;}

#margin1{
margin:10px 10px 10px 10px;
text-align:center;}

.style2a {
	font-weight: bold;
	font-size: 12px;
	color:#006699;
	
}



a:link { color:#FFFFFF; font-weight: bold; text-decoration: none; font-size:11px;}
a:active { color:#0066FF; font-weight: bold; text-decoration: none; font-size:11px; }
a:visited { color:#0066FF; font-weight: bold; text-decoration: none; font-size:11px; }
a:hover { background: none; color: #CCCCCC; font-weight: bold; text-decoration: none; font-size:11px; }

a.index:link { color:#fff; font-weight: bold; text-decoration: none; font-size:11px;}
a.index:active { color:#fff; font-weight: bold; text-decoration: none; font-size:11px; }
a.index:visited { color:#fff; font-weight: bold; text-decoration: none; font-size:11px; }
a.index:hover { background: none; color: #CCCCCC; font-weight: bold; text-decoration: none; font-size:11px; }

a.tab:link { color:#003366; font-weight: bold; text-decoration: none; font-size:10px;}
a.tab:active { color:#003366; font-weight: bold; text-decoration: none; font-size:10px; }
a.tab:visited { color:#003366; font-weight: bold; text-decoration: none; font-size:10px; }
a.tab:hover { background: none; color: #3366CC; font-weight: bold; text-decoration: none; font-size:10px; }

a.more:link { color:#000000; font-size:9px;}
a.more:active { color:#000000; font-size:9px; }
a.more:visited { color:#000000; none; font-size:9px; }
a.more:hover { color: #3366CC; font-size:9px; }



/*------------------header----------------*/
#header {
	background-color: #fff;
	height:90px;
	text-align: center;
	
}

#banner {
	
	height:150px;
	text-align: center;
	
}


/*------------------menu----------------*/
#menu1{
	width:275px;float:left; background-image:url(images/tiny_blue1.gif); 
	position:relative; height:92px;}
	
#menu2{
	width:275px; float:left; background-image:url(images/tiny_blue2.gif); 
	height:92px;}
	
#menu3{
	width:275px; float:left; background-image:url(images/tiny_blue3.gif); 
	height:92px; }
	
#menu4{
	width:275px; float:left; background-image:url(images/tiny_blue4.gif); 
	height:92px;}
	
	

#menu1a{
	width:225px;float:left; background-image:url(images/tiny_blue1.gif); 
	position:relative; height:35px;}
	
#menu2a{
	width:225px; float:left; background-image:url(images/tiny_blue2.gif); 
	height:35px;}
	
#menu3a{
	width:225px; float:left; background-image:url(images/tiny_blue3.gif); 
	height:35px; }
	
#menu4a{
	width:225px; float:left; background-image:url(images/tiny_blue4.gif); 
	height:35px;}
	
#menu_content	{

	text-align: justify;
	width: 170px;
	float: left;
	margin: 0;
	position: relative;
	left: 2px;
	color:#FFFFFF;
	margin: 20px 5px 2px 2px	;
	}

#menu_ul{
	width:14px; float:left; background-image:url(images/arrow.gif); 
	height:16px;
	margin: 20px 5px 10px 10px	;
	
	}


#drop down {
vertical-align:top;

}
	
	
/*-----------------------------content left----------*/
#left{
	width:225px; float:left; background-color:#ffffff; color:#6B6854; height:auto;
	}
	
#left1{
	width:225px; float:left; background-color:#544F4F; color:#6B6854; height:auto;
	}
	
#box {
	border: thin solid #666666;
	margin: 5px 5px 5px 5px;
	
}

#box2 {
	border: thin solid #666666;
	margin: 5px 5px 5px 5px;
	background-color:#00CCFF;
	
}

#box_yellow {
	border: thin solid #666666;
	margin: 5px 5px 5px 5px;
	height: 200px;
	background-color:#FFFFCC;

}

#box1 {
	border: thin solid #666666;
	height: 100px;
	margin: 5px 5px 5px 5px;
}
/*----------------------------content mid----------------*/
#mid_index{
	width:550px;float:left; font-family:Verdana, Arial, Helvetica, sans-serif; height:inherit; background-image:url(images/bg_pp.jpg);
	background-repeat:no-repeat;
	margin-bottom:inherit;
	}

#mid_bos{
	width:550px;float:left; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; height:auto;
	background-image:url(images/bg_bos.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	}

#mid{
	width:550px; float:left; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; height:auto;
	background-image:url(images/bg_full.jpg); 
	background-repeat:no-repeat;
	background-attachment:scroll;
	
	
	}
#mid1{
	width:630px;float:left; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; height:auto;
	}
#mid0{
width:630px;float:left; background-color:#6B6868; font-family:Verdana, Arial, Helvetica, sans-serif; height:auto; background-image:url(images/vision.jpg);
}
#intro	{
	text-align: justify;
	width: 230px;
	float: left;
	margin: 1;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:10px;
	padding-right: 10px;
	position: relative;
	left: 2px;
	font-size:12px;
	
}

#intro2	{

	text-align: justify;
	width: 230px;
	float: right;
	position: relative;
	padding: 20px 20px 20px 20px;
	font-size:12px;
	
	
}

#intro_index	{
	text-align: justify;
	width: 230px;
	float: left;
	margin: 1;
	padding: 10px 10px 10px 10px;
	position: relative;
	left: 4px;
	
}

#intro2_index	{

	text-align: justify;
	width: 230px;
	float: right;
	position: relative;
	padding: 10px 10px 10px 10px;
	
	
}


#intro3	{

	text-align: justify;
	width: 450px;
	float: left;
	margin: 0;
	padding: 10px 10px 10px 10px;
	position: relative;
	left: 4px;
	
}

#intro4	{

	text-align: justify;
	width: 120px;
	float: right;
	position: relative;
	padding: 10px 10px 10px 10px;
	
	
}

#content	{
	text-align: justify;
	width: 500px;
	position: relative;
	padding: 20px 20px 20px 20px;
	font-size:12px;
	
	
}

/*---------------------content right----------------------*/
#right{
	width:225px; background-color:#FFFFFF; float:right; color:#6B6854; height:auto; position:relative;
	}
	
	
	
/*---------------------footer----------------------*/	
#footer {
	padding:20px 20px 20px 0px;
	clear:both;
	}



/*---------------------CSE----------------------*/	
.cse-branding-bottom,
.cse-branding-right {
margin:0;
padding:0
}
.cse-branding-bottom,
.cse-branding-right {
zoom: 1;
}
.cse-branding-bottom:after,
.cse-branding-right:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.cse-branding-text { 
font: 10px Arial;
}
.cse-branding-form form {
margin-bottom: 0;
padding-bottom: 0;
}
/* Bottom-specific selectors */
.cse-branding-bottom .cse-branding-logo, 
.cse-branding-bottom .cse-branding-text {
display: block; 
float: right
}
.cse-branding-bottom .cse-branding-form {
margin-bottom: 3px;
}
.cse-branding-bottom .cse-branding-logo {
padding: 0
}
.cse-branding-bottom .cse-branding-text {
padding-top: 4px
}
.cse-branding-right .cse-branding-form {
float: left;
}
/* Right-specific selectors */
.cse-branding-right .cse-branding-logo, 
.cse-branding-right .cse-branding-text {
margin-left: 4px;

}
.cse-branding-right .cse-branding-form {
float: left;
margin-right: 4px;
}
.cse-branding-right .cse-branding-logo {
padding: 0;
}
.cse-branding-right .cse-branding-text {
margin-top: -4px
}