/* CSS Document */

body  {margin:0;padding:0;}

html {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;background-color:gray;}

ul, li {list-style:none;margin:0;padding:0;}
li a {text-decoration:none;color:black;}
h1 {font-size:19px;font-weight:normal;}
img {display: block;border:none;}
img p {margin:0;padding:0;}

#navigation {background-image:url('images/navi.gif');background-repeat:no-repeat;width:759px;height:42px}
#navigation ul {padding-left:20px; padding-right:10px;}
#navigation ul li {float:right;padding-right:25px;background-image:url('images/divider.gif');background-position: right 50%;background-repeat:no-repeat;height:30px; font-style:normal; font-variant:normal; font-weight:bold; font-size:9px; font-family:Verdana, Helvetica, sans-serif}
#navigation ul li a {padding-right:15px;position:relative;top:9px;}

#banner {background-image:url('images/logo.jpg');background-position: 7px 5px;width:756px;height:195px;background-repeat:no-repeat}
#center {background-color:white;width:756px;margin:auto;margin-bottom:15px;}

.active {background-image:url('images/subnavi_active.jpg');width:185px;padding:0;margin:0}
.current {font-weight:bold;}
.normal {background-image:url('images/border.gif');background-repeat:no-repeat;padding:0;margin:0}

#subnavigation {float:left;}
#subnavigation ul li {margin-left:9px;padding-top:9px;padding-bottom:7px;}
#subnavigation ul li a {padding-left:25px;}
#subnavigation ul li li{margin-left:9px;padding-top:9px;padding-bottom:7px;}
#subnavigation ul li li a {padding-left:25px;}

#delimiter {background-image:url('images/delim.GIF');background-repeat:no-repeat;width:465px}



.glossymenu 
{
border-left:1px solid #9A9A9A; border-right:1px solid #9A9A9A; border-top:1px solid #9A9A9A; border-bottom:0px solid #9A9A9A; float:left;
margin-left: 10px;
padding: 0;
width: 185px; /*width of menu*/
margin-right:0; margin-top:15px; margin-bottom:15px
}

.glossymenu a.menuitem
{
background: black url('images/glossyback.gif') repeat-x bottom left;
color: #254C73;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 10px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Verdana, Helvetica, sans-serif; padding-right:0; padding-top:4px; padding-bottom:4px
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #254C73;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url('images/glossyback2.gif');
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #D8E1EA;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Verdana, Helvetica, sans-serif;
color: #373F47;
text-decoration: none;
padding: 2px 0;
padding-left: 30px;
}

.glossymenu div.submenu ul li a:hover{
background: #C0C3C7; /*#DFDCCB;*/
color: white;
}


#content {background-image:url('images/line_vert.gif');background-repeat:repeat-y;float:left;width:480px;margin-left:24px;padding-left:24px;line-height:16px;margin-top:12px;padding-bottom:45px}

#footer {font-size:9px;text-align:center;margin-right:14px;padding-bottom:10px;text-decoration:none;color:#BBBEC7;}
#footer a {text-decoration:none;color:#BBBEC7;}

.float-none {clear:left;display:block;text-align: justify;}
p.with-img-right {text-align: justify;}
p.with-img-left {text-align: justify;}
img.float-right {float:right;padding-left:20px;}
img.float-left {float:left;padding-right:20px;}
.indent{margin-left: 40px;text-align: justify;}

.cleaner
{
	clear:both;
	height:1px;
	Font-size:1px;
	border:0px none;
	margin:0;padding:0;
	background:transparent;
}