/* === CSS RESET === */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,caption,
table,tbody,tfoot,thead,tr,th,td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}
h1,h2,h3,p,p span,a,a:hover {font:bold 14px tahoma,arial; color:#464646;}
h2 {font-size:13px; color:#555;}
h3,h4 {font-size:12px; color:#707070;}
h4 {font-family:arial;}
p {font-size:11px; font-weight:normal; color:#888;}
p span {font-size:11px;}
ul {list-style:outside none square;}
img {border-color:#d7d7d7;}
a,a:hover {font-size:11px; color:#ab4030;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
blockquote,q {quotes:"" "";}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
:focus,a:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:separate;border-spacing:1px;}
textarea {overflow:auto;}
button {cursor:pointer;border:0;}

/* === A better and smarter way to clear floats === */
.clearfix:after {
  content:" ";
  display:block;
  height:0;
  font-size:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;}

.fclear {clear:both;}
.fleft {float:left;}
.fright {float:right;}
.mClear {margin:0 !important;}
.lClear {margin-left:0 !important;}
.rClear {margin-right:0 !important;}

/* === GLOBAL === */
html,body {height:100%;}
body {
	font:normal 11px tahoma,arial;
	color:#666;
	background:#f5f5f5;
}
.main-structure {
  width:960px;
  margin:0 auto;
	position:relative;
}
* html .main-structure {text-align:center;}
.container,.mainBox,.autoBox,.sideBoxLeft,.sideBoxRight,.imgthumb img {
  float:left;
  background:#ccc;
}

.container {
  width:100%;
  height:auto;
  min-height:100px;
  background:#fff;
  clear:both;
  text-align:left;
  border-left:1px #464646 solid;
  border-right:1px #464646 solid;
}
.topSpace {
  width:960px;
  height:20px;
  background:url(../images/custom1.png) no-repeat 1px bottom;
  float:left;
}
.topSpace p {
  text-align:right;
}
.language {
  width:auto;
  height:20px;
  float:right;
  line-height:18px;
  display:inline;
}
.language a {
  width:20px;
  height:15px;
  display:block;
  float:left;
  margin:2px 0 0 5px;
  text-indent:-99999px;
  border:1px #d7d7d7 solid;
  opacity:1;
  -moz-opacity:1;
  filter:alpha(opacity=100);
}
.language a:hover {
  opacity:0.5;
  -moz-opacity:0.5;
  filter:alpha(opacity=50);
}
.searchBar {
  position:absolute;
  top:185px;
  right:5px;
  width:225px;
  padding:0 1px 0 0;
  height:13px;
  z-index:4;
  background:url(../images/searchbar_corner.png) no-repeat top center;
}
.searchBar div { float:left; }
.searchBar form {
  background:#fff;
  margin-top:13px;
  padding:1px 0 1px 12px;
  margin-left:1px\9/* holly hack for IE */;
  width:213px\9/* holly hack for IE */;
}
 .searchBar div input.gosearch {
  width:28px;
  height:27px;
  background:url(../images/btn_gosearch.gif) no-repeat left top;
  border:0;
  font-size:1px;
  text-indent:-9999px;
  float:left\9/* holly hack for IE */;
  cursor: pointer;
}
.searchBar div button {
  width:28px;
  height:27px;
  background:url(../images/btn_gosearch.gif) no-repeat left top;
  border:0;
  font-size:1px;
  text-indent:-9999px;
  float:left\9/* holly hack for IE */;
}
.mainBox {
  width:540px;
  margin:5px 3px;
  background:none;
  color: black;
}

.mainBox2 {
  width:540px;
  margin:5px 3px;
  background:none;
}
.mainBox li
{
    list-style: square;
    list-style-type: square;
    list-style-position: inside;
}

.headerBox,.footerBox {
  width:540px;
  height:30px;
  background:url(../images/corner_content.gif) no-repeat left top;
  float:left;
}
.footerBox {
  height:10px;
  background:url(../images/corner_content.gif) no-repeat left bottom;
  margin:0 0 5px 0;
  clear:both;
}
.headerBox span {
  margin:12px 0 0 35px;
  font-weight:bold;
  color:#ff9900;
  float:left;
}
.inBox {
  width:500px;
  padding:0 5px 10px 35px;
  background:#f5f5f5 url(../images/bg_content.gif) repeat-y left top;
  float:left;
}
.inBox h1,.inBox h2,.inBox h3 {
  color:#00488c;
}
.inBox img,.imgthumb img {
  max-width:493px;
  height:auto;
  margin:2px 5px 0 0;
  border:1px;
}
.imgthumb img {
  width:88px;
  height:88px;
  margin:10px 10px 10px 0;
}
.imgContent img {
  width:132px;
  height:124px;
  margin:0 1px 5px 0;
}
.inBox ul {
  margin:0 0 0 15px;
  list-style:outside url(../images/tiny_star.gif) square;
}
.inBox th.tblHeader td,.inBox td {
  height:25px;
  background:#ab4030 url(../images/bg_thead.gif) repeat-x top left;
  text-align:center;
  font-weight:bold;
  color:#fff;
  line-height:25px;
}

.mainBox th
{
  height:25px;
  background:#ab4030 url(../images/bg_thead.gif) repeat-x top left;
  text-align:center;
  font-weight:bold;
  color:#fff;
  line-height:25px;
}
.mainBox td {
  height:20px;
  background:#d7d7d7;
  text-align:left;
  text-indent:5px;
  font-weight:normal;
  color:#464646;
  line-height:20px;
}
.mainBox p
{
    color: black;
}
.autoBox {
  max-width:400px;
  height:auto;
  min-height:60px;
  background:none;
}
.autoBox p {
  color: black;
}
.autoBox img {max-width:88px;}


/* ~Side Bar Content~ */
.sideBoxLeft,.sideBoxRight {
  background:none;
  margin:0 2px 10px 5px;
}
.sideBoxRight {
  margin:10px 5px 10px 2px;
}
.sideBoxLeft a,.sideBoxRight a {
  color:#eee;
}
.sideBoxLeft a:hover,.sideBoxRight a:hover {
  color:#fff;
  text-decoration:none;
}
.inLeft,.inRight {
  width:200px;
  float:left;
  clear:both;
}
.inLeft ul,.inRight ul { padding:5px 0 10px 15px; }
.inLeft ul { background:#e77843; }
.inRight ul { background:#00488c; }

.inLeft h3,.inLeft h4 {
  color:#fff9b2;
}
.inRight h3,.inRight h4 {
  color:#6dcff6;
}
.inLeft p,.inLeft ul,
.inRight p,.inRight ul {
  color:#fff;
}
.inLeft h3,.inLeft h4,.inLeft p,.inRight h3,.inRight h4,.inRight p {
  margin:0 5px 0 5px;
  text-align:left;
}
.blue,.orange {background:#00488c; padding:5px 0; text-align:justify;}
.blue img,.orange img {max-width:170px; height:auto; margin:0 0 0 15px;}
.blue span img,.orange span img {max-width:50px; height:auto; margin:-5px 0 0 0;}
.orange {background:#e77843;}
.orange1,.orange2,
.blue1,.blue2 {
  width:200px;
  height:27px;
  background:url(../images/orange_02.gif) no-repeat center top;
  padding:3px 0 0 0;
  text-indent:10px;
}
.blue1,.blue2 {
  height:20px;
  background:url(../images/blue_corner.gif) no-repeat center top;
  padding:6px 0 0 0;
}
.orange2,.blue2 {
  height:10px;
  background:url(../images/orange_02.gif) no-repeat center bottom;
  margin:0 0 5px 0;
  padding:0;
  float:left;
  *float:none;
}
.blue2 {
  height:5px;
  background:url(../images/blue_corner.gif) no-repeat center bottom;
  padding:0;
}
.blueButton {
  width:auto;
/*  height:20px; */
  padding: 0px 10px 0px 10px;
  background:url(../images/blue_button.gif) repeat-x left top;
  margin:5px 0 0 0;
/*
     border-right:1px #003471 solid;
     border-left:1px #003471 solid;
   */
  border: none;
  font:bold 11px arial;
  color:#fff;
  line-height:20px;
}
.orangeButton {
  width:100%;
  height:auto;
  text-align:center;
  clear:both;
  margin-bottom:5px;
}
.orangeButton a,.orangeButton span {
  width:auto;
  height:38px;
  line-height:38px;
  padding:0;
  color:#fff;
  text-decoration:none;
  background:url(../images/orange_button.gif) no-repeat right top;
  display:inline-block;
}
.orangeButton span {
  padding:0 10px 0 20px;
  background:url(../images/orange_button.gif) no-repeat left top;
  display:block;
  margin:0 10px 0 0;
}
.orangeButton a:hover,.orangeButton a:hover span {
  line-height:30px;
}
.bottomspace {
  width:100%;
  height:125px;
  background:url(../images/underground.gif) repeat-x center top;
  float:left;
  padding-top:6px;
  overflow:hidden;
}

