@charset "UTF-8";

body {margin: 0px; background-color:#2d3c45;}

.lista {line-height: 1em;}
.lista a {color:#333333; font-family:arial; font-size:8pt; text-decoration:none; font-weight:normal;}
.lista a:hover {color:#55626c; font-family:arial; font-size:8pt; text-decoration:underline; font-weight:normal;}

#mainbox {height: 685px; background:url(img/gradientbg.png);}
#mainframe {width:800px; background: url(img/border.gif);}
#menu {font-size:1px;}
#leftpanel {border-right-color:#344751; border-right-style:solid; border-right-width: 1px; }
	
.squares {color:#FFFFFF; font-family: arial; font-size:9pt; background-color:#24323b; width:93px; height:56px; vertical-align:middle; text-align:center;}
.squares a {color:#FFFFFF; font-family: arial; font-size:9pt; text-decoration:none;}
.squares a:hover {color:#FFFFFF; font-family: arial; font-size:9pt; text-decoration:underline;}
	
#content p a {color:#f68121; font-family:arial; font-size:10pt; text-decoration:underline;}
#content p a:hover {color:#f68121; font-family:arial; font-size:10pt; text-decoration:none;}
p {color:#3d4c57; font-family:arial; font-size:10pt;}
h4 {color:#f68121; font-family: arial; font-size:11pt;}
	
	
	
.paneltitle {font-family:arial; font-size: 9pt; color:#55626c; font-weight:bold;}
.paneltitle a {font-family:arial; font-size: 8pt; color:#55626c; font-weight:bold; text-decoration: none;}
.paneltitle a:hover {font-family:arial; font-size: 8pt; color:#f68121; font-weight:bold; text-decoration:none;}
.paneltitlebg {background:#e9e9e9;border-bottom-color:#FF6600; border-bottom-style:solid; border-bottom-width: 1px; width: 190px;}
	
#footer {width:794px; height: 38px;}
	
.lang a {color:#ffffff; font-family:arial; font-size:10pt; text-decoration:none; font-weight:normal;}
.lang a:hover {color:#f68121; font-family:arial; font-size:10pt; text-decoration:none; font-weight:normal;}
	
.arrowlistmenu{
width: 190px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 9pt arial;
color: #333333;
background: #EDEDED;
margin: 1px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0px 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #ee6a1e;
}

.arrowlistmenu .menuheader a{ /*CSS class for menu links*/
font: bold 9pt arial;
color: #2d3c45;
text-decoration: none;
}

.arrowlistmenu .menuheader a:hover{ /*CSS class for menu links hover*/
font: bold 9pt arial;
color: #ee6a1e;
text-decoration: none;
}

.arrowlistmenu .menuheader a:visited{ /*CSS class for menu links visited*/

}

.arrowlistmenu .openheader a{ /*CSS class to apply to expandable header when it's expanded*/
color: #ee6a1e;
}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
background-color: #ffffff;
font-family: arial;
font-size: 9pt;
color: #2d3c45;
text-decoration: none;
}

.arrowlistmenu ul li{
background-color: #ffffff;
font-family: arial;
font-size: 9pt;
color: #2d3c45;
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/

font-weight: normal;
background: url(img/dott.gif) no-repeat top left;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/

font-weight: normal;
background: url(img/dott.gif) no-repeat top left;
}

.arrowlistmenu ul li a{
background: url(img/dott.gif) no-repeat top left; /*custom bullet list image*/
display: block;
padding: 2px 0px;
padding-left: 10px; /*link text is indented 19px*/
font-weight: normal;
background-color: #ffffff;
font-family: arial;
font-size: 9pt;
color: #2d3c45;
text-decoration: none;
}

.arrowlistmenu ul li a:visited{
background-color: #ffffff;
font-family: arial;
font-size: 9pt;
color: #2d3c45;
text-decoration: none;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #ffffff;
font-family: arial;
font-size: 9pt;
color: #ee6a1e;
text-decoration: none;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: url(img/dott.gif) no-repeat top left;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
height: 22px;
width:auto;
background-image:url(img/menubg.png);
vertical-align:top;
margin: 0;
padding: 0px;
font: bold 8pt arial;
list-style-type: none;
border: none;
overflow: hidden;
letter-spacing: 0.07em;

}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 31px;
padding: 0px; /*padding inside each tab*/
border: none;
color: white;
background-image: url(img/menubg.png);
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background-image: url(img/menubghover.png);
color: #ee6a1e; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background-image: url(img/menubghover.png); /*background of tab with "selected" class assigned to its LI */

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 11px arial;
margin-top: 0px;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: none;
border: none;
visibility: hidden;
z-index: 100;
letter-spacing: 0.04em;
}

.ddsubmenustyle li a{
display: block;
width: auto; /*width of menu (not including side paddings)*/
color: white;
background-color: #24323b;
text-decoration: none;
padding: 5px 10px 5px 8px;
border: none;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: auto; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
color: #ee6a1e;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/

}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}