#layout {position: relative; width: 772px; margin: auto; padding: 0px; color: #FFFFFF; background-color: #000000; z-index: 0;}

#header {position: relative; top: 1px; left: 0px; width: 770px; min-height: 51px; height: 51px; padding: 0px; margin: 0px; background-color: #d6c61d; font-family: Verdana, arial, sans-serif; font-size: 11px; color: #FFFFFF; border-top: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; z-index: 1;}

#logo {position: absolute; top: 0px; left: 30px; margin: 0px; padding: 0px; border: 1px solid #666666; z-index: 20;}

#menu {
	width: 566px;
	min-height: 41px;
	height: 41px;
	padding: 33px 2px 0px 202px;
	margin: 0px;
	background-color: #292523;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

#contentindex {
	width: 770px;
	min-height: 440px;
	height: auto;
	background-image: url(images/index-background.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	background-color: #292523;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	z-index: 3;
}
#content {
	width: 770px;
	min-height: 440px;
	height: auto;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	background-color: #466176;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	z-index: 3;
}
#contentsquad {
	width: 770px;
	min-height: 745px;
	height: auto;
	background-image: url(images/squads-background.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	background-color: #466176;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	z-index: 3;
}

#indexcontent {float: right; width: 365px; background-color: #030403; padding: 20px 20px 5px 20px; margin: 30px 19px 0px 0px; font-family: Verdana, arial, sans-serif; font-size: 10px; color: #FFFFFF; z-index: 3;}
#blockcontent {float: right; width: 375px; background-color: transparent; padding: 20px; margin: 20px 19px 0px 0px; font-family: Verdana, arial, sans-serif; font-size: 10px; color: #FFFFFF; z-index: 3;}

#squadcontent {
	float: right;
	width: 385px;
	min-height: 635px;
	height: auto;
	background-color: #25323C;
	padding: 20px 5px 5px 5px;
	margin: 40px 10px 0px 0px;
	z-index: 3;
}

#squad1 {float: left; width: 180px; background-color: transparent; padding: 0px; margin: 490px 10px 0px 8px; font-family: Verdana, arial, sans-serif; font-size: 10px; color: #FFFFFF; z-index: 3;}
#squad2 {float: left; width: 120px; background-color: transparent; padding: 0px; margin: 490px 10px 0px 10px; font-family: Verdana, arial, sans-serif; font-size: 10px; color: #FFFFFF; z-index: 3;}

#footer {width: 770px; min-height: 20px; height: 20px; padding: 6px 0px 0px 0px; margin: 0px; background-color: #708B09; font-family: Verdana, arial, sans-serif; font-size: 9px; color: #394706; border: 1px solid #666666; text-align: center; z-index: 4;}
#footer A {font-weight: normal; color: #394706; text-decoration: none; background-color: transparent;}
#footer A:hover {font-weight: normal; color: #CCFF33; text-decoration: none; background-color: transparent;}

.page-heading {padding: 0px 0px 40px 0px; margin: 0px;}

.text-highlighted {color: #cccc33; font-weight: bold;}

input {background-color: #cccc33;}
textarea {background-color: #cccc33;}

h1 {font-family: Verdana, arial, sans-serif; font-size: 100%; color: #996600; text-align: left; background-color: #FFFFFF; margin: 0px; padding: 0px;}
h2 {
	font-family: Verdana, arial, sans-serif;
	font-size: 100%;
	color: #996600;
	text-align: left;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}
h3 {font-family: Verdana, arial, sans-serif; font-size: 100%; color: #996600; text-align: left; background-color: #FFFFFF; margin: 0px; padding: 0px;}
h4 {font-family: Verdana, arial, sans-serif; font-size: 100%; color: #996600; text-align: left; background-color: #FFFFFF; margin: 0px; padding: 0px;}
h5 {font-family: Verdana, arial, sans-serif; font-size: 100%; color: #996600; text-align: left; background-color: #FFFFFF; margin: 0px; padding: 0px;}
h6 {font-family: Verdana, arial, sans-serif; font-size: 100%; color: #996600; text-align: left; background-color: #FFFFFF; margin: 0px; padding: 0px;}

.clear {clear: both;}

body {margin: 30px 0px 0px 0px; padding: 0px; background-color: #000000; color: #FFFFFF;}

A {font-weight: normal; color: #CCFF33; text-decoration: none; background-color: transparent;}
A:hover {font-weight: normal; color: #C0C0C0; text-decoration: none; background-color: transparent;}

/**************** menu coding *****************/
#menu {
	width: 566px;
	float: left;
}

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

#menu a, #menu h2 {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 0;
}

#menu h2 {
	color: #fff;
	text-transform: uppercase;
	background-color: #292523;
}

#menu a {
	color: #000;
	text-decoration: none;
}

#menu a:hover {
	color: #a00;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

[if IE]>
 #menu ul li {float: left; width: 100%;}
 #menu ul  {background-color: #292523;}
 #menu ul .dropdown  {margin-left: -20px;}
<![endif]
[if lt IE 7]>
body {
behavior: url(csshover.htc);
font-size: 100%;
}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
<![endif]