body {
margin: 0;
padding: 0;
text-align: center;
background-color: #95b4d3;
background-image: url(../imgs/viewport_bg_blue.jpg);
background-repeat: no-repeat;
font-family: Arial, Helvetica, Sans-serif;
background-position: top center;
 }
 
 p {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 80%;
 color:#666666;
 margin: 0;
 padding: 8px 4px 4px 4px;
 }
 
 h1 {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 85%;
 color:#003366;
 margin: 10px 0 0 0;
 padding: 4px 4px 4px 4px;
 font-weight: 600;
 background-color: #dfeffd;
 border: 1px solid #CCCCCC;
 }
 
 h2 {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 80%;
 color:#009933;
 margin: 0 0 6px 0;
 padding: 4px;
 border-bottom: 1px solid #e3e3e2;
 }
  h3 {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 80%;
 color:#003366;
 margin: 0 0 6px 0;
 padding: 4px;
 border-bottom: 1px solid #e3e3e2;
 text-align: center;
 }

 
 a:link, a:visited {
 font-family: Arial, Sans-serif;
 font-size: 80%;
 color: #003366;
 margin: 0;
 padding: 4px;
 text-decoration: none;
 }
 
 a:hover {
 color: #003366;
 text-decoration: underline;
 }
 
 #wrapper {
 position: relative;
 width: 800px;
 height: 100%;
 text-align: left;
 margin-top: 15px; 
 margin-right: auto;
  margin-bottom: 15px;
 margin-left: auto;
 padding: 0;

}

#header {
width: 800px;
height: 265px;
margin: 0;
padding: 0;
background-image: url(../imgs/header_blue.jpg);
background-repeat: no-repeat;
}
#header_nav {
position: absolute;
width: 850px;
height: 20px;
top: 0;
left: 3px;
margin: 0;
padding: 2px;
}

 #header_nav a:link, #header_nav a:visited {
 font-family: Arial, Sans-serif;
 font-size: 80%;
 color: #003366;
 margin: 0;
 padding: 2px 6px 2px 6px;
 text-decoration: none;
 }
 
 #header_nav a:hover {
font-style: italic;
 text-decoration: underline;
 }
 #horizontal_nav {
 position: absolute;
 top: 242px;
 left:200px;
 padding: 0;
 margin: 0;
 }
 #horizontal_nav a:link, #horizontal_nav a:visited {
 font-family: Arial, Sans-serif;
 font-size: 80%;
 color: #003366;
 margin: 0;
 padding: 2px 6px 2px 6px;
 text-decoration: none;
 }
 
 #horizontal_nav a:hover {

 text-decoration: underline;
 }
 #main_content {
 float: left;
 width: 800px;
 height: 100%;
 margin: 0;
 padding: 0;
 background-color: #ffffff;
 
 }
 #l_panel {
 float: left;
 width: 200px;
 height: 100%;
 margin: 0;
 padding: 0;
 }
  #l_panel_nav {
 float: left;
 width: 180px;
 height: 100%;
 margin: 10px 0 10px 10px;
 padding: 10px;

 }
 #l_panel_cont li a:link, #l_panel_cont li a:visited {
 display: block;
 font-family: Arial, Sans-serif;
 font-size: 90%;
 color: #003366;
 margin: 0;
 padding: 5px 5px 5px 0.5em;
 text-decoration: none;
 text-align: left;
 background-color: #f1f1f1;

 }
  #l_panel_cont li a:hover {
  background-color: #003366;
 color: #FFF;
 }
 #l_panel_cont ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 }
 #l_panel_cont li {
 border-bottom: 1px solid #CCC;
 }
 
 #l_panel_cont {
 width: 180px;
 margin: 10px 0 10px 10px;
 padding: 10px;
 border: 1px solid #cccccc;
 text-align: center;
 }
#l_panel_cont a:link, #l_panel_cont a:visited {
 font-family: Arial, Sans-serif;
 font-size: 90%;
 color: #003366;
 margin: 0;
 padding: 4px;
 text-decoration: none;
 }


 #l_panel_cont h1 {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 85%;
 color:#003366;
 margin: 0;
 padding: 4px 4px 4px 4px;
 font-weight: 600;
 background-color: #dfeffd;
 border: 1px solid #CCCCCC;
 }
#l_panel_cont a:hover {
 color: #003366;
 text-decoration: underline;
 }
 #r_panel {
 float: right;
 width: 530px;
 height: 100%;
 margin: 0;
 padding: 0 20px 0 10px;
 }

 #section {
 width: 510px;
 height: 100%;
 margin: 10px 0 20px 0;
 padding: 10px;
