@charset "UTF-8";
/* CSS Document */
body *{
	margin: 0 auto;
	font-family:Verdana, Geneva, sans-serif;
}

ul li {
	display: inline;
}

a, a:link, a:hover, a:focus, a:visited {
	text-decoration: none;
}


body {
	background: #000 url(../img/body_bg.jpg) no-repeat -10px 0px;
	
	background-attachment:fixed;
	width:100%;
	background-repeat:no-repeat;
	background-color:#000;
	background-position:center;
	text-align:center;
	margin: 0 auto;
	overflow: scroll;
	text-align: center;
	/*background-position:-10px 0px;*/
	background-attachment:fixed;
}

#inner-wrapper {
	width: 846px;
	height: 600px;
}

#banner {
	width: 846px;
	height:99px;
	background: url(../img/banner_bg.jpg) no-repeat;	
}

#logo {
	float: left;
	border: none;
}
/*NAVIGATION*/
#navigation {
	width: 856px;
	height:30px;
}

.msg-welcome {
	text-align:center;	
}

#navigation ul li {

}

#navigation ul li a, #navigation ul li a:link, #navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a:visited {

}

#navigation ul li a:hover {
	background: url(../img/btn_nav_hover.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
}

#first {
	margin-left: 0px;
}


/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
	padding:0; 
	margin:0; 
	list-style:none; 
	height:20px; 
	position:relative; 
	z-index:500; 
	font-family:arial, verdana, sans-serif;
	background-image:url(../images/menu_bar_02.png);
	background-repeat:repeat-x;
}
#menu li {
	margin-right:1px;
	list-style: none;
	display:inline-block;
	width: 140px;
	height:30px;
	float: left;
}
#menu li a {
	display:block;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	width:141px;
	height: 30px;
	display:inline-block;
	background: url(../img/btn_nav.jpg) no-repeat;
	padding-top: 5px;
	font-size:14px;
	vertical-align:middle;
}

#menu table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
	z-index:200; 
	position:relative;
	color:#fff; 
	/*background-color:#c60;*/
	background: url(../img/btn_nav_hover.jpg) no-repeat;
	color:#fff;

}
#menu li:hover {
	position:relative; 
	z-index:200;
}

#menu li:hover > a {
	color:#fff; 
	/*background:#c60;*/
	background: url(../img/btn_nav_hover.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
}
#menu li:hover > a.sub {
	color:#fff; 
	background-color:#c60;
}

#menu li.current a {
	color:#fff; 
	background:#840;
}

#menu li a.sub {
	background: #333 url(down-arrow.gif) no-repeat right center;
}

#menu li.current a.sub {
	color:#fff; 
	background:#840 url(down-arrow.gif) no-repeat right center;
}

#menu :hover ul {
	left:0; 
	top:30px; 
	width:170px; 
	background:#444;
}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
	
}

#menu :hover ul :hover ul
{
	left:140px; 
	top:-1px; 
	background:#222; 
	white-space:nowrap; 
	width:180px; 
	z-index:200; 
	height:22px;

}

#menu :hover ul li {
	margin:0; 
	border-top:1px solid #666;
}
#menu :hover ul li a {
	width:130px; 
	padding:5px;
	text-indent:10px; 
	background:#333; 
	color:#ccc; 
	height:20px; 
	line-height:20px;
}
#menu :hover ul li a.fly {
	background:#333 url(right-arrow.gif) no-repeat right center;
}

#menu :hover ul :hover {
	background-color:#CC33FF; 
	color:#FFFFFF;
	
}
#menu :hover ul :hover a.fly {
	background-color:#CC33FF; 
	color:#fff;
}

#menu :hover ul li.currentsub a {
	background:#840; 
	color:#fff;
	
}
#menu :hover ul li.currentsub a.fly {
	background:#840 url(right-arrow.gif) no-repeat right center; 
	color:#fff;
}

#menu :hover ul :hover ul li a {
	width:170px; 
	padding:5px; 
	text-indent:10px; 
	background:#3e3e3e; 
	color:#ccc;
	
}
#menu :hover ul :hover ul :hover {
	background-color:#CC33FF; 
	color:#fff;
	
}
#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {
	background:#840; 
	color:#fff;
	
}

ul.dropdown-menu {
	text-align: left;
}

/*SEARCH BAR*/
#search {
	float: right;
	padding: 5px 5px 0 0;
	height: 30px;
	display:block;
}

#search img {
	float: left;	
}

#search_mid {
	background: url(../img/search_mid.gif) repeat-x;
	width: 200px;
	height: 22px;
	float: left;
	padding-top: 3px;
}

#search_input {
	border: none;
	height: 12px;
	width: 150px;
	font-size:10px;
}

/*end of SEARCH*/

#flash-banner {
	position: relative;
	z-index:0;
}

/*STYLES FOR THE BOOK*/
#content {
	background-color: #FFF;
	width: 846px;
	height: 667px;
}

#book-top {
	background: url(../img/book_top.jpg) no-repeat;
	width: 818px;
	height: 37px;
}

#book-content {
	background: url(../img/book_content_repeat.jpg) repeat-y;
	width: 818px;
	height: 494px;
}

#book-bottom {
	background: url(../img/book_bottom.jpg) no-repeat;
	width: 818px;
	height: 36px;

}

#content-left {
	background: url(../img/left_panel_contactus.jpg) no-repeat;
	background-color:#F1F0EE;
	width: 366px;
	height:493px;
	float: left;
 	margin-left: 17px;	
}

#book-top, #book-content, #book-bottom{
	float: left;
}

/*FOOTER*/
#footer {
	background:url(../img/footer_bg.jpg) no-repeat;
	background-position:bottom;
	background-color:#fff;	
	width: 846px;
	height:38px;
	border-top: 1px solid #743181;
	clear:both;
}

#footer ul{
	margin-top: -5px;
}

#footer p,#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:hover, #footer ul li a:focus {
	color: #333;
	font-size: 9px;
}

#footer ul li a:hover {
	text-decoration: underline;
}




