/* CSS Document */
* {
  margin: 0;
  padding: 0;
  border:0;
}

body {
 margin: 0px;
 background-image: url("images/bg_body.png");
 background-repeat: repeat;
 font-size: 11px; 
 font-family: "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif; 
 color: #646464;
}

a {
 color: #646464;
 text-decoration:none;
}

a:hover {
 color: #254F7C;
 text-decoration:underline;
}

td{
 vertical-align:top;
}

h1 {
 color: #333333;
 font-size: 15px;
 font-weight:normal;
 padding:3px 0px 3px 6px;
 background:#EEEEEE;
 border:solid 1px #CCCCCC;
 margin-bottom: .5em;
}

h2 {
 color: #333333;
 font-size: 13px;
 font-weight:normal;
 padding: 3px 0px 3px 6px;
 border: 1px solid #DDDDDD;
 margin-left: 1em;
 margin-bottom: 1em;
 background: #F7F7F7;
}

h3, h5 {
 font-size: 11px;
 margin-bottom: .1em;
}

p {
 margin-top:0em;
 margin-bottom: 1em;
 margin-left: 2.3em;
}

img {
 border: none;
}

ul {
 list-style: none;
}

ul.bullets {
 list-style: disc;
 margin-left: 1.2em;
 margin-bottom: .5em;
}

.code {
 font-size: 1.2em;
 font-style:italic;
 color: #254F7C;
}
.code2 {
 font-size: 11px;
 font-style:italic;
 color: #254F7C;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}



/** page structure styles**/
#rail_left {
 background: url("images/bg_left.png") repeat-y right;
 vertical-align: top;
}

#rail_right {
 background: url("images/bg_right.png") repeat-y left;
 vertical-align: top;
}

#rail_center {
 width:764px;
 vertical-align: top;
 border-right: 1px solid #BBBBBB;
 border-left: 1px solid #BBBBBB;
}



/** content block styles**/
.content_left {
 border-right: 1px solid #EEEEEE;
 padding: 0px 10px 0px 0px;
}

.content_right {
 padding: 0px 10px 0px 10px;
 width:100%;
}

.content_container {
 padding: 10px 0px 10px 10px;
 border-top: 1px solid #BBBBBB;
 background:#FFFFFF;
}



/**header**/
.headerlogo {
 float:left; 
 display:block;
 margin-top:23px;
 margin-left:5px;
}

/*FOOTER*/
.footer{
 padding: 10px;
 border-top: 1px solid #BBBBBB;
 text-align:center;
}
.footer A{
margin-right:10px;
}

/**top nav styles**/
.topnav_container{
 border: solid 1px #DDDDDD;
 padding:5px 0px 5px 5px;
 background:#FFFFFF;
}


.topnav DIV{
 padding:0px 5px 0px 0px;
 white-space: nowrap;
 display:block;
}

.topnav A{
 padding:2px 6px 2px 6px;
 font-family: Arial; 
 font-size: 10px; 
 font-weight: bold;
 color:#646464;
 text-transform:uppercase;
 text-decoration:none;
 background: #EEEEEE;
 border: 1px solid #DDDDDD;
 margin: -1px;
 display:block;
}

.topnav DIV A:hover{
 font-family: Arial; 
 font-size: 10px; 
 font-weight: bold;
 color:#333333;
 text-transform:uppercase;
 text-decoration: none;
 background: #DDDDDD;
 border: 1px solid #999999;
 margin: -1px;
 display:block;
}

.topnav .active A, .topnav .active A:hover {
 border: 0px;
 margin: 0px;
 background: #EEEEEE;
 font-family: Arial; 
 font-size: 10px; 
 font-weight: bold;
 color:#333333;
 text-transform:uppercase;
 text-decoration: none;
 font-weight:bold;
 display:block;
 }

.topnav A.active{
 font-family: Arial; 
 font-size: 10px; 
 font-weight: bold;
 color:#333333;
 text-transform:uppercase;
 text-decoration: none;
 background: #DDDDDD;
 border: 1px solid #999999;
 margin: -1px;
 display:block;
}

/*LEFT MENUS CSS*/

 DIV.leftmenu_container_active {
  background:#D8DFE7;
  border:solid 1px #58789A;
 }

.leftmenu_container{
 border: solid 1px #DDDDDD;
 padding:5px;
 margin-bottom:10px;
}

.leftmenus_title {
 font-family: Arial; 
 font-size: 10px; 
 font-weight: bold;
 color:#333333; 
 margin: 0px;
 display:block;
 padding:2px 6px 2px 6px;
 text-transform:uppercase;
 text-align:center;
}

.leftmenus DIV{
 padding:2px 0px 2px 0px;
 white-space: nowrap;
 display:block;
}

.leftmenus A{
 padding:2px 6px 2px 6px;
 font-family: Arial; 
 font-size: 10px; 
 font-weight: bold;
 color:#646464;
 text-decoration:none;
 background: #EEEEEE;
 border: 1px solid #DDDDDD;
 margin: -1px;
 display:block;
}

.leftmenus DIV A:hover{
 font-family: Arial; 
 font-size:10px; 
 color:#333333; 
 text-decoration: none;
 background: #DDDDDD;
 border: 1px solid #999999;
 margin: -1px;
 display:block;
}

.leftmenus .active A, .leftmenus .active A:hover {
 border: 0px;
 margin: 0px;
 background: #EEEEEE;
 font-family: Arial; 
 font-size:10px; 
 color:#000; 
 text-decoration: none;
 font-weight:bold;
 display:block;
 }

.leftmenus A.active{
 font-family: Arial; 
 font-size:10px; 
 color:#333333; 
 text-decoration: none;
 background: #DDDDDD;
 border: 1px solid #999999;
 margin: -1px;
 display:block;
}