/* CSS Document */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

}



body {

	color: #1D1D1D;

	font-family: Arial;

	font-size: 10pt;/* set base font size to 10so we can adjust em size simply 1.2 = 12px, 1.6 = 16px, etc.  1 em = 10px by default; */

}



#container {width:853px; margin:auto;}



#header {background: White url(/_img/bgHead.jpg) no-repeat; height: 156px;}



#main-content {width:68%; float:right;}

#main-content h1 { font-size:16px; padding:5px 5px 5px 0px;}

#main-content h2 { font-size:14px; padding:5px 5px 5px 0px;}

#main-content h3 { font-size:13px; padding:5px 5px 5px 0px;}

#main-content p {	padding:5px 25px 5px 0px; text-align:justify;}

#main-content ul {padding-left:35px;}

#main-content ul li{padding-bottom:5px;}



a {

	color:#003399;

}

a:hover {

color:#0066FF

}

#menu {

	width:30%;

	float:left;

	background: url(../_img/bgMenu.jpg) no-repeat top;

}

#menu .inside {

padding: 17px 0px 0px 22px;

height: 560px;

}



#menu, #menu ul {

list-style: none;

margin: 0;

padding: 0;



}

#menu li {

/* make the list elements a containing block for the nested lists */

position: relative;

}



#menu ul ul {

	position: absolute;

	top: 0;

	background-color: #666DB3;

	left: 234px; /* to position them to the right of their containing block */

	width: 100%; /* width is based on the containing block */

	padding: 10px 0px 10px 10px;



}



#menu li ul {

    display: none;

}

#menu li:hover ul, #menu li.sfhover ul {

    display: block;

}



#menu A {

width: 218px;

margin-bottom: 3px;

font: bold 12pt Arial;

color: #233667;

text-decoration: none;

}





#menu UL.inside A { display: block; background: url(/_img/bgLinkMenuTop.gif) no-repeat top; padding: 8px 0px 0px 0px; }



#menu UL.inside A DIV {

padding: 0px 10px 6px 15px;

line-height: 12pt;

background: url(/_img/bgLinkMenuBottom.gif) no-repeat bottom;

}

#menu UL.inside A:hover { background: url(/_img/bgLinkMenuTop_active.gif) no-repeat top; }

#menu UL.inside A:hover  DIV { background: url(/_img/bgLinkMenuBottom_active.gif) no-repeat bottom; }

#menu UL.inside A.active { background: url(/_img/bgLinkMenuTop_active.gif) no-repeat top; }

#menu UL.inside A.active DIV { background: url(/_img/bgLinkMenuBottom_active.gif) no-repeat bottom; }







#footer { height: 47px; background: url(../_img/bgCopy.gif) no-repeat; clear:both;}

#footer #middle {

	text-align:center;

	padding-top:5px;

}

#left-img {position: relative; top: -27px; left: -14px;}

#lang {

	position:absolute;

	top:5px;

	padding:7px 5px 5px 25px;

}

#lang a	{ margin-right: 10px; }

#logo {

	position:absolute;

	width: 853px;

	background: White url(/_img/pic_head.jpg) no-repeat 681px top;

	top:40px;

	margin-left: 0px;

}

#main-content #sitemap li {

padding-bottom:10px;

}

.sitemap-li li {

padding-top:5px;

}

acronym {

border-bottom:1px dotted black;



}