@charset "utf-8";
body {
margin : 0;
padding : 0;
line-height : 1.7em;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px; color:
#494949
background-color : #f8f8f8;
 }
 h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px;}
 
 
a {
text-decoration : none;
border : 0;
}
a:hover {
text-decoration : none;
color : #ff9900;
}
.cleaner {
clear : both;
width : 100%;
height : 0;
font-size : 0;
}
p {
margin : 0;
}
#main_container {
width : 1024px;
height : auto;
margin : auto;
border : 1px dashed #d4cfc8;
background-color : #f8f8f8;
}
#content_container {
width : 990px;
height : auto;
margin : auto;
}
#header {
width : 1024px;
height : 180px;
margin : auto;
clear : both;
background : url(images/header_bg.png);
background-repeat : repeat-x;
border : 1px dashed #d4cfc8;
padding-top : 30px;
}
.logo {
width : auto;
height : auto;
float : left;
background-image : url(images/maplink1.png);
background-repeat : no-repeat;
}
.header_left {
width : auto;
height : auto;
float : left;
background : url(images/maplink1.png);
background-repeat : no-repeat;
padding-top : 10px;
padding-left : 10px;
color : #ffffff;
}
.header_left a {
text-decoration : none;
color : #ffffff;
}
.header_left p {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
margin : 0;
text-align : left;
color : #ffffff;
padding-bottom : 20px;
}
.header_left h4 {
margin : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
padding : 10px 40px 15px 5px;
}
.header_left h1 {
margin : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 22px;
color : #ffffff;
}
.header_right {
width : auto;
height : auto;
float : right;
background : url(images/maplinkBlack.png) no-repeat;
padding : 10px 10px 30px 30px;
}
.header_right a {
text-decoration : none;
color : #ffffff;
}
.header_right p {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin : 0;
text-align : left;
color : #cccccc;
}
.header_right h4 {
margin : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #ffffff;
}
.header_right h1 {
margin : 0;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 15px;
color : #ffffff;
padding : 5px 0 5px 0;
}
.header_middle {
float : left;
margin-left : 40px;
margin-top : 5px;
}
.header_middle h1 {
margin : 0;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 15px;
color : #ffffff;
padding : 5px 0 5px 0;
}
.header_middle h1 {
margin : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 43px;
color : #00c9e7;
}
#navigation {
width : 100%;
height : auto;
float : right;
height : auto;
background-image : url(images/nav_strip.png);
}
#nav_bar {
	width : 100%;
	height : 50px;
	float : left;
	border-bottom : 1px solid #10dbf9;
}
#nav_bar ul {
margin : 0;
padding : 0;
list-style-type : none;
padding-top : 2px;
}
#nav_bar ul li {
margin : 0;
padding : 0;
display : inline;
}
#nav_bar ul li a {
border-right : 1px solid #83c0e5;
float : left;
display : block;
height : 35px;
font-size : 14px;
color : #fff;
font-family : Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
outline : none;
padding : 13px 15px 0 15px;
}
#nav_bar ul li a:hover {
float : left;
display : block;
padding : 13px 15px 0 15px;
background-color : #163447;
}
#nav_left {
float : left;
height : 120px;
width : 750px;
}
#nav_right {
float : left;
height : 120px;
width : 50px;
}
#bannerArea {
width : auto;
height : auto;
margin : auto;
padding : 15px;
clear : both;
}
#banner_bg {
	height : 380px;
	width : 963px;
	margin : auto;
	background-image: url(images/bannerNew.png);
	background-repeat : no-repeat;
}
.banner_content {
	float : right;
	width : 260px;
	margin : 50px 50px 0 0;
}
.banner_content h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 24px;
	color : #ffffff;
	line-height : 1.6em;
	margin: 0px;
}
.banner_content h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	color : #ffffff;
}
#search_button {
float : right;
margin-top : 31px;
width : 240px;
height : 30px;
background : url(images/searchbar.png) no-repeat;
margin-right : 20px;
padding-left : 30px;
padding-top : 4px;
}
#search_box form {
clear : both;
width : 230px;
height : 25px;
padding : 0;
margin : 0;
}
#searchfield {
float : left;
display : block;
height : 20px;
width : 140px;
padding : 5px;
font-size : 12px;
color : #666;
line-height : 0;
background : none;
border : none;
margin : 0;
padding-left : 10px;
padding-bottom : 5px;
}
#searchbutton {
float : left;
display : block;
height : 26px;
width : 30px;
padding : 0;
margin : 0;
cursor : pointer;
background : none;
border : none;
}
.BoxContant {
float : left;
padding : 5px;
}
#middle_container {
width : 990px;
margin : auto;
clear : both;
}
#middle_container h1 {
font-size : 16px;
color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
padding : 8px 5px 8px 10px;
background-image : url(images/header-strip.png);
margin : 0;
margin-bottom : 20px;
font-weight : normal;
}
.left_sideBox {
width : 290px;
float : left;
}
#left_container {
float : left;
width : 918px;
height : auto;
background-image : url(images/middle-bg.png);
background-repeat : repeat-y;
margin-left : 18px;
margin-top : 35px;
padding-top : 10px;
border-bottom : 5px solid #d6d5c7;
}
.left_box1 {
float : left;
width : auto;
height : auto;
padding : 5px;
margin-left : 10px;
text-align : center;
border : 1px dashed #b3b3b3;
}
.left_box1 p {
width : 230px;
font-size : 11px;
}
.left_box1 h1 {
font-size : 18px;
padding : 5px 5px 5px 20px;
color : #316594;
margin : 0;
}
.left_box2 {
float : left;
width : 950px;
height : auto;
border : 1px solid #e4e4e4;
padding : 5px;
margin-left : 20px;
text-align : center;
background-color : #717171;
}
.left_box3 {
float : left;
background-color : #717171;
padding : 5px 10px 5px 80px;
}
.Maps {
border : 1px dashed #515151;
float : left;
margin-left : 15px;
margin-top : 5px;
}
.left_contents {
float : center;
width : 100%;
text-align : center;}
.left_contents a {
text-decoration : none;
color : #326693;
}
.left_contents p {
line-height : 1.6em;
margin : 0;
}
.left_contents h4 {
color : #316594;
margin : 0;
font-size : 25px;
font-family : Arial, Helvetica, sans-serif;
}
#rightSide_box {
background-color : #9b978f;
width : 230px;
height : auto;
float : right;
padding : 10px;
margin-right : 10px;
}
.rightSide_content {
background-color : #efefef;
width : 560px;
height : auto;
padding : 10px;
text-align : center;
float : right;
margin-right : 20px;
}
.rightSide_content p {
padding : 5px;
margin : 0;
text-align : justify;
}
.bottom_container {
width : 990px;
margin : auto;
height : auto;
border-top : 1px dashed #b3b3b3;
overflow : hidden;
padding-top : 10px;
margin-bottom : 5px;
}
.category_container {
width : 680px;
height : auto;
padding : 5px;
float : right;
}
.category_container2 {
width : 960px;
height : auto;
padding : 5px;
float : right;
}
.category_container h1 {
font-size : 14px;
color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
padding : 5px 5px 5px 10px;
background-image : url(images/header-strip.png);
margin : 0;
}
.category_container p {
font-size : 12px;
color : #767676;
font-family : Arial, Helvetica, sans-serif;
padding : 5px 10px 5px 5px;
border-bottom : 1px dashed #515151;
border : none;
margin : 0;
}
.footer {
width : 990px;
height : auto;
margin : auto;
border-top : 1px dashed #c4c4c4;
padding : 5px 0 0 0;
}
.footer p {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
float : left;
}
.footer a {
text-decoration : none;
}
.download_button {
background : url(images/ButtonOrange.png) no-repeat;
padding : 5px 10px 5px 5px;
width : 236px;
height : 46px;
}
.download_button p {
border : none;
margin : 0;
text-align : center;
background-repeat : no-repeat;
padding : 5px 5px 5px 0;
}
.samples_button {
width : 236px;
float : left;
height : 46px;
background-image : url(images/blue_button.png);
background-repeat : no-repeat;
padding : 5px 10px 5px 5px;
}
.samples_button p {
border : none;
margin : 0;
text-align : center;
background-repeat : no-repeat;
padding : 5px 5px 5px 0;
}

/*********************for pages******************************/

/***************************************************/


.middleLinks{
margin:auto;
width:100%;
height:auto;
}
 
.middleLinks{
margin:auto;
width:100%;
height:auto;
}
.middleBox{
	float:left;
	width:460px;
	height:auto;
	padding: 10px;
	border: 1px dashed #b3b3b3;
}
.middleBox h2{
	color:#450012;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.middleBox p{
	color:#450012;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.left_boxNew {
	padding : 15px 5px 20px 7px;
	width: auto;
	margin: auto;
	height: auto;
	border: 1px dashed #b3b3b3;
}
.Map_area{} 

.Map_area p{
	color:#450012;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 20px;
} 
 
.customMap{
	margin:auto;
	width:auto;
	height:auto;
	margin-bottom: 10px;
}
 
.bottomLinks{
	margin: auto;
	width:800px;
	height:auto;
	padding: 25px;
	border: 1px dashed #d4cfc8;
	margin-bottom: 20px;
}.bottomLinks p{
	color:#450012;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}.bottomLinks h2{ font-size:16px; color:#450012;}

.bottomLinks p a{
text-decoration:underline; color:#0b6ca7; }


/***************************************************/

/**************************************************/


.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
	margin-bottom: 20px;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
