/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
background-color: #cccccc;
color:#FFFFFF;
}

#header {
	position:relative;
	height: 88px;
	background:#333333;
	width:800px;
	margin:0px;
}


#mainmenu {
	position: absolute;
	left:212px;
	top:70px;
	width:415px;
	height:22px;
	z-index:8;

}
#mainmenu2 {
	position: absolute;
	left:271px;
	top:40px;
	width:354px;
	height:22px;
	z-index:8;

}
#news {
	position:absolute;
	left:206px;
	top:5px;
	width:300px;
	z-index:8;
}

#main {
position:relative;
width:800px;
height:100%;
background-image:url(../images/mainbg.jpg);
}

#mainfront {
position:relative;
width:800px;
height:100%;
background-color:#000000;
}

#maintextcaponline {
position:relative;
width:800px;
height:100%;
background-image:url(../images/caponlinebg.jpg);
}



#maintextcaponlinesc {
position:relative;
width:800px;
height:100%;
background-image:url(../images/caponlinescbg.jpg);
}

#maintextarea {
position:relative;
width:800px;
height:100%;
background-image:url(../images/mainbg2.jpg);
}
#maintextareaffs {
position:relative;
width:800px;
height:100%;
background-image:url(../images/mainbgffs.jpg);
}

#maintextareamyotest {
position:relative;
width:800px;
height:100%;
background-image:url(../images/mainbgmyotest.jpg);
}

.googlestyle {
font-size: 10px;
color:#000000;
}
.style2 {color: #FFFFFF}
.basetext {color: #FFFFFF; font-size: 12px; }
.header {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
.style8 {color: #FFFFFF; font-weight: bold; }
.resource {font-size: 12px;
font-weight: bold; 
}
.smalltext {
font-size: 10px;
color:#FFFFFF;
}

a {
text-decoration:underline;
color:#ffffff;
}

a:hover {
text-decoration:underline;
color:#999999;
}

.style9 {font-size: 16px}
.style11 {
	color: #0000FF;
	font-weight: bold;
	font-size: 12px;
}
.style12 {font-size: 12px}

input.formButton {
	background: #002486;
	border-bottom: 1px solid #3300ff;
	border-left: 1px solid #3300ff;
	border-right: 1px solid #3300ff;
	border-top: 1px solid #3300ff;
	color: #FFFFFF;
	font-weight: bold;
	font-size:12px;
	margin: 2px 2px 0px 2px;
}


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

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 190px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(../images/glossyback2.gif) repeat-x bottom left;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

  
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 180px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
  
.glossymenu li a:hover{
background-image: url(../images/glossyback.gif);
}

.hpnmenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 180px;
border: 1px solid #333333;
border-bottom-width: 0;
}

.hpnmenu li a{
background: white url(../images/hpnimage1.gif) repeat-x bottom left;
font: 11px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .hpnmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 170px;
}

.hpnmenu li a:visited, .hpnmenu li a:active{
color: white;
}


  
.hpnmenu li a:hover{
background-image: url(../images/hpnimage2.gif);
} 



.hpnmenu2{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 160px;
border-bottom-width: 0;
}

.hpnmenu2 li a{
background: white url(../images/hpnimage1.gif) repeat-x bottom left;
font: 11px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .hpnmenu2 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 150px;
}

.hpnmenu2 li a:visited, .hpnmenu2 li a:active{
color: white;
}


  
.hpnmenu2 li a:hover{
background-image: url(../images/hpnimage2.gif);
} 




.workout{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 160px;
border: 1px solid #333333;
border-bottom-width: 0;
}

.workout li a{
background: white url(../images/workoutbg1.gif) repeat-x bottom left;
font: 11px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .workout li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 150px;
}

.workout li a:visited, .workout li a:active{
color: white;
}


  
.workout li a:hover{
background-image: url(../images/workoutbg2.gif);
} 

.leftmenu{
list-style-type: none;
margin: 2px 0;
padding: 0;
width: 140px;
border: 1px solid #666666;
border-bottom-width: 0;
}

.leftmenu li a{
background: white url(../images/leftimage1.gif) repeat-x bottom left;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .leftmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 145px;
}

.leftmenu li a:visited, .leftmenu li a:active{
color: white;
}
  
.leftmenu li a:hover{
background-image: url(../images/leftimage2.gif);
}

.rightmenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 185px;
border: 1px solid #FFFFFF;
border-bottom-width: 0;
}

.rightmenu li a{
background: white url(../images/rightcolumn1.gif) repeat-x bottom left;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .rightmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 175px;
}

.rightmenu li a:visited, .rightmenu li a:active{
color: white;
}
  
.rightmenu li a:hover{
background-image: url(../images/rightcolumn2.gif);
}

.rcpartner{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 185px;
border: 1px solid #FFFFFF;
border-bottom-width: 0;
}

.rcpartner li a{
background: white url(../images/rcpartner.gif) repeat-x bottom left;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
color: black;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .rcpartner li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 175px;
}

.rcpartner li a:visited, .rcpartner li a:active{
color: white;
}
  
.rcpartner li a:hover{
background-image: url(../images/rcpartner2.gif);
}


.dtmenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 205px;
border: 1px solid #666666;
border-bottom-width: 0;
}

.dtmenu li a{
background: white url(../images/leftimage1.gif) repeat-x bottom left;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .dtmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 185px;
}

.dtmenu li a:visited, .dtmenu li a:active{
color: white;
}
  
.dtmenu li a:hover{
background-image: url(../images/leftimage2.gif);
}


a.boldbuttons{
background: transparent url('../images/ffstemplate/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/ffstemplate/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}
a.boldbuttons2{
background: transparent url('../images/ffstemplate/roundedge-red-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons2, a:visited.boldbuttons2, a:hover.boldbuttons2, a:active.boldbuttons2{
color: white; /*button text color*/
}

a.boldbuttons2 span{
background: transparent url('../images/ffstemplate/roundedge-red-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons2{ /* Hover state CSS */
text-decoration: underline;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



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

.testmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 420px;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../images/testimonialmenu1.png) center center repeat-x;
}

.testmenu li{
display: inline;
}

.testmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-left: .5px solid #625e00;
border-right: .5px solid #625e00;
}

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

.testmenu li a:hover, .testmenu li .current{
color: white;
background: transparent url(../images/testimonialmenu2.png) center center repeat-x;
}


[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
[endif]


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

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 70% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 80% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
width: 185px;
}

#ddblueblockmenu div.menutitlemain{
color: white;
border-bottom: 1px solid black;
padding: 1px 0 5px;
padding-left: 5px;
background-color: #990000;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
width: 185px;
}



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

#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
width: 752px;
border: 1px solid #ffffff;
background-color: #1958b7;
font-size:11px;
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: white;
padding: 2px 9px;
text-decoration: none;
background: transparent url(../images/vertical.gif) center right no-repeat;
}

#vdividermenu ul li a:visited{
color: black;
}

