@import url(reset.css);
@import url(base.css);

/*------------------------------------*/
/*Basic Page Styles                   */
/*------------------------------------*/

body{
  background-color:#F2F2F2;
  min-width:800px;
}
p{
  line-height:1.5em !important;
  padding:3px;
}

/*------------------------------------*/
/*Custom Page Styles                  */
/*------------------------------------*/

#top{
  height:166px;
  background:url('../img/top_back.png') repeat #1366CF;
}
#menu{
  height:35px;
  background:url('../img/menu_back.png') repeat-x white;
  font:bold 85% arial,sans-serif;
  line-height:normal;
}
#menu div.floatLeft{
  width:400px;
  float:left;
}
#menu div.floatRight{
  width:400px;
  float:right;
}
#content{
  background-color:white;
  border-bottom:1px solid #d0d0d0;
}
#bottom{
  padding:10px;
  clear:both;
}
#content div.leftSide{
  float:left;
  width:400px;
  padding:20px 0px 10px 0px;
}
#content div.leftSide p{
  font:100% arial,sans-serif;
  color:#666;
  margin-right:40px;
}
#content div.rightSide{
  float:right;
  width:400px;
  text-align:right;
  padding:20px 0px 10px 0px;
}
div.centered{
  width:800px;
  text-align:left;
  margin:0px auto;
  padding:0px;
}
#bottom div.column{
  float:left;
  width:265px;
  background:url('../img/box.png') bottom center;
}
#bottom div.columnTop{
  height:20px;
  width:265px;
  background:url('../img/box.png') top center;
}
div.box{
  font:93% arial,sans-serif;
  color:#333;
  padding:10px 15px 30px 15px;
}


/*------------------------------------*/
/*Tab Styles                          */
/*------------------------------------*/

#menu ul{
  margin:0px;
  padding:0px;
  list-style:none;
  float:right
}
#menu li{
  display:inline;
  float:left;
  margin:0px;
  padding:0px;
}
#menu a{
  float:left;
  margin:0px;
  padding:0px;
  text-decoration:none;
}
#menu a span{
  float:left;
  display:block;
  background:url('../img/tab.png') no-repeat right top;
  padding:13px 15px 8px 15px;
  color:#555;
}
#menu a span.selected, #menu a:hover span.selected{
  background:url('../img/selected.png') no-repeat left top;
}
#menu a:hover span{
  color:white;
}
#menu a:hover span.selected{
  color:#555;
}
#menu a:hover{
  background-position:0% -35px;
}
#menu a:hover span{
  background-position:100% -35px;
}
#footer{
  list-style:none;
  margin:0px;
  padding:0px;
}
#footer li{
  font:77% arial,sans-serif;
  list-style:none;
  display:inline;
  color:#999;
  padding:0px 10px 0px 0px;
}
#footer li a{
  font:100% arial,sans-serif;
  color:#666;
}
#map_canvas{
  border:1px solid #d0d0d0;
}

/*------------------------------------*/
/*Generic Styles                      */
/*------------------------------------*/

.clearboth{
  clear:both !important;
}
.padding1{
  padding:25px !important;
}
.padding2{
  padding:15px !important;
}
.padding3{
  padding:10px !important;
}
.padding4{
  padding:5px !important;
}
.alignright{
  text-align:right;
}
.header{
  height:10px;
  background-color:#A7A7BB;
}
.text1{
  font-size:100%;
}
.text2{
  font-size:93%;
}
.text3{
  font-size:85%;
}
.text4{
  font-size:77%;
}
.buffer1{
  height:25px;
}
.buffer2{
  height:15px;
}
.buffer3{
  height:10px;
}
.buffer4{
  height:5px;
}
.borderRight{
  border-right:1px solid #E1E1E1;
}
.bold{
  font-weight:bold !important;
}