/* CSS Document */

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft, #framecontentTop{
position: absolute; 
top: 146px; 
left: 0; 
width: 162px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #dcdcdc;
/*z-index:10;*/
}

#framecontentTop{ 
top: 0; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 146px; /*Height of top frame div*/
/*overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
overflow:visible;
background-color: #C3C7CE;
}

#maincontent{
position: fixed; 
left: 162px; /*Set left value to WidthOfLeftFrameDiv*/
top: 146px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background: #fff;
}
#maincontent .innertube {
max-width:800px;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 146px 0 0 0px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 	
padding-left:162px;
max-width:800px;

}

* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}

.clear {
clear:both;
}

#logowrap {
background-color: #C3C7CE;
}
#logo {
float:left;
padding-left:12px;
}
#langwrap {
float:right;
width:300px;
}
#language {
width:300px;
text-align:right
}
#search {
width: 130px;
padding-top:7px;
text-align:right;
padding-bottom:5px;
}
#topnav {
position:absolute;
top:121px;
left:162px;
width:100%;
}

#links {
padding-top:17px;
text-align:right;
font-size:11px;
}

/* Drop Down Menu */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:12
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
z-index:12;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
z-index:12;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
z-index:12;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
z-index:12;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
z-index:12;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(images/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */



