/* main html elements */
html
{ 
	padding: 0; 
}

body
{
	color: #003366;
	font-size: 75%;/* IE */
	font-family:"Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif;
	background: #003366;
    margin: 0; 
	padding: 0;
}

html>/**/body {
  font-size: 12px; /* Except IE */
}

img
{
	border: 0px;
}

h1,h2,h3,h4
{
margin:0;
}

h1
{
color: #003366;
font-size: 140% ;
font-weight: lighter;
line-height: 110%; 
margin: 0 0 15px;
text-align: left;
}

h2
{
color: #003366;
font-size: 120% ;
font-weight: bold;
line-height: 110%;
margin: 15px 0 0px;
padding-bottom: 0px;
border-bottom: 1px solid #003366;
}

h3   
{
color: #003366;
font-size: 140% ;
font-weight: bold;
line-height: 110%;
margin-bottom: 10px;
}

h4
{
color: #003366;
font-size: 120% ;
font-weight: lighter;
line-height: 110%;
margin: 0 0 15px;
text-align: left;
}
h5
{
color: #003366;
font-size: 110% ;
font-weight: bold;
line-height: 110%;
margin: 10px 0 0px;
padding-bottom: 0px;
border-bottom: 1px solid #003366;
}
ul
{
list-style: none;
margin: 10px 0 10px 10px;
padding: 0 ;
}

ul li
{
background-image: url('image/aux1/arrow.gif');
list-style-type: none;
background-repeat: no-repeat;
background-position: 0 7px;
margin: 0;
padding: 0 0 0 20px;
}

ul li li
{
background-image: none;
list-style-type: disc;
margin: 0 0 0 20px;
padding-left: 0;
}

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

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

/*-------------- base layout --------------*/
#insidebody
{
background-image: url('image/aux1/bg.gif');
background-repeat: no-repeat;
background-position: 0px 120px;
width: 900px;
height: 294px;
margin: 0;
padding: 0;
display: inline;
z-index: 30;
float: left;
}

#wholewrap
{
width: 900px;
margin: 30px 0 0 0;
	text-align: left;
	border: 1px solid #999999;
	background: #D3D3D3;
}


	

/*------ header -----*/
div#header_left
{
padding:0;
width:230px;
height: auto;
float: left;
margin: 0;
}

div#header_right
{
font-size: 90%;
text-align: right;
padding:0;
width:620px;
float: right;
margin: 0;
}

div#header_left h1,div#header_left h2
{
display:none;
}

div#logo
{
background-image: url('image/logo/logo.jpg');
background-repeat: no-repeat;
background-position: 5px 5px;
width: 230px;
height: 117px; /*175*/
float: left;
margin: 0;
padding: 0;
display: inline;
z-index: 30;
}

/*------ middle box -----*/
div#pagetitle img
{
margin-top:60px;

}

#mainimage
{
width: 542px;
margin: 0;
padding: 0;
float: right;
}

#mainimage img
{

z-index: 10;
margin:0;
border: solid 10px #787878;
}

/*------ main box -----*/
div#contents
{ clear: both; 
    margin: 0;
    padding: 0;
}

div#rightbox
{
line-height: 180%;
background-image: none;
background-repeat: no-repeat;
background-position: right 0;
width: 620px;
float: right;
padding: 0;
}

div#rightbox div/*main contents*/
{
border-left: 1px solid #4c4c4c;
margin-top:30px;
margin-bottom: 30px;
padding-left: 30px;
padding-right: 15px;
}

div#rightbox div img
{
margin:5px;
}

div#leftbox
{
float: left;
width: 250px;
padding: 0 0 30px;
}

div#leftbox_heading
{
font-size:130%;
color: #003366;
font-weight: lighter;
text-transform: uppercase;
text-align: left;
margin: 0;
padding: 15px 2px 2px 10px;
}

div#leftbox_heading a
    {
        color: #003366;
    }
div#leftbox_heading a:hover
{
color: #999999;
}

div#leftbox_text
{
line-height: 150%;
text-align: left;
vertical-align: top;
padding: 5px;
}

div#leftbox_text a:hover
{
color: #999999;
}
/*-------------- main/global/top menu --------------*/


