/* So the HTML5 structural tags work in IE */
article, aside, figure, footer, header, nav, section {
display: block;
}

* {
margin: 0;
border: 0;
padding: 0;
}

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #DDDDDD;
}

body {
	background-color: #1E201C;
	margin-top: 8px;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 3px 3px 0 0 #111210;
}

a img {
	border: none;
}

a:link {
	color: #DDDDDD;
	text-decoration: none;
}
a:visited {
	color: #DDDDDD;
	text-decoration: none;
}
a:hover {
	color: #DDDDDD;
	text-decoration: underline;
}
a:active {
	color: #DDDDDD;
	text-decoration: none;
}

header {
	width: 980px;
	height: 220px;
}

#r1{
	width:980px;
	height: 15px;
	/*background-color: #FFFFFF;*/
	background-color: #3D3E38;
}

#r2{
	width:980px;
	height: 65px;
	/*background-color: #FFFFFF;*/
	background-color: #3D3E38;
}

#r2_c1{
	width:40px;
	height: 65px;
	float: left;
	/*background-color: #FFFFFF;*/
}

#r2_c2{
	width:410px;
	height: 65px;
	float: left;
	/*background-color: #FFFFFF;*/
}

#r2_c2_1{
	width:410px;
	height: 49px;
	/*background-color: #FFFFFF;*/
}

#r2_c2_2{
	width:410px;
	height: 16px;
	/*background-color: #FFFFFF;*/
}

#r2_c3{
	width:55px;
	height: 65px;
	float: left;
	/*background-color: #FFFFFF;*/
}

#r2_c4{
	width:435px;
	height: 65px;
	float: left;
	/*background-color: #FFFFFF;*/
}

#r2_c4_1{
	width:435px;
	height: 18px;
	/*background-color: #FFFFFF;*/
}

#r2_c4_2{
	width:435px;
	height: 40px;
	/*background-color: #FFFFFF;*/
}


#r2_c5{
	width:40px;
	height: 65px;
	float: left;
	/*background-color: #FFFFFF;*/
}

#r3{
	width:980px;
	height: 140px;
	/*background-color: #FFFFFF;*/
}

#r5{
	height: 80px;
	width: 900px;
	background-color: #3D3E38;
	padding: 13px 40px 13px 40px; /*top right bottom left*/
	border-top: 2px solid #72726F;
	border-bottom: 2px solid #282825;
}

#r5_c2{
	height: 80px;
	width: 900px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_1{
	height: 80px;
	width: 80px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_2{
	height: 80px;
	width: 20px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_3{
	height: 80px;
	width: 80px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_4{
	height: 80px;
	width: 20px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_5{
	height: 80px;
	width: 80px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_6{
	height: 80px;
	width: 20px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_7{
	height: 80px;
	width: 80px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_8{	/*gap for future image insertion*/
	height: 80px;
	width: 240px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_13{
	height: 80px;
	width: 80px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_14{
	height: 80px;
	width: 20px;
	background-color: #3D3E38;
	float: left;
}


#r5_c2_15{
	height: 80px;
	width: 80px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_16{
	height: 80px;
	width: 20px;
	background-color: #3D3E38;
	float: left;
}

#r5_c2_17{
	height: 80px;
	width: 80px;
	background-color: #3D3E38;
	float: left;
}

#r7{
	height: 15px;
	width: 980px;
	background-color: #3D3E38;
}

#r8{
	width: 980px;
	background-color: #3D3E38;
}

#r8_c1{
	width: 40px;
	float: left;
	background-color: #3D3E38;
}

#r8_c2{
	width: 422px;
	float: left;
	background-color: #3D3E38;
}

#r8_c3{
	width: 55px;
	float: left;
	background-color: #3D3E38;
}

#r8_c4{
	width: 423px;
	float: left;
	background-color: #3D3E38;
	
}

#r8_c5{
	width: 40px;
	/*should not float left*/
	background-color: #3D3E38;
}

#r9{
	height: 15px;
	width: 980px;
	background-color: #3D3E38;
}

#r10{
	height: 14px;
	width: 980px;
	background-color: #3D3E38;
	border-top: 2px solid #72726F;
}

#r11{
	height: 15px;
	width: 980px;
	background-color: #3D3E38;
}

#r11_c1{
	height: 15px;
	width: 40px;
	float: left;
	background-color: #3D3E38;
}

#r11_c2{
	height: 15px;
	width: 422px;
	float: left;
	background-color: #3D3E38;
}

#r11_c3{
	height: 15px;
	width: 55px;
	float: left;
	background-color: #3D3E38;
}

#r11_c4{
	height: 15px;
	width: 423px;
	float: left;
	background-color: #3D3E38;
}

#r11_c5{
	height: 15px;
	width: 40px;
	float: left;
	background-color: #3D3E38;
}

#r12{
	height: 17px;
	width: 980px;
	background-color: #3D3E38;
	border-bottom: 2px solid #282825;
}

.footer_link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.footer_copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: right;
}

/*drop down navigation*/
#div_navigation {
	width: 435px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
#div_navigation ul {
	margin-top:7px;
	padding: 0px;
	list-style-type: none;
	
}
#div_navigation ul li {
	float: left;
	position: relative;
}
#div_navigation ul li a {
	display: block;
	background-color: #3D3E38;
	color: #F3F8C2;		/*text color*/
	text-decoration: none;
	line-height: 20px;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BCBCBC;
}

#div_navigation ul li ul li a {
	color: #F3F8C2;		
	background: #3D3E38;
	text-align: left;
	width: 160px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #959595;
}
#div_navigation ul li ul {
	position: absolute;
	top: 12px;
	visibility: hidden;
}
#div_navigation ul li:hover ul {
	visibility: visible;
}
#div_navigation ul li a:hover {
	background: #4b545f;
	background: linear-gradient(to bottom, #4f5964 0%, #5f6975 40%);
	color: #fff;
}


/*mouseover effects, middle navigation*/
#r5 #r5_c2 #r5_c2_1 a{
	width:  80px;
    height: 80px;
    display: block;
	background-image: url(images/index_r8_c2.jpg);
}


#r5 #r5_c2 #r5_c2_1 a:hover {
	background-image: url(images/index_r8_c2_over.jpg);
}