/*Define style for body*/
body
{
	font-family: "Times New Roman";
	font-size: 16px;
 	color: #000000;	
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

#top
{
margin: 0;
padding: 0;
background-image: url(../images/GalenaTrolleysLogo.gif);
background-repeat: no-repeat;
background-color: #fff;
width: 275px;
height: 175px;
}
.topmovie
{
float: left;
width: 550px;
height: 175px;
margin: 0 0 0 270px;
background-image: url(../images/logofade.gif);
background-repeat: no-repeat;
background-position: right top;
}

#menu
{
float: left;
margin: 0;
padding: 0;
background: url(../images/menu_bg.gif) no-repeat #fff;
width: 264px;
height: 500px;

}
#menu ul
{
float: left;
margin: 0;
padding-top: 30px;
padding-left: 12px;
padding-right: 10px;
width: 207px;
}

#menu li
{

margin: 0;
padding: 0;
font-weight: bold;
list-style-type: none;
line-height: 33px;
border-bottom: 1px solid #ccc;

}
#menu a:link, #menu a:visited
{
padding-left: 22px;
text-decoration: none;
color: #000;
background: url(../images/yellow.gif) no-repeat left 50%;
}
#menu a:hover, #menu a:active
{
background: url(../images/black.gif) no-repeat left 50%;
}

#content
{

width: 550px;
margin-left: 250px;
line-height: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
}

#content img 

{
padding: 0.5em;
}
/*if this doesn't work with id try it with class*/


/*Define style for links */

#content a:link {text-decoration: underline; color: #cc0000;}
#content a:visited {text-decoration: underline; color: #cc0000;}
#content a:active {text-decoration: underline; color: #cc0000;}
#content a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #cc0000;}




/*Define style for header(s)*/

h1
{
	padding-top: 1em;
	color: #000;
	font-size: 26px;
	padding-bottom: 0.5em;
	border-bottom: 1px solid red;
}
h2
{
	color: #cc0000;
	font-size: 22px;
}

h3
{
	color: #000;
	font-size: 18px;

}
a:hover img
{
background-color: #fff;

}