* { font-family: Arial, Helvetica, san-serif; }
/*
body { background: white url(../images/bg_body.jpg) repeat-x; }
*/
body { background: white url(../images/bg_body_home.jpg) repeat-x; }
body#home { background: white url(../images/bg_body_home.jpg) repeat-x; }
body {
	margin: 0;
	padding: 0;
	font-size: .75em;
	line-height: 1.4em;
}
body#home { background: white url(../images/bg_widescreen.jpg) no-repeat; }
a,
a:link,
a:visited {
	color: #412412;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #577b8e;
	text-decoration: underline;
}
a img {border: 0;}
div.container {
	float: left;
	position: relative;
	width: 950px;
}
#header div.container { z-index: 1; height: 156px; }



/* HEADER DEFAULT SETTINGS */

div#header {
	color: #fff;
}

body#home #header div.bg {
	background: url(../images/bg_header_home.gif) no-repeat !important;
}

#header div.bg {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 156px;
	/*
	background: url(../images/bg_header.gif) no-repeat;
	*/
	background: url(../images/bg_header_home.gif) no-repeat;
}

#header div#logo { 
	position: relative;
	left: 65px;
	top: 35px;
	z-index: 1;
}
#header div#nav,
#header div.nav {
	position: absolute;
	z-index: 1;
	left: 277px;
	top: 117px;
}

body#home #header div#nav,
body#home #header div.nav {
	top: 116px;
}

#header div#subnav,
#header div.subnav {
	position: absolute;
	z-index: 10;
	left: 277px;
	top: 132px;
	color: #412412;
}
#header #nav ul,
#header .nav ul,
#header #subnav ul,
#header .subnav ul,
#footer #links ul,
ul.form,
ul.inline {
	/* clear-after: both; */
	margin: 0;
	padding: 0;
	list-style: none;
}
#header #nav ul:after,
#header .nav ul:after,
#header #subnav ul:after,
#header .subnav ul:after,
#footer #links ul:after,
#content div#left:after,
div.list_news dl:after,
ul.form:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

#nav ul li,
.nav ul li {
	float: left;
}
#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited,
.nav ul li a,
.nav ul li a:link,
.nav ul li a:visited {
	display: block;
	height: 32px;
	font-family: Arial,Helvetica,san-serif;
	line-height: 32px;
	letter-spacing: -0.01em;
	text-decoration: none;
	text-transform: lowercase;
}
/*
a#nav1 { margin-left: 8px; }

a#nav1.active, a#nav2.active, a#nav3.active, a#nav4.active, a#nav5.active, a#nav6.active, a#nav7.active, a#nav8.active, 
a#nav1:hover, a#nav1.over, a#nav2:hover, a#nav2.over, a#nav3:hover, a#nav3.over, a#nav4:hover, a#nav4.over, a#nav5:hover, a#nav5.over, a#nav6:hover, a#nav6.over, a#nav7:hover, a#nav7.over, a#nav8:hover, a#nav8.over  { 
	background-color: #e9f2ef;
	font-weight: bold; 
	margin-top: -9px;
	margin-left: -8px;
	padding: 8px 5px 7px;
}

/**
#nav ul li a:hover,
#nav ul li a.over,
.nav ul li a:hover,
.nav ul li a.over {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
}
#nav ul li a.active:hover,
.nav ul li a.active:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	filter: alpha(opacity=100);
}
**/