#vdividermenu ul li a:hover{
color: white;
background-color: #1c64d1;
}

#librarytext {
position:absolute;
left:220px;
top: 110px;
}

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

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #000000; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 14px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border: 1px solid #002486;
}

#modernbricksmenu2 a:hover{
background-color: #002486; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #002486; /*Brown color theme*/ 
color: white;
border-color: #002486; /*Brown color theme*/ 
}


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

.curmenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 180px;
}

.curmenu #current a{
background-image: url(../images/curbg.png);}

.curmenu li a{
background: white url(../images/curbg2.gif) repeat-x bottom left;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .curmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 170px;
}

.curmenu li a:visited, .curmenu li a:active{
color: white;
}

.curmenu li a:hover{
background-image: url(../images/curbg.png);
}

.cursubmenu{
list-style-type: none;
margin: 5px 0;
padding: 3px 0;
width: 190px;
position:absolute;
top:0px;
left:190px;
}

.cursubmenu #current a{
background-image: url(../images/curbg1hover.png);}

.cursubmenu li a{
background: white url(../images/curbg1.png) repeat-x bottom left;
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .cursubmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 180px;
}

.cursubmenu li a:visited, .cursubmenu li a:active{
color: white;
}

.cursubmenu li a:hover{
background-image: url(../images/curbg1hover.png);
}

.cursubsubmenu{
list-style-type: none;
margin: 5px 0;
padding: 3px 0;
width: 190px;
position:absolute;
top:0px;
left:390px;
}

.cursubsubmenu #current a{
background-image: url(../images/cur2bghover.png);}


.cursubsubmenu li a{
background: white url(../images/cur2bg.png) repeat-x bottom left;
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .cursubsubmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 180px;
}

.cursubsubmenu li a:visited, .cursubsubmenu li a:active{
color: white;
}

.cursubsubmenu li a:hover{
background-image: url(../images/cur2bghover.png);
}

.cursubsub2menu{
list-style-type: none;
margin: 5px 0;
padding: 3px 0;
width: 190px;
position:absolute;
top:0px;
left:590px;
}

.cursubsub2menu #current a{
background-image: url(../images/cur3bghover.png);}


.cursubsub2menu li a{
background: white url(../images/cur3bg.png) repeat-x bottom left;
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .cursubsub2menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 180px;
}

.cursubsub2menu li a:visited, .cursubsubmenu li a:active{
color: white;
}

.cursubsub2menu li a:hover{
background-image: url(../images/cur3bghover.png);
}

#colcontainer {
position:relative;
left:80px;
top:50px;

}
#col2 {
	position:relative;
	padding: 4px 4px 4px 4px;
	left:5px;
	top: 0px;
}

#col3 {
	position:absolute;
	padding: 4px 4px 4px 4px;
	left: 255px;
	width:275px;
}


