html {
overflow: hidden;
height: 100%;
}
body {
background: transparent url(cilarge.png) no-repeat fixed 275px 20px;
border-left: 5px solid #000000;
margin: 0 0 0 180px;
padding: 0 0 0 10px;
height: 100%;
overflow: auto;
}
#leftcol {
background: transparent none repeat scroll 0% 50%;
background-color:rgb(229,241,239);
position: absolute;
display: block;
top: 100px;
left: 10px;
width: 180px;
height: 100%;
}
p.leftcolitem {
width: 180px;
text-align: center;
}
#hdr {
margin-left: 0px;
margin-top: 0px;
text-align: left;
}
#logominder {
background-color: black;
color: white;
font-weight: bold;
}
body {
font-family: verdana,arial,sans-serif;
font-size: 12px;
}
ul.mainmenuitems>li, ul.mainmenuitems:link {
border: 1px solid #000000;
background: transparent none repeat scroll 0% 50%;
display: block;
width: 120px;
height: 25px;
color: #000000;
text-decoration: none;
text-align: center;
line-height: 25px;
margin-top: 5px;
list-style:none;
}
ul.mainmenuitems>li:visited {
background: transparent none repeat scroll 0% 50%;
display: block;
width: 120px;
height: 25px;
color: #000000;
}
ul.mainmenuitems>li:hover {
background: #d1dddb none repeat scroll 0% 50%;
color: #000000;
}
ul.mainmenuitems li.active {
background: transparent none repeat scroll 0% 50%;
color: #cc0000;
}
p {
width: 800px;
text-align: left;
}
hr{
margin:50px 0;
color:#eee;
}
ul.gelbuttonmenu{
position:relative;
width:100%;
padding: 0;
margin: 0;
margin-bottom:1em;
text-align: center; //set value to "left", "center", or "right"*/
}
ul.gelbuttonmenu li{
display: inline;
}
ul.gelbuttonmenu li a{
color: black;
font-weight:bold;
padding: 10px; /*make sure padding is sufficient that the height of the link is enough to fully show the gel button*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
}
ul.gelbuttonmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
position:absolute;
width:0;
background:lightblue;
background:url(gelbuttonleft.gif) top left no-repeat, url(gelbuttonright.gif) top right no-repeat, url(gelbuttoncenter.gif) top center repeat-x;
}