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

body         
{ 
	color: #ccc; 
	font-size: 75%;/* IE */
	font-family:"Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif; 
	background-color: #1f1f1f; 
	text-decoration: none; 
	vertical-align: top; 
	margin: 0; 
	padding: 0; 
}

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

img
{
	border: 0px;
}

h1,h2,h3,h4
{
margin:0;
}
 
h1    
{ 
color: #ffff7a; /* #eeee90; */
font-size: 140% ; 
font-weight: lighter; 
line-height: 110%; 
margin: 0 0 15px; 
text-align: left; 
}


h2   
{ 
color: #ccc; 
font-size: 120% ; 
font-weight: bold; 
line-height: 110%; 
margin: 15px 0 0px; 

padding-bottom: 0px; 
border-bottom: 1px solid #4c4c4c; 
}

h3   
{ 
color: #fff; 
font-size: 140% ; 
font-weight: bold; 
line-height: 110%; 
margin-bottom: 10px; 
}
h4
{
color: #ccc;
font-size: 120% ;
font-weight: bold;
padding-bottom: 0px;
border-bottom: 1px solid #4c4c4c;
}
h6
{
color: #fff; 
font-size: 85% ;
font-weight: normal;
font-family: "Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif;
font-style: italic;
}

h7
{
color: #ffff7a; 
font-size: 140% ;
font-weight: lighter;
line-height: 110%;
margin: 0 0 15px;
}
hr 
{ 
background-image: url('image/aux1/hr_h.gif');
height:1px; border:0; 
width:100%; 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 10px; 
margin-bottom: 10px; 
}

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: #578ab3; 
	text-decoration: none ;
}

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








/*-------------- base layout --------------*/
body.insidebody
{ 
background-image: url('image/aux1/bg2.gif');
background-repeat: repeat-x; 
background-position: 0 130px; 
text-align: center; 
}

#wholewrap
{ 
width: 900px;
margin-right: auto;
margin-left: auto; 
padding: 0; 
text-align: left; 
}









/*------ header -----*/
div#header_left
{ 
padding:0; 
width:270px; 
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.gif'); 
background-repeat: no-repeat; 
background-position: left -20px; 
width:250px; 
height: 130px; 
float: left; 
margin: 0; 
padding: 0; 
display: inline; 
}









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

#mainimage
{ 
width: 620px; 
margin: 0; 
padding: 0; 
}

#mainimage img
{ 
top: 136px; 
z-index: 10; 
float: right; 
margin:0; 
border: solid 10px #4c4c4c; 
}








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

div#rightbox
{ 
line-height: 180%; 
background-image: url('image/aux1/imageshade.gif');
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; 
}

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

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

div#leftbox_heading
{ 
font-size:140%; 
color: #ffff7a; 
font-weight: lighter; 
text-transform: uppercase; 
text-align: left; 
margin: 0; 
padding: 28px 5px 5px 10px; 
}

    div#leftbox_heading a
    {
        color: #ffff7a; 
    }

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








/*-------------- main/global/top menu --------------*/
div#menu
{ 
background-image: url('image/logo/title.jpg'); 
background-repeat: no-repeat; 
background-position: right 35px; 
text-align: right; 
width: auto; 
height: 130px; 
float: right; 
margin: 0; 
padding: 0; 
}

ul.menu
{ 
text-transform: uppercase; 
margin: 80px 0 0 0; 
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; 
margin: 0; 
padding: 0; 
list-style-type: none; 
}

ul.menu li a
{ 
display: block; 
color: #fff; 
font-size: 110%; 
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-image: url('image/aux1/footer_bg.gif');
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; 
}
#footer  a
{ 
color: #84a5c6; 
margin-right: 7px; 
margin-left: 7px; 
}

#footer a:hover
{ 
color: #fff;
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: #fff; 
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: #963; 
    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: #ccc; 
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: #963; 
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: #292929; 
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: #ccc;
background-color: #1f1f1f;
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: #ccc;
background-color: #1f1f1f;
border: 0px;
border-spacing: 0px; }