#mainNav
{
margin: 108px 0 0 350px;
padding: 0;
width: 350px;
height: 35px;
font-weight: bold;
font-size: 110%;
}

#mainNav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#mainNav li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#mainNav a
{
color: #300B03;
display: inline;
width: auto;
text-decoration: none;
background: #transparent;
margin: 0;
padding: 10px 4px;
border-right: 1px solid #E5DAB0;
}

#mainNav a:hover, #mainNav a:active { background: #EDF1D2 ;color: #000; }

#mainNav a.active:link, #mainNav a.active:visited
{
position: relative;
z-index: 102;
background: #BBB;
color: #D7D493;
font-weight: bold;
}

/* Highlighting the current page */

body.home #mainNav a#home, body.gallery #mainNav a#gallery, body.contact #mainNav a#contact { 
  color: #fff;
text-decoration: underline;
}
body.home #mainNav a:hover#home, body.gallery #mainNav a:hover#gallery, body.contact #mainNav a:hover#contact { 
  color: #000;
}
.cbSide ul {
list-style-type: none;
margin-top: 35px;
margin-left: 8px;
margin-bottom: 0;
padding: 3px;
}

.cbSide li a:link {
color:#003300;
line-height:190%;
text-decoration:none;
display:block;
width:100px;
font-weight: bold;
border-bottom: 1px solid #499938;
background: #transparent url(../img/ticks.gif);
}

.cbSide li a:active {
color:#00ff00;
line-height:190%;
text-decoration:none;
display:block;
width:100px;
border-bottom: 1px solid #499938;
background: #transparent url(../img/ticks.gif);
}

.cbSide li a:hover {
color:#00cc33;
line-height:190%;
font-weight:bold;
display:block;
width:100px;
border-bottom: 1px solid #499938;
background: #transparent url(../img/ticks.gif) 0px -20px;
text-decoration:none;
}

.cbSide li a:visited {
color: #006400;
text-decoration:none;
line-height:190%;
display:block;
width:100px;
border-bottom: 1px solid #499938;
background: #transparent url(../img/ticks.gif);
background-position: 0 -40px;
}