/* CSS Document */

body {
	background-color: #333333;
}

#header {
	position: relative;
	width: 760px;
	height: 120px;
	margin: auto;
	text-align: left;
	background-image: url(../../assets/images/header_bg.jpg);

}

#headerLeft {
	position: absolute;
	left: 0px;
	margin: 0px;
	width: 200px;
	height: 120px;
	text-align: left;
	font: x-small arial, helvetica, sans-serif;
	color: #ffffff;
}

#headerLeftInternal {
	position: absolute;
	top: 90px;
	left: 220px;
	width: 500px;
	text-align: left;
	font: x-small arial, helvetica, sans-serif;
	color: #ffffff;
}

#headerLeftInternal a {
	font: x-small arial, helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

#headerLeftInternal a:hover {
	font: x-small arial, helvetica, sans-serif;
	color: #ff0099;
	text-decoration: none;
}

#headerRight {
	position: absolute;
	left: 380px;
	width: 380px;
	height: 120px;
	margin: auto;
	text-align: left;
}

#mainImage {
	position: relative;
	width: 760px;
	height: 300px;
	margin: auto;
}

#mainContent {
	position: relative;
	width: 760px;
	height: auto;
	margin: auto;
	top: 0px;
	background-color: #1a1a1a;
}

#menu {
	position: absolute;
	width: 200px;
	height: auto;
	margin: 20px;
	left: 0px;
	text-align: left;
	font: x-small arial, helvetica, sans-serif;
	color: #ffffff;
}

#menu a {
	text-align: left;
	font: x-small arial, helvetica, sans-serif;
	color: #ff0099;
	text-decoration: none;
}

#menu a:hover {
	text-align: left;
	font: x-small arial, helvetica, sans-serif;
	color: #666666;
}

#menu ul {
	list-style: none;
	margin-top: 0px;
	padding-left: 0px;
}

#menu li {
	list-style: none;
	margin-top: 0px;
	padding-left: 0px;
}

#contentLeft {
	position: absolute;
	width: 220px;
	height: auto;
	margin: 20px;
	top: 0px;
	left: 240px;
	text-align: left;
	font: x-small arial, helvetica, sans-serif;
	color: #ffffff;
}

#contentLeft a {
	font: x-small arial, helvetica, sans-serif;
	color: #ff0099;
	text-decoration: none;
}

#contentLeft a:hover {
	font: x-small arial, helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}

#contentLeft ul {
	list-style: none;
	margin-top: 0px;
	padding-left: 0px;
}

#contentLeft li {
	list-style: none;
	margin-top: 0px;
	padding-left: 0px;
}

#contentRight {
	margin-left: 500px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 500px;
	margin-right: 0px;
	text-align: left;
	font: x-small arial, helvetica, sans-serif;
	color: #ffffff;
}

#contentRight a {
	font: x-small arial, helvetica, sans-serif;
	color: #ff0099;
	text-decoration: none;
}

#contentRight a:hover {
	font: x-small arial, helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}

#contentRight ul {
	list-style: none;
	margin-top: 0px;
	padding-left: 0px;
}

#contentRight li {
	list-style: none;
	margin-top: 0px;
	padding-left: 0px;
}

#footer {
	position: relative;
	width: 760px;
	height: 20px;
	margin: auto;
	background-image: url(../../assets/images/footer_bg.jpg)
}

#bottom {
	position: relative;
	width: 760px;
	height: 20px;
	margin: auto;
}

#bottom a {
	color: #ff0099;
	text-decoration: none;
}

#bottom a:hover {
	color: #ffffff;
	text-decoration: none;
}

.access {
	position: absolute;
	width: 380px;
	height: 15px;
	top: 5px;
	text-align: left;
	font: x-small arial, helvetica, sans-serif;
	color: #ff0099;
}

.copyright {
	position: absolute;
	width: 380px;
	height: 15px;
	top: 5px;
	left: 380px;
	font: x-small arial, helvetica, sans-serif;
	color: #ff0099;
	text-align: right;
}

.heading {
	font: x-small arial, helvetica, sans-serif;
	color: #ff0099;
	font-weight: bold;
}

.smallA {
	font: x-small arial, helvetica, sans-serif;
	color: #ff0099;
	font-weight: bold;
}

.mediumA {
	font: small arial, helvetica, sans-serif;
	color: #ff0099;
	font-weight: bold;
}

.largeA {
	font: medium arial, helvetica, sans-serif;
	color: #ff0099;
	font-weight: bold;
}