body{
background-color: #CCCCCC;
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 230px;
margin: 0;
background-image: url(../images/left_nav_esf.jpg);
height: 700px;
}
#leftnav ul {
list-style: none;
padding-left:10px;
font: bold 13px verdana;
line-height: 140%

}
#leftnav ul li a{
padding-left:1.3em;
background-image: url(../images/control_play.png);
background-repeat: no-repeat;
background-position: 0 0.1em;
color:#333333;
text-decoration: none;
}
#leftnav ul li a:hover {
text-decoration: none;
padding-left:1.3em;
background-image: url(../images/control_pause.png);
background-repeat: no-repeat;
background-position: 0 0.1em;
color:#666;
}
#leftnav .active {
text-decoration: none;
color:#666666;
padding-left:1.3em;
background-image: url(../images/control_pause.png);
background-repeat: no-repeat;
background-position: 0 0.1em;
}
#leftnav .back ul li a:link a:visited a:hover {
text-decoration: none;
color:#FF6600;
padding-left:1.3em;
}

#content
{
margin-left: 230px;
padding: 1em;
font: 80% verdana;
}

#content h2 
{
font: bold 100% verdana;
color: #ff6600;
}
#footer
{
clear: both;
background-color: #cccccc;
}

#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
text-align: center;
}

 #footer li
{
display: inline;
margin-right: 1em;
color: #006600;
font: bold 70% verdana,sans-serif;
}	
#footer  a:link,a:visited,a:hover 
{
color: #006600;
text-decoration: none;
}


#leftnav p 
{ 
margin: 0 0 1em 0;
}
#content h1 
{ 
margin: 0 0 .5em 0;
font: bold 130% arial;
color: #006600;
 }
#footer p 
{ 
color: #006600;
font: 70% verdana,sans-serif;
}
img
{ 
border:0;
}

img.right
{ 
border: solid 10px #C0C0C0;
float:right;
margin-right:50px;
}
img.left
{ 
/*border: solid 10px #C0C0C0;*/
float:left;
margin-right:5px;
padding-top:5px;
}

table.right
{ 
float:right;
margin-right:50px;
font-size:x-small;
}

table.left
{ 
float:left;
font-size:x-small;
}

table.left td {
vertical-align:top;
padding-right:10px;
}

a:link {color: #FF6600}
a:visited {color: #FF6600}
a:hover {color: #FF6600}
#content p a:link,a:visited, a:hover 
{ 
text-decoration: none;
color: #FF6600;
font-weight: bold;
 }
 #content li a:link,a:visited, a:hover 
{ 
text-decoration: none;
color: #FF6600;
font-weight: bold;
 }

/*#myGallery
  {
	text-align:center;
	  width: 160px !important;
	  height: 110px !important;
	margin: 0;
	padding:0;
  } */