/* ADD TO ALL CSS */
body{
margin:0px auto;
padding: 0px 0px 0px 0px;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:12px;
}

/* NEW MENU */

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#menu{
vertical-align:top;
width:159px;
border-right:1px solid #6A2E07;

}


/* Regular menu links */
a.menuLink {
color: #313131;
text-decoration: none;
display: block;
background: #afb6c8; 
padding: 4px 10px;
border-bottom: 1px solid #2d3239;
font: bold 9pt Arial, Helvetica, sans-serif;
}


/* HOVER - OFF */
a.menuLink:hover, a.menuLink:focus, a.menuLink:active {
color: #ffffff;
background-position: 0 0;
background: #396089; 
outline: none;
}
/* ---------------------- */
/* Selected menu items */
.menuListSel /* controls the li tag */ {
border-bottom: none!important;
}

/* VISITED - ON */
a.menuSel:link, a.menuSel:visited, a.menuSel:hover {
color: #ffffff;
font: bold 9pt Arial, Helvetica, sans-serif;
padding: 4px 10px;
background-color: #254955;
border-right: 0px solid #aaaaaa;
display: block;
text-decoration: none;
border-bottom: 1px solid #2d3239!important;
}


.cm {
display:block;
margin: 0px 0px 0px 0px;
padding: 10px;
font-size: 8pt;
color:#272727;
background: #e6e6e6;
border-bottom:1px solid #2d3239;
}

.menu_border{
border-right: 1px solid #2d3239;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */




/* START TITLE CSS */

.title{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:19pt;
font-weight:bold;
color:#ffffff;
padding-left:237px;
letter-spacing:1px;
text-shadow: 2px 2px 3px #000000;
filter: Shadow(Color=#000000, Direction=100, Strength=3);
}

.title_bg{
background-repeat : no-repeat;
background-position : left;
background-image : url(images/bao_title_bg.jpg);
}


/*END TITLE CSS */



#mapbox{
float:right;
width:200px;
padding:0px 0px 0px 0px;
margin:0px 0px 20px 20px;
border:0px solid #d2d2d2;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:center;
}

#mapbox .mapimg {
border:1px solid #cacaca;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
margin:0px 0px -30px 0px;
padding:10px;
z-index:0;
/* shadows */
box-shadow: 0px 0px 5px 1px #e4e4e4;
-moz-box-shadow: 0px 0px 5px 1px #e4e4e4;
-webkit-box-shadow: 0px 0px 5px 1px #e4e4e4;
}

#mapbox .zoom {
border:0px;
z-index:1;
position:relative;
left: 70px;
top: -20px;
padding:0px;
margin:0px;
}

#mapbox .addr {
background:#f7f7f7;
margin:0px 0px 0px 0px;
padding:10px;
text-align:left;
border:1px solid #d2d2d2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background: -moz-linear-gradient(bottom, #eaeaea, #fbfbfb);
background: -webkit-gradient(linear, left bottom, left top, from(#eaeaea), to(#fbfbfb));
}



/* START MAIN AREA ELEMENTS */

.content {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:10pt
}

UL {
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}

UL li {
list-style-type:none;
margin-bottom: -2px;
background-image: url(images/arrow_1.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
padding-left:15px;
padding-right: 0px;
padding-top:3px;
}

/* 
ul {
margin-top: -5px;
margin-bottom: -2px;
list-style-type: none;

padding: 0px 0px 0px 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}


li {
margin-bottom: -2px;
background-image: url(images/arrow_5.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
padding-left:15px;
padding-right: 0px;
padding-top:3px;
}
*/

hr {color:#263744}


H1 {
color:#0c294e ; 
font-size: 14pt;
margin: 0px 0px 5px 0px;
}

H2 {
color:#041a3d ; 
font-size: 12pt;
margin: 0px 0px 5px 0px;

}

H3 {
color:#3f3f3f ; 
font-size: 11pt;
margin: 0px 0px 5px 0px;
}

.focus {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:10pt;
background:#ffff66
}

.img {
border:1px solid #3a3a3a;
margin:0px 0px 10px 10px;
padding:5px;
}

.small { font-family : Arial, Helvetica, Verdana, sans-serif; font-size : 8pt }

.specialtext { font-family : Arial, Helvetica, Verdana, sans-serif; font-size : 8pt; color:#003399 }


#graybox{
float:right;
border:0px;
padding:20px;
margin:0px 0px 10px 10px;
width:210px;
background:#f7f7f7;
border:1px solid #d2d2d2;
-moz-border-radius: 5px;
border-radius: 5px;
}

#bluebox{
float:right;
border:0px;
padding:10px 10px 10px 10px;
margin:0px 0px 10px 10px;
width:300px;
background:#76a5de;
}

.banner_btm {
border-bottom: 1px solid #2D3239;
}

#mediatable table{

}

#mediatable td{
border:0px;
font-size:9pt;
text-align:center;
vertical-align:top;
padding:10px;
width:33%;
}

#mediatable img{
border:1px solid #3a3a3a;
margin:2px;
padding:5px;
}

/*TABLE ELEMENTS*/
.sun{
border-top:1px solid #808080;
border-bottom:1px solid #808080;
border-left:1px solid #808080;
}

.moon{
font-family:arial;
font-size: 10pt;
color: #000000;
text-align:left;
background:#dbdee6;
border-top:1px solid #808080;
border-right:1px solid #808080;
}

.earth{
font-family:arial;
font-size: 9pt;
color: #000000;
text-align:left;
border-top:1px solid #808080;
border-right:1px solid #808080;
}


.button1 { 
background-color : #e1e1e1 ; 
color : #000000 ; 
border-color : #7277b6 ;
font-family : arial ; 
font-size: 10pt ; 
height : 25 ; 
width : 120
 }
 
.button2 { 
background-color : #e1e1e1 ; 
color : #000000 ; 
border-color : #cc0000 ;
font-family : arial ; 
font-size: 10pt ; 
height : 25 ; 
width : 120
 }

.fieldbox {
background-color : #e1e1e1 ;
color : #000000 ;
border-color : #7277b6;
font-family : Arial, Helvetica, sans-serif;
font-size: 11pt;
height : 20
}

.text-box { 
background-color : #e1e1e1 ; 
color : #000000 ; 
border-color : #7277b6; 
font-family : courier; 
font-size: 10pt; 
 }
 
 
/* END MAIN AREA ELEMENTS */