body {
font-family: verdana;
background-color: #36023C;
}



.header {
	position: absolute;
	width: 980px;
	top: 0px;
	height: 144px;
	margin-top: 0px;
	left: 0px;
	font-weight:bolder;
}


.container {
	background-color: #000000;
	position: absolute;
	height: auto;
	width: 980px;
	left: 119px;
	top: 0px;
	right: 12%;
	overflow: visible;
}

.menu {
	width: 980px;
	height: 30px;
	font-size:small;
	background-color:purple;
	top: 150px;
	position: absolute;
}

.menu ul
{
float:right;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
.menu a
{
float:right;
width:6em;
font:bold;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-left:1px solid white;
}
.menu a:hover {
	color: #33FF33;
	border:none;
	top: 150px;
}
.menu li {display:inline}


.left {
	height: inherit;
	width: 190px;
	position: absolute;
	top: 175px;
	padding: 10px;
	background-color: #CDDEC9;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #333333;
}

.right {
	height: inherit;
	width: 765px;
	position: absolute;
	margin-left: 185px;
	top: 175px;
	padding: 15px;
	color: #000000;
	background-color: #E2E2E2;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}

.content-header {
font-size:larger;
text-align:center;
font-weight: bolder;
}

.left a:link {
	color: #336600;
	text-decoration: none;
}

.left a:visited {
	color: #003300;
	text-decoration: none;
}

.right a:link {
	color: #660066;
	text-decoration: none;
	font-weight:bold;
}

.right a:visited {
	color: #330033;
	text-decoration: none;
}

.left h1 {
font-size:x-large;
}

.description {
font-size: small;
text-align:center;
}

.copyright {
	font-size:x-small;
	font-style:italic;
}


#videobox {
	width: 350px;
	height: 280px;
	left: 200px;
	top: 55px;
}

#videobox2 {
	width: 350px;
	height: 280px;
	position:absolute;
	left: 43px;
	top: 71px;
}

.flags {
	width: 53px;
	height: 33px;
	top: 148px;
	position: absolute;
	left: 1px;
}


.flags img {
	margin-top: 4px;
	border:none;
}