/** BASIC */

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	/**background: #666666 url(images/bg01.jpg);*/
	background-color: rgb(11,10,14);
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BAC2CD;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
	font-size: 12px;
}

.ul1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.text1 {
	font-size: 11px;
	font-weight: bold;
	color: #DCE8F4;
}

.text2 {
	font-weight: bold;
	color: #DCE8F4;
}

.text3 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #69707A;
}

/** LINKS */

a {
	color: #DBE1EF;
}

a:hover {
	text-decoration: none;
}

/** STYLES */

.style1 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #91806B;
}

.style1 a {
	color: #79808A;
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 { background: url(images/bg02.jpg) repeat-x left top; }
.bg2 {}

.bg3 { background: url(images/bg06.jpg) no-repeat left top; }
.bg4 { background: url(images/bg07.jpg) repeat-y center top; }
.bg5 { background: url(images/bg08.jpg) no-repeat left bottom; }
.bg6 { background: url(images/bg09.jpg) no-repeat left top; }

.bg7 { background: url(images/homepage07.jpg) repeat-y right top; }
.bg8 { background: url(images/homepage08.jpg) repeat-x left top; }

.bg9 { background: url(images/homepage15.jpg); }
.bg10 { background: url(images/homepage16.jpg); }

/** MISC */

.align-justify { text-align: justify; }

.img1 {
	float: left;
	margin-right: 15px;
}

.img2 {
	float: right;
	margin-left: 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}

.h100 {
	height: 100%;
}

html>body .h100 {
	height: auto;
}

/** FOOTER */

#footer {
}

#links {
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

#copyright {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

/** CONTENT */

#left {
	float: left;
	width: 248px;
	margin: 19px 0px 82px 0px;
	padding: 11px 17px 15px 141px;
}

#right {
	float: left;
	width: 115px;
	margin: 19px 0px 82px 0px;
	padding: 11px 139px 15px 14px;
}

#center {
	padding: 30px 139px 97px 141px;
}

/** BOX1 */

#box1 {width:300px;
}

#box1 .title {
	margin-bottom: 10px;
}

#box1 .content {
}

/** BOX2 */

#box2 {
	margin-top: 15px;
	padding-top: 10px;
}

#box2 .title {
	margin-bottom: 5px;
}

#box2 .content {
}

/** BOX3 */

#box3 {
	margin-top: 15px;
	padding-top: 10px;
}

#box3 .title {
	margin-bottom: 5px;
}

#box3 .content {
}

#box3 dl {
}

#box3 dt {
	clear: left;
	float: left;
	padding: 5px;
}

#box3 dd {
	margin: 0px 0px 1px 73px;
	padding: 5px;
}

/** BOX4 */

#box4 {
}

#box4 .title {
}

#box4 .content {
}

/** BOX5 */

#box5 {
	margin-top: 15px;
	padding-top: 10px;
}

#box5 .title {
	margin-bottom: 5px;
}

#box5 .content {
}

/** BOX6 */

#box6 {
	margin-top: 15px;
	padding-top: 10px;
}

#box6 .title {
	margin-bottom: 5px;
}

#box6 .content {
}
#boxa {
	background: #FF0000;
	font-size:24px;
	padding: 13px;
}


#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
border: 1px solid black;
background-color: #FFEEC6;
}

.mainitems a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: lightyellow;
border: 1px solid black;
}

.subuls li{
width: 100%;
}

.subuls li a{
text-decoration: underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}


<script type="text/javascript">//<![CDATA[//>
startList = function() {
if (document.all&&document.getElementById) {
cssdropdownRoot = document.getElementById("cssdropdown");
for (x=0; x<cssdropdownRoot.childNodes.length; x++) {
node = cssdropdownRoot.childNodes[x];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}

if (window.attachEvent)
window.attachEvent("onload", startList)
else
window.onload=startList;

//<!]]></script>
