* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	padding: 0px;
	background: #232323 url(images/image01.jpg) repeat-x left top;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ADADAD;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 1.5em;
}

ul, ol {
	margin-left: 3em;
}

a {
	color: #FFFFFF;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}


#navigation {
	width: 900px;
	height: 83px;
	margin: 0px auto;
	padding: 0px;
}

#navigation ul {
	margin: 0px;
	padding-top: 47px;
	list-style: none;
}

#navigation li {
	display: inline;
}

#navigation a {
	display: block;
	float: left;
	height: 36px;
	background: url(images/image02.jpg) repeat-x left top;
	margin-right: 2px;
	padding-top: 10px;
	padding-left: 36px;
	padding-right: 35px;
   margin-bottom: -9px;
	text-decoration: none;
	color: #FFFFFF;
}


#logo {
	width: 870px;
	height: 70px;
	margin: 0 auto;
	padding-top: 30px;
	padding-left: 30px;
}

#logo h1 {
	margin: 0px;
	padding: 0px;
	letter-spacing: -3px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 36px;
	color: #DCECFB
}

#logo p {
	margin: 0px;
	padding: 5px 0px 0px 2px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

#logo span {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

#splash {
	width: 900px;
	height: 180px;
	margin:  0 0 0 -5px;
	padding: 0;
	background: #3e3e3e;
}

#content {
	padding: 0px 0px 5px 0px;
	background: #3E3E3E;
	width: 890px;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;	
	margin: 0 auto;
}

#page {
	width: 890px;
	margin: 0px auto;
	background: #3e3e3e;
}

#column1 {
	float: left;
	width: 580px;
	padding-right: 30px;
	background: url(images/image04.jpg) repeat-y right top;
	margin: 5px;
}

#column1 h2 {
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
}

#column2 {
	float: right;
	width: 270px;
}

#column2 h2 {
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
}

#footer {
	margin: 0px auto;
	padding: 20px 0px;
	width: 890px;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;				
}

#footer p {
	text-transform: uppercase;
	font-size: 10px;
	color: #ADADAD;
}

#footer .links {
	border-bottom: 1px dashed #ADADAD;
	text-decoration: none;
	color: #FFFFFF;
}

#footer-content {
	width: 870px;
	margin: 0 0 0 10px;
	padding: 20px 0px;
	background: url(images/image05.jpg) repeat-x left bottom;
}

#footer-content a {
	text-decoration: none;
	color: #ADADAD;
}

.box {}

.box h2 {
	padding-bottom: 15px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
	color: #CFCFCF;
}

.box ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.box li {
	padding: 8px 0px;
	background: url(images/image05.jpg) repeat-x left bottom;
}

.box li a {
	border: none;
}

#box1 {
	float: left;
	width: 270px;
	padding-right: 25px;
}

#box2 {
	float: left;
	width: 280px;
}

#box3 {
	float: right;
	width: 270px;
}

/* Menu */
/*---------------- menu tab----------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
#menu {
   font-size:14px;
	padding:0px; 
	width: 900px;
	margin: 47px auto 0 auto;
	padding: 0px;}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
padding:0;
margin:0;
list-style-type:none; 
height:35px; }

/* style the sub-level lists */
#menu ul ul {
width: auto;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu ul li {
float:left;
height:35px;
line-height:35px;
font-weight:bold;}

/* style the sub level list items */
#menu ul ul li {
display:block;
width: auto;
height:auto;
position:relative;
line-height:1em; 
border-bottom:1px #2384BF solid;}

/* style the links for the top level */
#menu a, #menu a:visited {
	display: block;
	float: left;
	height: 35px;
	background: url(images/image02.jpg) repeat-x left top;
	margin-right: 2px;
	padding-top: 5px;
	padding-left: 29px;
	padding-right: 30px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a.current{
background:#3da1e0;}
/* style the sub level links */

#menu ul ul a, #menu ul ul a:visited {
display:block;
color:#fff;
width:10em;
height:100%;
line-height:1em; 
padding:0.5em 1em;}

#menu ul table ul a, #menu ul table ul a:visited  {
width:10em;}


/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {
position:absolute; 
left:0; top:0; 
font-size:1em; z-index:-1;}

#menu ul ul table {
lef\t:-1px;}

#menu ul ul table ul.left {
margin-lef\t:2px;}

#menu li:hover {
position:relative;}

* html #menu a:hover {position:relative;}

/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {	background: url(images/image02.jpg) repeat-x left top;}
/* style the fourth level background */
#menu ul ul ul ul a, #menu ul ul ul ul a:visited {	background: url(images/image02.jpg) repeat-x left top;}
/* style the sub level 1 background */
#menu ul :hover a.sub1 {background:#3da1e0;}
/* style the sub level 2 background */
#menu ul ul :hover a.sub2 {background:#3da1e0;}

/* style the level hovers */
/* first */
#menu a:hover {color:#fff;background:#3da1e0;}
#menu :hover > a {color:#fff;background:#3da1e0;}
/* second */
#menu ul ul a:hover{color:#fff;background:#3da1e0;}
#menu ul ul :hover > a {color:#fff;background:#3da1e0;}
/* third */
#menu ul ul ul a:hover {background:#3da1e0;}
#menu ul ul ul :hover > a {background:#3da1e0;}
/* fourth */
#menu ul ul ul ul a:hover {background:#3da1e0;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:-15px ;width:14em;}

/* position the third level flyout menu */
#menu ul ul ul{left:12em;top:0;width:10em;}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-10em;}


/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {
visibility:visible; 
height:auto; 
padding-bottom:3em; 
background:transparent url(images/trans.gif);}

/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
#menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */

#menu ul :hover ul :hover ul :hover ul {visibility:visible;}