/* skin css */

div.pagewrapper {
	width: 814px;
	text-align:center;  
	margin:auto;
	background-image:url(images/bgcontent.gif);
}

/*page*/
html, body {
	margin: auto;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 10px;
	background-image:url(images/bgmain.gif);
}

.header {
	width:814px;
	height:234px;
	margin:none;
	/*background-image:url(images/header.jpg);*/
}

.footer {
	width:814px;
	height:45px;
	margin:auto;
	background-image:url(images/footer.gif);
}

.LanguageSelector {
	text-decoration:none;
	color:#8f8463;
}

.DSLocaleSelectorPA-LinkSelector{
	text-decoration:none;
	color:#8f8463;
}

.DSLocaleSelectorPA-LinkSelectorSelected{
	text-decoration:none;
	color:#8f8463;
}



/*panes*/
.leftpane{
	width:150px;
	padding:0 0 0 0;
	vertical-align:top;
	text-decoration:none;
	color:#8f8463;
}

.contentpane{
	width:500px;
	vertical-align:top;
	text-decoration:none;
	color:#8f8463;
	border: 0 0 0 0;
	margin: 0 0 0 0; 
	padding:0 0 0 0;
}

.rightpane
{
	margin-left:0px; 
	vertical-align:top;
	width:150px;  
	text-decoration:none;
	color:#8f8463;
	border: 0 0 0 0;
	margin: 0 0 0 0; 
	padding:0 0 0 0;
}

/*menus*/
.altmenu {
	height:20px;
	padding-right:25px;
	text-align:right;
}

.altmenu :link {
	text-decoration:none;
	color:#8f8463;
}

.altmenu :hover {
	text-decoration:none;
	color:#990000;
}

.altmenu :visited{
	text-decoration:none;
	color:#8f8463;
}

/*text*/
.copyrighttext {
	font-size:xx-small;
	letter-spacing:2px;
	color:#999900;
	text-align:center;
}

A.BannerLinks:Link, A.BannerLinks:Active, A.BannerLinks:Visited
{
    color:#8f8463;
	font-family: Verdana, Arial, San-Serif;
	font-size:75%; 
	padding-left:5px;
    padding-right:5px;
    padding: 2px 2px 3px 2px
    border-right: 1px solid #8f8463;
    height:20px
}
A.BannerLinks:hover
{
    color:#990000;
    text-decoration:none;
}

/* ================================
    Main CSS STYLES FOR Snapsis CSSNav Skin
   ================================
 */
.TabList {
    font-size:75%;
}
.TabList ul {
    clear:both;
    margin:0;
    padding:10px 10px;
    list-style:none;
    display: inline;
}
.TabList li {
    float:left;
    margin:0;
    display: inline;
    padding:0 0 0 2px;
}
.LinkIcon {
    border:0;
    padding-right:2px;
}
.TabList li li {
    padding:0 0 0 10px;
    font-size:85%;
}
.TabList li li li{
    padding:0 0 0 20px;
}

.TabList ul a {
   padding:0 0 0 10px;
   font-family: Verdana, Arial, San-Serif;
   line-height:normal;
}

.TabList li a {
   padding:0 0 0 10px;
   font-family: Verdana, Arial, San-Serif;
   line-height:normal;
}

select.TabList {
    border-left: #339933 1px solid;
    border-right: #339933 1px solid;
    border-top:  #339933 1px solid;
    border-bottom: #339933 1px solid;
    background-color: #C1CFF9;
    color:#000;
    font-weight:normal;
    font-size:75%;
}

/* IE-PC doesn't see these child selectors but CSS2 compliant browsers can make use of them
#NavTabs > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#NavTabs a {float:none;}
/* End IE5-Mac hack */

/*#NavTabsContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    display:block;
    height:100%;
}  */
#NavTabsContainer {
   /*border:1px solid #333;*/
   /*background-color: #E5F5FF;*/
   height:100%;
   width:150px;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}

#NavTabs a {
	font-size:1.08em;
	display:block; 
    width:145px;
    float:left;
    text-align:left;
    padding:2px;
    text-decoration:none;
    color:#8f8463;
}

#NavTabs a:hover {
    text-decoration:none;
    color:#990000;
}

#NavTabs .Level0 {
    padding-top:3px;
    padding-bottom:3px;
    border-bottom: 1px solid #8f8463;
}
#NavTabs .Level0 a {
    font-weight:normal;
}

#NavTabs .Level1 {
    padding-left:6px;
}
#NavTabs .Level2 {
    padding-left:12px;
}
#NavTabs .SelectedTab a {
    text-decoration:none;
    color:#990000;
    font-weight:bold;  
}
#NavTabs .DisabledTab {
    width:165px;
    float:left;
    text-align:left;
    padding:2px;
    text-decoration:none;
    font-weight:lighter;  
    font-style:italic;  
}


/* Horizontal Menu */
/* ************************************************************ */
#navHContainer {
    /*position:absolute;
    top:234px;
    display:table-cell;*/ 
    text-align:right; 
}

#nav {
	text-align:right;
}

#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    width:auto;
}

#nav li {
  position: relative;
  line-height : 1.25em;
  width: auto;
  list-style: none;
}

#nav a {
    font-size:1.08em;
	display:block;
    text-decoration:none;
    text-align:right;
    width: auto; /*7.5em;*/
    padding :1px 0 1px 0;
    color:#8f8463;
}

#nav .Level0 {
    padding-left:5px;
    padding-right:5px;
    border-right: 1px solid #8f8463;
}

#nav li a:hover {
	text-decoration:none;
    color:#990000;  
}  

#nav li a.SelectedTab {
    text-decoration:none;
    color:#990000;
    font-weight:bold; 
}

#nav .SelectedTab a {
    text-decoration:none;
    color:#990000;
    font-weight:bold;  
}
#nav .DisabledTab {
    width:165px;
    float:left;
    text-align:left;
    padding:2px;
    text-decoration:none;
    font-weight:lighter;  
    font-style:italic;  
}

#nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 1.6em;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:12.8em;
}

#navContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}
#navContainer {
   border:1px solid #333;
   background-color: #d8edfb;
   height:30em;
   width:12em;
   vertical-align:top;
   padding:10px 5px 10px 5px;  
   text-align:right;  
}