@import '/cms/styles/common.css';
@import '/style.css';


/* COMMON ---------------------------------------------------------------------- */

body {
	background-color:#666666;
	text-align: center;
}

#page {
	background-color:#FFFFFF;
	border:10px solid #FFFFFF;
	border-top-width: 0px;
	width:760px; 
	margin:0 auto; 
	text-align: left;
	
}

.root_5019 * {direction: rtl; text-align: right; font-size: 12px; }

/* HEADER ---------------------------------------------------------------------- */

#header {
	margin:0;
	padding:10px 0 0 0;
	height:auto;
}
#cwm {
	text-align:right;
	float:right;
}

#banner {  
	height:114px;
	background: #667788 url('/images/banner.jpg') top center no-repeat;
	color:#FFFFFF;
}
#banner h1 {
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:1.9em;
	font-weight:bold;
	padding:65px 0 0 0;
	text-align:center;
	margin:0;
	letter-spacing:1px;
}
#banner h2 {
	font-family:arial, sans-serif;
	color:#000000;
	font-size:1.1em;
	text-align:center;
	margin:0;
	padding:0;
}

/* MENU ---------------------------------------------------------------------- */

#menu {
	background-color: #000;
	border:1px solid #FFFFFF;
	border-width:1px 0;
}
#menu ul {
	list-style-type: none; 
	margin: 0 auto; 
	padding: 0;
}
#menu li {
	white-space: nowrap; 
	padding: 0 0 0 4px;
	margin: 0;
	background:none;
	border: none;
	float: left; 
	width: 121px;
	text-align:left;
	border-left: 1px solid #FFFFFF;
}
#menu>ul>li { /* This is a fix for all browsers and IE7+ */
 width: auto;
 min-width:121px;
}
#menu li.first {
	border-left-width:0;
}
#menu a {
	color: #FFFFFF;
	background-color: #000;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
	padding: 2px 0;
	display:block;
	outline:none;
}

/* BREADCRUMBS ------------------------------------------------------------------- */

#breadcrumbs {
	margin:0;
	padding:5px 0;
	font-size:1.05em;
}
#breadcrumbs, #breadcrumbs a {
	color:#000000;
}
#breadcrumbs .separator {
	color:#999999;
}
#breadcrumbs a:hover {
	color:#3366CC;
}

/* LEFT HAND NAVIGATION ----------------------------------------------------- */

#nav ul, #nav li {
	padding:0;
	margin:0;
	background:none;
}
#nav li {
	padding-bottom:1px;
	margin-bottom:-1px;
}
#nav a {
	color:#FFFFFF;
	background-color:#CC0033;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:3px 8px;
	border-bottom:1px solid #CCCCCC;
	outline:none;
}
#nav a:hover, #nav li.navactive a:hover {
	text-decoration:underline;
}
#nav li.navactive a {
	background-color: #776666;
	border-bottom:2px solid #FFFFFF;
}
#nav li li.navactive a {
	background-color:#DDDDDD;
	border-bottom:1px solid #FFFFFF;
}
#nav li li a, #nav li.navactive li a {
	color:#000000;
	background-color:#CCCCCC;
	font-weight:normal;
	border-bottom:1px dotted #AAAAAA;
}
#nav li li a {
	padding-left:18px;
}
#nav li li li a {
	padding-left:28px;
}
#nav li li li li a {
	padding-left:38px;
}

/* LEFT HAND SUBNAVIGATION -------------------------------------------------- */

#subnav {
	margin:40px 0;
}

#subnav ul, #subnav li {
	padding:0;
	margin:0;
	background:none;
}
#subnav li {
	padding-bottom:1px;
	margin-bottom:-1px;
}

#subnav a {
	color:#fff;
	background-color:#666;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:3px 8px;
	outline:none;
	border-bottom:1px solid #ccc;
}
#subnav a:hover {
	text-decoration:underline;
}

#subnav li.last a {
	font-weight:normal;	
	color:#000;
	background-color:#ccc;
	border-top:15px solid #c03;
}

#buttons {
	margin: 0 0 20px 0;
}
#buttons a, a.emailbutton {
	display:block;
	margin-bottom:1px;
	outline:none;
	padding:4px 5px 5px 30px;
	font-size:0.9em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#buttons a:hover, a.emailbutton:hover {
	text-decoration:underline;
}
#buttons a.joinbutton {
	background: #666 url('/images/button-join.gif') top left no-repeat;
}
#buttons a.emailbutton, a.emailbutton {
	background: #666 url('/images/button-email.gif') top left no-repeat;
}

a.rightbutton {
	display:block;
	margin-bottom:1px;
	outline:none;
	padding:4px 5px 5px 25px;
	font-size:0.8em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: #666 url('/images/button-email.gif') top left no-repeat;
}
a.rightbutton:hover {
	text-decoration:underline;
}
a.middlebutton {
	display:block;
	margin-bottom:1px;
	outline:none;
	padding:4px 5px 5px 25px;
	font-size:0.8em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: #666;
}
a.middlebutton:hover {
	text-decoration:underline;
}

#content-left h2 {
	color:#FFFFFF;
	background: #434343 url('/images/right-h2.gif') top left no-repeat;
	font-size:0.95em;
	line-height:1.5em;
	padding:0 0px 0 10px;
	margin:0;
	height:auto !important;
	height:21px;
	min-height:21px;
}

/* SEARCH ---------------------------------------------------------------------- */

#search {
	background-color:#666;
	padding:5px;
	margin:0 0 20px 0;
}
#search .label {
	color:#fff;
	font-weight:bold;
	margin: 0 0 3px 0;
}
#search .input input {
	height:1.35em; 
	width:105px; 
	padding:3px 0 0 3px;
	font-size:0.9em;
	color:#666;
	border:none;
	background: url('/images/textfield-bg.gif') top left no-repeat;
	margin:0 5px 0 0;
}
#search .button input {
	width:27px;
	height:17px;
	color:#fff;
	font-weight:bold;
	padding:0;
	overflow:hidden;
	background:url('/images/button-blank.gif') top left no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

/* LANGUAGES --------------------------------------------------------------------- */

#languages {
	background-color:#666;
	padding:3px 0 2px 0;
	border-bottom:2px solid #fff;
}

#languages ul, #languages li {
	padding:0;
	margin:0;
	background:none;
}

#languages a {
	color:#fff;
	text-decoration:none;
	font-size:0.9em;
	padding:0 8px;
	outline:none;
	border-left:1px solid #999;
	float:left;
}
#languages a:hover {
	text-decoration:underline;
}
#languages a.first {
	border-left:none;
}

.root_171 #lang-eng,
.root_314 #lang-fra,
.root_495 #lang-spa,
.root_496 #lang-deu,
.root_497 #lang-nld,
.root_498 #lang-por,
.root_499 #lang-chi,
.root_500 #lang-jpn,
.root_501 #lang-kor,
.root_5019 #lang-ara {
  font-weight: bold; 
}


/* COMMON LAYOUT ---------------------------------------------------------------- */

#content {
	background:url('/images/content-bg.gif') left repeat-y;
}
#content, #content-full, #content-main {
	height:auto !important;
	height:350px;
	min-height:350px;
}

#content-left {
	width:150px;
	margin: 0 5px 0 0;
}

#content-main {
	width:605px;
}

#flash {
	margin:0 0 5px 0;
}

#content-right {
	width: 195px; 
	background: url('/images/right-bg.gif') left repeat-y;
	float:right;
	overflow:hidden;
}
#content-right h2 {
	color:#FFFFFF;
	background: #434343 url('/images/right-h2.gif') top left no-repeat;
	font-size:1.2em;
	line-height:1.5em;
	padding:0 5px 0 10px;
	margin:0;
	height:auto !important;
	height:21px;
	min-height:21px;
}
#content-right ul {
	margin:10px 0;
	padding:0;
	list-style:none;
	line-height:1.2em;
}
#content-right li {
	margin:0 0 0 5px;
	padding:0 0 0.5em 17px;
	background:url('/images/bullet-grey.gif') 0px 0.45em no-repeat;
}
#content-right-bottom {
  height: 5px;
  padding: 0px; margin: 0px;
  background:url('/images/right-bottom.gif') bottom left no-repeat;
}
#content-content {
	width:405px;
	margin:0 5px 0 0;
}
#content-full {
	width:605px;
	margin:0;
}

/* FOOTER ---------------------------------------------------------------------- */

#footer {
	margin:5px 0 0 0;
}
#footerline {
	height:15px;
	background-color: #dfdfdf;
	margin: 0 0 5px 0;
}
#foot1 {
	width:250px;
}
#foot2 {
	width:259px;
	text-align:center;
	line-height:1.9em;
}
#foot3 {
	width:250px;
	text-align:right;
}
#footer a {
	color:#333333;
}
#footer a:hover { 
	color:#6699cc;
}

#sitemaplink {
	margin-top:5px;
}

/* Downloads -------------------------------------------------------------------------*/

.downloads {
  list-style-type: none;
  margin-left: 10px;
}

.downloads li {
  padding-left: 35px;
  background: url('/images/icon-default.gif') top left no-repeat;
  display: block;
  height: 44px;
	padding-top: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
}

.downloads .icon-pdf {  background-image: url('/images/icon-pdf.gif'); }
.downloads .icon-image {  background-image: url('/images/icon-image.gif'); }
.downloads .icon-doc {  background-image: url('/images/icon-doc.gif'); }
.downloads .icon-default {  background-image: url('/images/icon-default.gif'); }


/* Inquiry Form --------------------------------------------------------------------*/

form#inquiries {
	margin:20px 0 10px 15px;
}

form#inquiries .row {
	margin: 0 0 5px 0;
}

.f-label {
	width:125px;
	margin:0 5px 0 0;
	font-weight:bold;
	color:#666666;
}

.f-field input, .f-field textarea, .f-field select {
	border:1px solid #cccccc;
	height:1.35em; 
	padding:2px;
	margin:0 5px 0 0;
	font-size:0.9em;
	color:#666666;
}
.f-field select {
	padding:0;
	height:auto;
}