ul.menu
{
text-transform: uppercase;
margin: 80px 0 0 75px;
padding: 0;
list-style-type: none;
display: block;
}

ul.menu li
{
background-image: url('image/menuglobal/menu_line.gif');
background-repeat: no-repeat;
background-position: right center;
float: left;
text-align: right;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 120%;
font-weight:normal;
color: #003366;
}

ul.menu li a
{
display: block;
color: #003366;
font-size: 140%;
font-weight: normal;
text-decoration: none;
text-align: center;
padding: 10px 15px;
list-style-type: none;
white-space:nowrap;
}

ul.menu li a:hover
{
color: #fff;
background-image: url('image/menuglobal/menu_bg.gif'); 
background-repeat: repeat-x;
background-position: center 0;
text-decoration: none;
}

a.thispage
{
color: #fff; 
background-image: url('image/menuglobal/menu_bg.gif');
background-repeat: repeat-x;
background-position: center -40px;
text-decoration: none;
}

/*-------------- footer --------------*/
#footer
{
font-size: 90%;
background-repeat: repeat-x;
background-position: 0 top;
text-align: center;
vertical-align: top;
clear: both;
margin: 0;
padding: 30px 15px;
border-top: 1px solid #757575;
}

#footer_text
{
text-align: left;
width:870px;
margin-right: auto;
margin-left: auto;
color: #003366;
}
#footer  a
{
color: #003366;
margin-right: 7px;
margin-left: 7px;
}

#footer a:hover
{
color: #999999;
text-decoration: underline;
}

/*-------------- left/local menu (accordions)--------------*/
div#accordion_v_01_container
{
width: 250px;
padding:30px 0;
}

#accordion_v_01_container a,
h5.accordion_toggle
{
color: #003366;
font-size: 12px;
font-weight: normal;
background-image: url('image/menulocal/submenu_arrow.gif');
background-repeat: no-repeat;
background-position: 230px center;
text-decoration: none;
margin: 0;
padding: 7px 30px 7px 5px;
border-bottom: 1px solid #4c4c4c;
display: block;
}

/*
div#accordion_v_01_container #thispage,
div#accordion_v_01_container thispage,
h5#thispage,
h5.thispage
*/
#accordion_v_01_container a:hover,
h5.accordion_toggle:hover
{
    color: #fff;
    font-size: 12px;
    background-color: #999999;
    background-image: url('image/menulocal/submenu_arrow_hover.gif');
    background-repeat: no-repeat; background-position: 230px center;
    text-decoration: none; margin: 0;
    padding: 7px 30px 7px 5px;
    border-bottom: 1px solid #4c4c4c;
    display: block;
}

.accordion_toggle,
.accordion_vertical_toggle,
.accordion_vertical_toggle_2
{
display: block;
outline: none medium;
cursor: pointer;
margin: 0;
padding: inherit;
}

h3.accordion_vertical_toggle,
#accordion_v_02_container a
{
color: #003366;
font-size: 12px;
font-weight: normal;
background-image: url('image/menulocal/submenu_arrow2.gif');
background-repeat: no-repeat;
background-position: left center;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}

h3.accordion_vertical_toggle:hover,
#accordion_v_02_container a:hover
{
color: #003366;
font-weight: normal;
background-image: url('image/menulocal/submenu_arrow2.gif');
background-repeat: no-repeat;
background-position: left center;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}

.accordion_content
{
        overflow: hidden;
        padding: 5px 5px 5px 10px;
}

#accordion_v_01_container .accordion_content a
{
font-size: 90%;
border-width: 0;
padding:3px 0 3px 10px;
}

#accordion_v_01_container .accordion_content a:hover
{
color: #fff;
font-size: 90%;
background-color: #999999;
border-width: 0;
padding:3px 0 3px 10px;
}

table.sofT
{ text-align: Left;
font-family: "Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif;
font-size: 110%;/* IE */
font-weight: normal;
color: #003366;
background-color: #FFF;
border: 0px;
border-spacing: 0px; }

table.smallT
{ text-align: Left;
font-family: "Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif;
font-size: 90%;/* IE */
font-weight: normal;
color: #003366;
background-color: #FFF;
border: 0px;
border-spacing: 0px; }