.exmenu{
list-style-type: none;
margin: 1px 1px;
padding: 2px;
width: 275px;
}

.exmenu #current a{
background-image: url(../images/curex2.png) repeat-x bottom left;}

.exmenu li a{
background:  url(../images/curex.png) repeat-x bottom left ;
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 0px 0;
padding-left: 10px;
text-decoration: none;

}


* html .exmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 265px;
}

.exmenu li a:visited, .exmenu li a:active{
color: white;
}

.exmenu li a:hover{
background-image: url(../images/curex2.png);
}

.classmenu{
list-style-type: none;
margin: 5px 0;
padding: 3px 0;
width: 190px;
position:relative;
top:0px;
left:0px;
}

.classmenu #current a{
background-image: url(../images/curbg1hover.png);}

.classmenu li a{
background: white url(../images/curbg1.png) repeat-x bottom left;
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .classmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 180px;
}

.classmenu li a:visited, .classmenu li a:active{
color: white;
}

.classmenu li a:hover{
background-image: url(../images/curbg1hover.png);
}


.rightmenucaponline{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 125px;
border: 1px solid #FFFFFF;
border-bottom-width: 0;
}

.rightmenucaponline li a{
background: white url(../images/rightcolumn1.gif) repeat-x bottom left;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .rightmenucaponline li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 115px;
}

.rightmenucaponline li a:visited, .rightmenucaponline li a:active{
color: white;
}
  
.rightmenucaponline li a:hover{
background-image: url(../images/rightcolumn2.gif);
}

.rightmenucaponline #current a{
background-image: url(../images/caponlinebrowse2.jpg);}



.rightmenucaponlinesc{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 125px;
border: 1px solid #FFFFFF;
border-bottom-width: 0;
}

.rightmenucaponlinesc li a{
background: white url(../images/rightcolumn1.gif) repeat-x bottom left;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .rightmenucaponlinesc li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 115px;
}

.rightmenucaponlinesc li a:visited, .rightmenucaponlinesc li a:active{
color: white;
}
  
.rightmenucaponlinesc li a:hover{
background-image: url(../images/caponlinesc2.gif);
}

.rightmenucaponlinesc #current a{
background-image: url(../images/caponlinesc1.gif);}



.rightmenucaponlinebrowse{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 125px;
border: 1px solid #FFFFFF;
border-bottom-width: 0;
}

.rightmenucaponlinebrowse li a{
background: url(../images/caponlinebrowse22.jpg) repeat-x bottom left;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .rightmenucaponlinebrowse li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 115px;
}

.rightmenucaponlinebrowse li a:visited, .rightmenucaponlinebrowse li a:active{
color: white;
}
  
.rightmenucaponlinebrowse li a:hover{
background-image: url(../images/caponlinebrowse2.jpg);
}

.rightmenucaponlinebrowse #current a{
background-image: url(../images/caponlinebrowse2.jpg);}


.caponlinesc{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 125px;
border: 1px solid #FFFFFF;
border-bottom-width: 0;
}

.caponlinesc li a{
background: white url(../images/caponlinesc1.gif) repeat-x bottom left;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .caponlinesc li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 115px;
}

.caponlinesc li a:visited, .caponlinesc li a:active{
color: white;
}
  
.caponlinesc li a:hover{
background-image: url(../images/caponlinesc2.gif);
}

.caponlinesc #current a{
background-image: url(../images/caponlinesc2.gif);}



.caponlinemyotest{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 125px;
border: 1px solid #FFFFFF;
border-bottom-width: 0;
}

.caponlinemyotest li a{
background: white url(../images/myotest1.gif) repeat-x bottom left;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .caponlinemyotest li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 115px;
}

.caponlinemyotest li a:visited, .caponlinemyotest li a:active{
color: white;
}
  
.caponlinemyotest li a:hover{
background-image: url(../images/myotest2.gif);
}

.caponlinemyotest #current a{
background-image: url(../images/myotest2.gif);}


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

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 125px; /* 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: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
background: url(../images/caponlinebrowse22.jpg) repeat-x bottom left;
padding: 3px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}


.suckerdiv ul li a:hover{
background-image: url(../images/caponlinebrowse2.jpg);
}

.suckerdiv .subfolderstyle{
background: url(../images/caponlinebrowse22.jpg) repeat-x bottom left;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


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

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

/* Sub level menu links style */
.suckerdiv2 ul li a{
display: block;
font: bold 12px "Arial", Verdana, Helvetica, sans-serif;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
background: url(../images/myotest1.gif) repeat-x bottom left;
padding: 3px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}


.suckerdiv2 ul li a:hover{
background-image: url(../images/myotest2.gif);
}

.suckerdiv2 .subfolderstyle{
background: url(../images/myotest1.gif) repeat-x bottom left;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv2 ul li { float: left; height: 1%; }
* html .suckerdiv2 ul li a { height: 1%; }
/* End */