@charset "utf-8";
/* CSS Document */
/* Global Styles */

body{
margin:5;
padding:5;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}


#topsection{
background: #EAEAEA;
height: 140px; /*Height of top section*/
text-align: center;
background: url(images/Ben070707_panor.JPG) no-repeat center right;
}

#topsection h1{
margin: 5;
padding-top: 15px;
color: blue;
font-style: italic;
}

#contentwrapper{
float: left;
width: 100%;
}


#contentcolumn{
margin: 0 120px 0 120px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 120px; /*Width of left column*/
margin-left: -100%;
background: #f0f8ff;
}

#rightcolumn{
float: left;
width: 120px; /*Width of right column*/
margin-left: -120px; /*Set left marginto -(RightColumnWidth)*/
background: #f0f8ff;
}

#footer{
clear: left;
width: 100%;
background: blue;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100px; /* Width of Menu Items */
/*border-bottom: 1px solid #ccc;*/
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 120px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: blue;
text-decoration: none;
background: #f0f8ff;
padding: 1px 5px;
border: 1px solid #f0f8ff;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: blue;
}

.suckerdiv ul li a:hover{
background-color: yellow;
}

.suckerdiv .subfolderstyle{
background: url(arrow-list.gif) no-repeat center right;
}