/*
a#nav1, a#nav1:link, a#nav1:visited { width: 50px; background-position: 0 0; }
a#nav1:hover, a#nav1.over { background-position: 0 -25px; }
a#nav1:active, a#nav1.active, a#nav1.active:link, a#nav1.active:visited, a#nav1.active:hover, a#nav1.active:active { background-position: 0 -25px !important; }

a#nav2, a#nav2:link, a#nav2:visited { width: 45px; background-position: -50px 0; }
a#nav2:hover, a#nav2.over { background-position: -50px -25px; }
a#nav2:active, a#nav2.active, a#nav2.active:link, a#nav2.active:visited, a#nav2.active:hover, a#nav2.active:active { background-position: -50px -25px !important; }

a#nav3, a#nav3:link, a#nav3:visited { width: 65px; background-position: -95px 0; }
a#nav3:hover, a#nav3.over { background-position: -95px -25px; }
a#nav3:active, a#nav3.active, a#nav3.active:link, a#nav3.active:visited, a#nav3.active:hover, a#nav3.active:active { background-position: -95px -25px !important; }

a#nav4, a#nav4:link, a#nav4:visited { width: 105px; background-position: -160px 0; }
a#nav4:hover, a#nav4.over { background-position: -160px -25px; }
a#nav4:active, a#nav4.active, a#nav4.active:link, a#nav4.active:visited, a#nav4.active:hover, a#nav4.active:active { background-position: -160px -25px !important; }

a#nav5, a#nav5:link, a#nav5:visited { width: 145px; background-position: -265px 0; }
a#nav5:hover, a#nav5.over { background-position: -265px -25px; }
a#nav5:active, a#nav5.active, a#nav5.active:link, a#nav5.active:visited, a#nav5.active:hover, a#nav5.active:active { background-position: -265px -25px !important; }

a#nav6, a#nav6:link, a#nav6:visited { width: 65px; background-position: -410px 0; }
a#nav6:hover, a#nav6.over { background-position: -410px -25px; }
a#nav6:active, a#nav6.active, a#nav6.active:link, a#nav6.active:visited, a#nav6.active:hover, a#nav6.active:active { background-position: -410px -25px !important; }

a#nav7, a#nav7:link, a#nav7:visited { margin-left: 3px; width: 80px; background-position: -480px 0; }
a#nav7:hover, a#nav7.over { background-position: -480px -25px; }
a#nav7:active, a#nav7.active, a#nav7.active:link, a#nav7.active:visited, a#nav7.active:hover, a#nav7.active:active { background-position: -480px -25px !important; }

a#nav8, a#nav8:link, a#nav8:visited { width: 105px; background-position: -560px 0; }
a#nav8:hover, a#nav8.over { background-position: -560px -25px; }
a#nav8:active, a#nav8.active, a#nav8.active:link, a#nav8.active:visited, a#nav8.active:hover, a#nav8.active:active { background-position: -560px -25px !important; }
*/

#subnav ul li,
.subnav ul li {
	position: relative;
	float: left;
	border-left: solid 1px #412412;
}
#subnav ul li.first,
.subnav ul li.first {
	border-left: none;
}
#subnav ul li a,
#subnav ul li a:link,
#subnav ul li a:visited,
.subnav ul li a,
.subnav ul li a:link,
.subnav ul li a:visited {
	font-size: 11px;
	padding: 0px 10px;
	text-transform: lowercase;
	text-decoration: none;
}
#subnav ul li a:hover,
.subnav ul li a:hover {
	text-decoration: underline;
}

#subnav ul li a.active,
#subnav ul li a.active:link,
#subnav ul li a.active:visited,
#subnav ul li a.active:hover,
#subnav ul li a.active:active,
.subnav ul li a.active,
.subnav ul li a.active:link,
.subnav ul li a.active:visited,
.subnav ul li a.active:hover,
.subnav ul li a.active:active {
	color: #412412;
	font-weight: bold;
}

/* FOOTER DEFAULT SETTINGS */

div#footer { 
	float: left;
	position: relative;
	font-size: 11px;
	width: 100%;
	height: 300px;
	background: #BED5E5 url(../images/bg_footer.jpg) repeat-x;
}
#footer div.container {
	position: relative;
	margin: 0 auto;
}

#footer div.bg {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 300px;
	background: url(../images/bg_footer.gif) no-repeat;
}
div#footer ul {
	display: block;
	margin-top: 10px;
}

#footer div#links {
	position: relative;
	left: 285px;
	top: 15px;
}
#footer #links ul li {
	float: left;
	padding: 0 10px;
	color: white;
	border-left: solid 1px white;
	white-space: nowrap;
}
#footer #links ul li.first { border-left: none; }
#footer #links ul li.first a { margin-left: 0; }
#footer #links a,
#footer #links a:link,
#footer #links a:visited {
	color: white;
	text-decoration: none;
}
#footer #links a:hover {
	color: white;
	text-decoration: underline;
}
div.inline { display: inline; }
#footer #links div.inline { padding-right: 3px; }
#footer #logos { 
	position: absolute;
	left: 65px;
	top: 15px;
	padding-top: 15px;
	background: url(../images/lbl_footer_joint.gif) no-repeat -2px 0; 
}


/* CONTENT DEFAULT SETTINGS */