.f-field textarea {
	height:80px;	
}

.f-field input.f-button {
	border:none;
	padding:2px 5px;
	margin:0;
	font-size:1.0em;
	font-weight:bold;
	color:#ffffff;
	height:auto;
	background: #8aa1ba url('/images/button-bg.gif') center repeat-x;
	cursor:pointer;
	outline:none;
}	
.button-wrapper {
	padding:1px;
	border:1px solid #dddddd;
}

.f-fullwidth {
	width:275px;
}
select.f-fullwidth {
	width:281px;
}

.f-smallwidth {
	width:60px;
}

.thumbnail-map {
	height:200px;
	background:url('/images/Maps/ThumbnailMap.jpg') top left no-repeat;
}
.thumbnail-map .thmap-title {
	height:130px;
	padding-top:40px;
	text-align:center;
}
.thumbnail-map .thmap-title a {
	color:#104855;
	font-size:1.6em;
	font-weight:bold;
	text-decoration:none;
}
.thumbnail-map .thmap-title a:hover {
	text-decoration:underline;
}
.thumbnail-map .thmap-link a {
	display:block;
	padding:4px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}
.thumbnail-map .thmap-link a:hover {
	text-decoration:underline;
}


/* Landing Page ---------------------------------------------------------------*/

body#landing {
	background:none;
}

body#landing #page {
	padding:20px 0 40px 0; 
	width:600px;
}

#splashimage {
	margin:7px 0 5px 0;
	height:83px;
	padding-top:168px;
	background: #a8a8a8 url('/images/splash.jpg') top left no-repeat;
}

#splashimage h1 {
	margin:0;
	font-weight:bold;
}

#splashimage #firstrow {
	height:30px;
}
#splashimage #firstrow div h1 {
	font-size:1.3em;
	color:#fff;
	line-height:30px;
}

#splashimage #secondrow {
	height:52px;
}
#splashimage #secondrow div h1 {
	font-size:1.6em;
	line-height:52px;
}

#splashimage #firstrow div, #splashimage #secondrow div {
	width:260px;
	margin-left:30px;
	overflow:hidden;
	display:inline;
}

#leftlinks {
	width:460px;
}

#languagebuttons a, #languagebuttons2 a {
	display:inline-block;	
	width:116px;
	padding:5px 0;
	margin:20px 30px 0 0;

	color:#fff;
	background-color:#f00;
	font-size:1em;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;

	overflow:hidden;
	border-top:2px solid #f66;
	border-left:2px solid #f66;
	border-right:2px solid #c33;
	border-bottom:2px solid #c33;
}
#languagebuttons { margin-left: 2px; }
#languagebuttons2 { text-align: right; }
#languagebuttons2 a {
	color:#f00;
	background-color:#fff;
}

.notice {
	float:left;
	display:inline;	
	width:120px;
	margin:10px 34px 0 1px;
	overflow:hidden;
}

#wordmark {
	float:right;
	margin-top:20px;
}

/* Sitemap --------------------------------------------------------------------*/

.sitemap ul {
	margin:0 0 0 50px;
}
.sitemap ul ul {
	padding:0 0 0 10px;
	margin:0;
}
.sitemap li {
	font-size:1.20em;
	font-weight:bold;
	list-style-type:square;
	margin:0 0 10px 0;
	background:none;
	padding:0;

}
.sitemap li li {
	font-size:0.9em;
	font-weight:normal;
	list-style:none;
	margin:0;
	padding:0 0 4px 15px;
	background:url('/images/bullet-grey.gif') 0 0.4em no-repeat;
}
.sitemap li li li {
	margin:0;
}
.sitemap a {
	margin-bottom:2px;
}
.sitemap a:visited {
	color:#666699;
}
.sitemap a:hover {
	color: #3366CC;
}

/* CityIndustries (Interactive Map Accessiblility) ----------------------------*/

table.cityindustries {
	text-align:left;
	border-collapse:collapse;
	width:605px;
}
table.cityindustries td, 	table.cityindustries th {
	border:1px solid #dddddd;
} 
table.cityindustries tr#head th {
	padding-bottom:10px;
	padding-top:10px;
	background-color:#eeeeee;
}
table.cityindustries .pre {
	margin:3px 0 0 10px;
}


/* Extras ----------------------------------------------------------------------*/

#content-full .textbox {
	background-image: url('/images/textbox_background2.jpg');
}

.navaid {
	height: 0; 
	font-size: 0;
	margin:0;padding:0;
	visibility: hidden;
}

div.navaid a, p.navaid a, h1.navaid a, h2.navaid a, .navaid a { 
color: #FFFFFF;
}

/*************************************************************/

#skip-head {
	float:left;
	display:block;
    margin:auto;
	position:absolute;
	top:0;
	left:250px;
}

#skip-head a {
 zoom:1;
 filter: alpha(opacity=0);
 opacity:0;
 color: #000;
 background-color: #CCC;
 border:1px solid #333;
 position: relative;
 font-size: 1.2em;
 padding:5px;
}

#skip-head  a:hover, #skip-head  a:active {
 filter: alpha(opacity=100);
 opacity:1.0;
}