fieldset
{
  border:0;
  padding:0;
  margin:0;
}

body
{
  background: url(img/body_back.png);
  margin:0;
  padding:0;
  font-family:tahoma;
  font-size:12px;
}

a img
{
  border:0;
}


#wrapper_outer
{
  background: url(img/wrapper_back.jpg) center top no-repeat;
} 

#wrapper
{
  margin: 0 auto;
  width:980px;
} 

#start-banner
{
  height:374px;
  width:722px;
  background: url(img/start_banner_back.png) no-repeat;
  margin-top:10px;
}


#footer_outer
{
  height:100px;
  background: url(img/footer_back.png) center top repeat-x;
} 

#footer
{
  margin: 0 auto;
  width:980px;
padding-top:10px;
} 

#footer .address1
{
  width:220px;
  color:#CCC; 
  float:left;
  text-align:right;
} 
#footer .address2
{
  width:240px;
  margin-left:8px;
  color:#CCC; 
  float:left;
} 

#menu
{
  padding-top:180px;
  width:220px;
  float:left;
  padding-bottom:40px;
}

#menu ul
{
  margin:0;
  padding:0;
  list-style-type: none;

}

#menu ul li.item a
{
  font-family: tahoma;
  text-decoration:none;
  line-height:28px;
  background: url(img/menu_item_back.png) center right no-repeat;
  font-size:12px;
  display:block;
  width:200px;
  color:#31374F;
  padding-right:10px;
  text-align:right;
}

#menu ul li.item a:hover
{
  color:#666;
}

#menu ul li.item-separator
{
  background: url(img/menu_separator.png) center right no-repeat;
  font-size:1px;
  line-height:1px;
  height:1px;
  width:200px;
}


.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
html[xmlns] .clearfix {
display:block;
}
* html .clearfix {
height:1%;
}



#right
{
  width:740px;
  float:right;
  padding-bottom:40px;
}


#search
{
  padding-top:30px;
  padding-right:40px;
  text-align:right;
}

#search .phrase
{
  filter:alpha(opacity=50);   
  -moz-opacity: 0.5;   
  opacity: 0.5; 
  font-size:11px;
  border:1px solid #444;
}

#search .send
{
  background:#660000;
  color:#EEE;
  font-family: tahoma;
  font-size:11px;
  border:1px solid #CCC;

}




/* rotator in-page placement */
    div#rotator {
    position:relative;
    height:345px;
}
    div#rotator ul  {
      margin:0;
      padding:0;
}
/* rotator css */
    div#rotator ul li {
    float:left;
    position:absolute;
    list-style: none;
    top:22px;
    left:16px;
}
/* rotator image style */   
    div#rotator ul li img {
    border:0px solid #ccc;
    padding: 4px;
    background: #FFF;
}
    div#rotator ul li.show {
    z-index:500
}



.start-news
{
  width:400px;
  float:left;
}


.start-map
{
  width:260px;
  float:right;
}


.start-content
{
  padding-top:10px;
}

#content
{
  margin-top:16px;
  line-height:20px;
}

#content a
{
  color:#2C347B;
}

#content img
{
  margin:10px;
}


#content ul
{
  list-style-type: square;
}


#page-marquee
{
  margin-top:56px;
  color:#31374F;
  font-size:13px;

}



h2
{
  margin:0;
  padding:0;
  color:#680003;
  border-left:12px solid #680003;
  padding-left:6px;
  font-size:18px;
  font-weight:normal;
}

h1
{
  margin:0;
  padding:0;
  color:#3E486B;
  font-size:16px;
}






.tickercontainer { /* the outer div with the black border */


width: 738px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
width:1000px;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}