div#content {
	float: left;
	position: relative;
	width: 950px;
	min-height: 418px;
	color: #000000;
	/*background: url(../images/bg_content_home.jpg) no-repeat #fff;*/
}
body#home div#content {
	height: 418px;
	padding-top: 40px;
	padding-bottom: 0;
}
/*
#content div.bg {
	position: absolute;
	z-index: 0 !important;
	height: 300px;
	top: -40px;
}
*/
#content div.bg {
	position: absolute;
	
	background-image: url(../images/bg_content_wrapper.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#content div#left {
	/*position: absolute;
	left: 0;
	top: 0;
	width: 950px; */
	float: left; /* JM */
	width: 250px;
	z-index: 999;
	overflow: hidden;
}
body#home #content #left {
	position: absolute; /* Added By JM */
	left: 0; /* Added By JM */
	top: 0; /* Added By JM */
	width: 950px; /* Added By JM */
	z-index: 10; /* Added By JM */ /*modified by VL, because of facebox */
	
	
	width: 180px;
	margin: 0 0 0 65px;
}
#content #left div#pgTitle,
#content #left div.pgTitle
 {
	float: left;
	width: 180px;
/*	height: 450px;*/
}

#content #left div.main {
	padding: 130px 40px 0 40px;
}
#leftLocation .main li {
	font-size: 1.0em!Important;
}
#content #leftLocation {
	position: relative;
	margin-top: 40px;
	float: left;
	width: 630px;
	margin-left: 0px;
	margin-bottom: 20px;
	}

#content #middle,
#content .middle {
	position: relative;
	padding-top: 50px;
	float: left;
	width: 650px;
	/*margin-left: 285px;*/
	float: left; /* New Style by JM */
}

#content .middle {
	width: 690px;
}
#content .middle.full {
	width: 63%;
	margin: 20px 0 0 0;
	clear: left;
}

body#home #content div#left {
	padding-top: 0;
}
body#home #content #left div.maxheight {
	height: 290px;
	margin-bottom: 10px;
	overflow: hidden;
}
body#home #content #middle,
body#home #content .middle {
	position: absolute;
	left: 285px;
	top: 0;
	width: 440px;
	margin-top: 0;
}

body#home #content div#right {
	position: absolute;
	left: 750px;
	top: 0;
	width: 200px;
	height: 360px;
}

body#home #content div#middle,
body#home #content div.middle {
	float: left;
	margin-left: 2px;
}

code { 
	color: #f00;
	font-family: monospace;
}

div.subnav code {
	padding: 0 10px;
}

div.left { float: left; }
div.right { float: right; }

.pagePhoto {
	float: right;
	padding: 0 0 40px 40px;
}
.pagePhoto .caption {
	font-size: 11px;
	padding-top: 10px;
}


/* NEW HEADER NAV */
ul.dropdown li.nav_home, ul.dropdown li.nav_vision, ul.dropdown li.nav_location, ul.dropdown li.nav_why,
ul.dropdown li.nav_business, ul.dropdown li.nav_about, ul.dropdown li.nav_media, ul.dropdown li.nav_register {
	text-align: center;
}
ul.dropdown li.nav_home {
	width: 50px;
}
ul.dropdown li.nav_vision {
	width: 55px;
}
ul.dropdown li.nav_location {
	width: 65px;
}
ul.dropdown li.nav_why {
	width: 102px;
}
ul.dropdown li.nav_business {
	width: 145px;
}
ul.dropdown li.nav_about {
	width: 66px;
}
ul.dropdown li.nav_media {
	width: 95px;
}
ul.dropdown li.nav_register {
	width: 106px;
}

/*
	LEVEL ONE
*/
ul.dropdown                         { list-style: none; position: relative; }
ul.dropdown li                      { float: left; zoom: 1; position: relative; }
ul.dropdown a:hover,
ul.dropdown a:active				{ color: #4d2b12; }
ul.dropdown li a                    { display: block; padding: 4px 0; text-decoration: none; color: #4D2B12; font-weight: bold; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */

ul.dropdown li a.active,
ul.dropdown li:hover                { background: #e9f2ef; color: #000 !important; position: relative; }
ul.dropdown li.hover a              { color: #4d2b12; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 184px; visibility: hidden; position: absolute; top: 100%; left: -1px; }
ul.dropdown ul li 					{ font-weight: normal; background: #e1edea; color: #4d2b12; 
									  border: 1px solid #bfd5d2; padding: 0 5px; border-top: none; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; font-weight: bold; } 
 
ul.dropdown li .sub_menu {
	text-align: left;
}
.sub_menu {
	background: url(../images/nav_corner.gif) no-repeat left bottom !important;
	padding-bottom: 4px !important;
}
ul.dropdown li .sub_menu a {
	height: auto;
	line-height: normal;
	padding: 7px 5px;
}
ul.dropdown li .sub_menu li.last {
	border-bottom: none;
}
ul.dropdown li .sub_menu li.last a {
	padding-bottom: 3px;
}


/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }