@charset "utf-8";
/* CSS Document */

html, body
{
	padding: 0;
	margin: 0;
}

body
{
	background-image:url(../images/bgGradient.jpg);
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}

td img 
{
	display: block;
}

h1 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	text-align: left;
	}
	
h2 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: left;
	}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	}

#container
{
	width: 951px;
	margin: 0 auto;
}

	#leftPanel
	{
		padding: 0;
		margin: 0;
		width: 136px;
		height:708px;
		background-image: url(../images/Melodie2_01.png);
		float: left;
	}

	#contentPanel
	{
		padding: 0;
		margin: 0;
		width: 951;
		float: left;		
	}

		#banner
		{
			padding: 0;
			margin: 0;
			width: 701px;
			height: 299px;
			background-image: url(../images/Melodie2_02.png);
		}
		
		#menu
		{
			padding: 0;
			margin: 0;
			width: 701px;
			height: 54px;
		}
		
		#content
		{
			padding: 0;
			margin: 0;
			width: 701px;
		}
		
			#contentLeft
			{
				padding: 0;
				margin: 0;
				width: 45px;
				height:354px;
				background-image: url(../images/Melodie2_05.jpg);
				float: left;
			}
		
			#body
			{
				padding: 20px 0 0 0;
				margin: 0 0 0 0;
				width: 599px;
				height: 334px;
				background-color: #0018ff;
				float: left;
			}
				#body img
				{
					margin: 0 0px 0 10px;
				}
			
				#body a
				{
					color: #ffffff;
					font-weight: bold;
				}
				#body a:hover
				{
					color: #000000;
				}
				
			#contentRight
			{
				padding: 0;
				margin: 0;
				width: 57px;
				height: 354px;
				background-image: url(../images/Melodie2_07.jpg);
				float: left;
			}
			
		#bodyExpand
		{
			padding: 0 50px 20px 45px;
			margin: 0;
			width: 606px;
			height: auto;
			background-color: #0018ff;
			clear: both;
		}
		#bodyExpand a
		{
			color: #ffffff;
			font-weight: bold;
		}
		#bodyExpand a:hover
		{
			color: #000000;
		}
		
		#advert
		{
			padding: 0 50px 20px 45px;
			margin: 0px 0 10px 0;;
			width: 606px;
			height: 120px;
			background-color: #0018ff;
			font-size: x-small;
			font-family: Arial, Helvetica, sans-serif;
			color: #000000;
		}
		#advert a
		{
			color: #000000;
			text-decoration: none;
			
		}
		#advert a:hover
		{
			color: #000000;
		}
		
		#footer
		{
			padding: 5px 0 0 0;
			margin: 0;
			width: 701px;
			height: 40px;
			background-color: #ff0007;
			font-family: Arial, Helvetica, sans-serif;
			font-size: x-small; 
			clear: both;
		}
		
			#footer ul
			{
				display: block;
				list-style-type: none;
				float: right;
			}
			
			#footer li
			{
				display: block;
				float: left;
			}
			
			#footer a
			{
				text-decoration: none;
				padding: 5px;
			}
			
			#footer a:link {
				color: #ffffff;
			}
			#footer a:visited {
				color: #ffffff;
			}
			#footer a:hover {
				color: #000000;
			}
			

	#rightPanel
	{
		padding: 0;
		margin: 0;
		width: 114px;
		height:708px;
		background-image: url(../images/Melodie2_03.png);
		float: left;
	}