border: 1px solid #ececec;
}

.links {
 width: 490px;
 height: 120px;
 margin: 10px 0 20px 0;
 padding: 10px;
text-align: center; 
}
.logo_images {
float: left;
width: 150px;
padding: 0;
margin: 0 5px 0 5px;
text-align: center;
}
#l {
float:left;
width: 150px;
padding: 0;
margin: 0;
text-align: center;
}
#r {
float: right;
width: 150px;
padding: 0;
margin:  0;
text-align: center;
}



#section h2 {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 80%;
 color:#003366;
 margin: 0;
 padding: 10px 4px 4px 4px;
 font-weight: 600;
}
#section ul {
list-style-type: square;
font-size: 80%;
}
#section a:link, #section a:visited {
 font-family: Arial, Sans-serif;
 font-size: 90%;
 color: #003366;
 margin: 0;
 padding: 4px;
 text-decoration: none;
 }
 
 #section a:hover {
 color: #003366;
 text-decoration: underline;
 }
#footer {
float: left;
clear: both;
width: 798px;
height: 25px;
margin: 0;
padding: 0 0 2px 0;
text-align: center;
background-color: #e2e1e1;
border: 1px solid #ffffff;
}
#footer p {
font-size: 70%;
}
h5{
color: #ececec;
}

.lpanel {
color: #003366;
}
#l_panel_cont_1 {
 width: 180px;
 margin: 10px 0 10px 10px;
 padding: 10px;
 border: 1px solid #cccccc;
 text-align: left;
 }
#l_panel_cont_1 a:link, #l_panel_cont_1 a:visited {
 font-family: Arial, Sans-serif;
 font-size: 90%;
 color: #003366;
 margin: 0;
 padding: 4px;
 text-decoration: none;
 }
 #l_panel_cont_1 h1 {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 85%;
 color:#003366;
 margin: 0;
 padding: 4px 4px 4px 4px;
 font-weight: 600;
 background-color: #dfeffd;
 border: 1px solid #CCCCCC;
 }
#l_panel_cont_1 a:hover {
 color: #003366;
 text-decoration: underline;
 }

.q {
color: #003366;
font-size: 90%;
font-style: italic;
font-weight: bold;
}
.indent {
padding-left: 25px;
}
.quote {
font-family: "Times New Roman", Times, serif;
font-size: 110%;
margin: 0;
padding: 0;
color: #003366;
font-style: italic;
font-weight: bold;
}
#audio_box {
float: left;
width: 270px;
margin: 15px 0 0 0;
padding: 6px;
border: 1px solid #0033CC;

}
#audio_box .text {
float: left;
width: 155px;
margin: 0;
padding: 0;
}
#audio_box .text p {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #333;
margin: 0;
padding: 3px 0 0 0;
}
#audio_box .image {
float: right;
width: 90px;
margin: 0;
padding: 0;
}
.press {
float: left;
margin: 0;
padding: 0;
width: 310px;
height: 210px;
}
#cp {
float: left;
width: 510px;
margin: 5px 5px 5px 5px;
padding: 0;
}
#cp_imgs {
float: left;
width: 500px;
margin: 3px;
padding: 0;
}
#cp_im_left {
float: left;
width:200px;

margin: 5px 25px 5px 25px;
padding: 0;
text-align: center;
}
#cp_im_right {
float: right;
width:200px;

margin: 5px 25px 5px 25px;
padding: 0;
text-align: center;
}
#index_cont {
float: left;
width: 510px;
margin: 5px 0 5px 0;
padding: 0;
text-align: center;
border: 1px solid #dddddd;
}
#container {
width: 510px;
margin: 5px 0 5px 0;
padding: 0 0 0 40px;
}
.mainExpand {
  cursor:hand;
  cursor:pointer;
  font:  80% verdana, arial, helvetica, sans-serif;
  background-color: #f1f1f1;
  border-bottom: 1px solid #98ccfe;
  margin: 10px 0 10px 0;
  padding: 2px 2px 2px 6px;
  border-left: 10px solid #ff3300;
}
.u_guard_tag {
	color: #090;
	font-size: 120%;
	margin: 0;
	text-align: center;
	font-weight: bold;
}

.image_box {
margin: 0 7px 0 7px;
padding: 7px;
border: 1px solid #aca98a;
background-color: #f1f1f1;
}
.image_text_cont_1 {
float: left;
width: 160px;
margin: 2px;
padding: 2px;
text-align: center;
}