@charset "utf-8";
@font-face {
    font-family: 'BebasRegular';
    src: url('/inc/fonts/BEBAS___-webfont.eot');
    src: url('/inc/fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/BEBAS___-webfont.woff') format('woff'),
         url('/inc/fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('/inc/fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('/inc/fonts/bebasneue-webfont.eot');
    src: url('/inc/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/bebasneue-webfont.woff') format('woff'),
         url('/inc/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('/inc/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rokkittbold';
    src: url('/inc/fonts/rokkitt.bold-webfont.eot');
    src: url('/inc/fonts/rokkitt.bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/rokkitt.bold-webfont.woff') format('woff'),
         url('/inc/fonts/rokkitt.bold-webfont.ttf') format('truetype'),
         url('/inc/fonts/rokkitt.bold-webfont.svg#rokkittbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rokkittregular';
    src: url('/inc/fonts/rokkitt-webfont.eot');
    src: url('/inc/fonts/rokkitt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/rokkitt-webfont.woff') format('woff'),
         url('/inc/fonts/rokkitt-webfont.ttf') format('truetype'),
         url('/inc/fonts/rokkitt-webfont.svg#rokkittregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothic';
    src: url('/inc/fonts/gothic.eot');
    src: url('/inc/fonts/gothic.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/gothic.woff') format('woff'),
         url('/inc/fonts/gothic.ttf') format('truetype'),
         url('/inc/fonts/gothic.svg#gothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothicb';
    src: url('/inc/fonts/gothicb.eot');
    src: url('/inc/fonts/gothicb.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/gothicb.woff') format('woff'),
         url('/inc/fonts/gothicb.ttf') format('truetype'),
         url('/inc/fonts/gothicb.svg#gothicb') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'entyporegular';
    src: url('/inc/fonts/Entypo-webfont.eot');
    src: url('/inc/fonts/Entypo-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/Entypo-webfont.woff') format('woff'),
         url('/inc/fonts/Entypo-webfont.ttf') format('truetype'),
         url('/inc/fonts/Entypo-webfont.svg#entyporegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slabbold';
    src: url('/inc/fonts/robotoslab-bold-webfont.eot');
    src: url('/inc/fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/robotoslab-bold-webfont.woff') format('woff'),
         url('/inc/fonts/robotoslab-bold-webfont.ttf') format('truetype'),
         url('/inc/fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slabregular';
    src: url('/inc/fonts/robotoslab-regular-webfont.eot');
    src: url('/inc/fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/robotoslab-regular-webfont.woff') format('woff'),
         url('/inc/fonts/robotoslab-regular-webfont.ttf') format('truetype'),
         url('/inc/fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slablight';
    src: url('/inc/fonts/robotoslab-light-webfont.eot');
    src: url('/inc/fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/robotoslab-light-webfont.woff') format('woff'),
         url('/inc/fonts/robotoslab-light-webfont.ttf') format('truetype'),
         url('/inc/fonts/robotoslab-light-webfont.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slabthin';
    src: url('/inc/fonts/robotoslab-thin-webfont.eot');
    src: url('/inc/fonts/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/robotoslab-thin-webfont.woff') format('woff'),
         url('/inc/fonts/robotoslab-thin-webfont.ttf') format('truetype'),
         url('/inc/fonts/robotoslab-thin-webfont.svg#roboto_slabthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; }
html,body {
    background: url(/images/bg-image.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	font-family: 'roboto_slabregular';
}

#image { max-width: 100%; height: auto; width: auto/9; /*ie 8*/ }
#story-pic, img { max-width: 100%; height: auto; width: auto/9; /*ie 8*/ }
#biz-feature .pic, img { max-width: 100%; height: auto; width: auto/9; position: relative; /*ie 8*/ }
#BDO-cmap, img {max-width: 100%; height: auto; width: auto/9; }
#reg-map, img {max-width: 100%; height: auto; width: auto/9; }
#reg-pics, img {max-width: 100%; height: auto; width: auto/9; }
#regions-map, img {max-width: 100%; height: auto; width: auto/9; }

#breadcrumbs { float: left; width: 65%; height: 16px; padding: 0 14px 0 0; margin: 5px 8px 0 20px; font: 10px/10px 'roboto_slabregular'; color: #E78D24; list-style: none; overflow: hidden; /*border: 1px solid red;*/ }
#breadcrumbs li { float: left; display: inline; padding: 0 8px 0 7px; background:url(/images/bullet-breadcrumb.gif) no-repeat 0 50%; }
#breadcrumbs a, #breadcrumbs a:hover { color: #E78D24; text-decoration: none; }

#breadcrumbs-w { float: left; width: 70%; height: 12px; padding: 0; margin: 5px 0 0 10px; font: 10px/10px 'roboto_slabregular'; color: #E78D24; list-style: none; overflow: hidden; }
#breadcrumbs-w li { float: left; display: inline; padding: 0 8px 0 7px; background:url(/images/bullet-breadcrumb.gif) no-repeat 0 50%; }
#breadcrumbs-w a, #breadcrumbs-w a:hover { color: #E78D24; text-decoration: none; }

#bottom {
  height: auto; 	background: #333; opacity: 1.0; /*0.9;*/
  margin: 0px auto; padding-bottom: 6px;
  overflow: hidden; position: static; bottom: 0;  left: auto;
}

#navfoot a {
	font: 10px/16px 'roboto_slabregular'; text-decoration: none; color: #C8C8C8; /*#999;*/  margin: 0;
}

#navfoot a:hover {
	font: 10px/16px 'roboto_slabregular'; text-decoration: none; color:#93d95b; opacity: 1.0; margin: 0;
}
.navfoot-div {
padding: 0 10px 0 10px;
}

a { text-decoration: none; color: #0488BF; }
a:hover { color:#49811c; }

a.k { text-decoration: none; color: #000; }
a.k:hover { color:#000; }

#global { float:right; /*width: 526px; with translate*/ width: 240px; height: 28px; margin: 0 24px 0 0; z-index: 5; overflow: hidden; }

.search {
	float: right; margin: 0; opacity: 1.0;
	background-color:#FFF; 
	box-shadow: 1px 1px 5px 3px #999 inset; -moz-box-shadow: 1px 1px 5px 3px #999 inset; -webkit-box-shadow: 1px 1px 5px 3px #999 inset;
	/*background:url(../images/bg-header-footer-input.gif) no-repeat 0 1px; border: none; */
	padding: 0 0 0 11px;
	/*display:inline; overflow: hidden;*/
}

.search fieldset { float:left; border: none; }

.search .txt-search {
	background: none;
	border: none;
	width: 126px;
	padding: 0;
	font: 11px 'roboto_slabregular';
	color:#535353;
	float:left;
	margin: 8px 0 8px 0; overflow: visible;
}

.search .btn-search { float:left; border: none; }

.translate {
	float:right;
	margin: -1px 0 0 0;
	display: inline-block;
	height: 5px;
	font: italic 12px/24px 'CenturyGothicRegular', Arial, Helvetica, sans-serif;
}
.translate p { color:#fff; }

#div-switch { clear: both; opacity: 1.0!important; z-index: 0!important;
    float: right;
    background:none;
    width:190px;
    height:62px;
    border: none;
    margin: -40px 12px 0 0;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

#div-swi2ch { clear: both; opacity: 1.0!important; z-index: 0!important;
    float: right;
    background:none;
    width:190px;
    height:62px;
    border: none;
    margin: -10px 12px 0 0;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

#logo { float: left; border: none; opacity:1.0!important; opacity: initial; margin: -2px 0 0 0;  }

#tag { color:#FFF; font: 12px/12px 'roboto_slabregular'; margin-top: -100px!important; margin-left: -98px!important; }

#header {
	width: 100%; height: 136px; 
	/*position: top center fixed; z-index: 0;*/
	margin: 0px 3px 0px 0px;
	padding: 6px 0px 0px 12px;
	background: #333; opacity: 0.8;
}


/*       W I D E   F O R M A T    */

@media all and (min-width: 1201px) { /* all and (min-width: 1201px) */

#wrap {
  width: 90%; max-width: 1200px; height: auto;
  margin: 0px auto;
  overflow: hidden;
}

h2 { font: 32px/40px 'BebasRegular'; word-spacing: .25em; margin: 0 0 10px 0; }
h3 { font: 18px/20px 'roboto_slabbold'; margin: 0 0 8px 0; }
h4 { font: 18px/18px 'BebasRegular'; word-spacing: .35em; margin: 20px 0 4px 0;  }
p { font-size: 22px; line-height: 26px; margin: 0 0 12px 0; }

/*#header:after { content: "Wide Format Layout"; color:#FFF; }*/

#nav {
clear: both; z-index: 100!important; position: relative; height: 30px; width: 100%; background: #3F4C5E; opacity: 1.0; color:#FFF; margin: 14px 0 0 0; padding-top: 4px; text-align: left; }

/* main BIZ menu styles */
.menu,.menu ul { list-style: none; margin: 0; padding: 0; }

.menu {
    height: 30px; width: 1100px; float: left; list-style: none; /*position: relative;*/ }

.menu ul {
    height:0; opacity: 1.0;
    left:0;
    overflow:hidden;
    position: absolute;
    top: 30px;
}

.menu li { float: left; text-align:left; position: relative; margin: 0 10xp 0 5px; padding: 0 2px 0 2px;  opacity: 1.0; }	

.menu li a {
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    background-color:#3F4C5E; opacity: 1.0;
    color:#FFF;
    display:block;
    font: 16px/30px 'BebasRegular';
    word-spacing: .45em;
    padding:0 2px 0 4px; margin: 0 10px 0 5px;
    text-decoration:none;
    transition:0.5s;
}

.menu li:hover > a {
    background:#528744; opacity: 1.0;
    color:#fff;
}

.menu li:hover ul.subs {
    height:auto;
    width: 270px;
}

.menu ul li {
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    opacity:0.0;
    transition:0.3s;
    width:100%;
}

.menu li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.menu li:hover ul li {
    opacity: 1.0;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    -webkit-transition-delay:0.3s;
    transition-delay:0.3s;
}

.menu ul li a {
    background:#528744;
    opacity: 1.0;
    color:#fff;
    font: 13px/22px 'roboto_slabregular' /*'roboto_slabbold'*/;
    -moz-transition:1.3s;
    -o-transition:1.3s;
    -webkit-transition:1.3s;
    transition:1.3s; word-spacing: normal;
	 padding-left: 6px;
}

.menu li:hover ul li a {
    line-height:20px;
}

.menu ul li a:hover {
    background:#1B3456;
    opacity: 1.0;
}

/* main IFA menu styles */
.imenu,.imenu ul { list-style: none; margin: 0; padding: 0; }

.imenu {
    height: 30px; width: 1000px; float: left; list-style: none; /*position: relative;*/ }

.imenu ul {
    height:0; opacity: 1.0;
    left:0;
    overflow:hidden;
    position: absolute;
    top: 30px;
}

.imenu li {
    float: left; text-align:left; position: relative; margin: 0 18xp 0 0; padding: 0 6px 0 2px;  opacity: 1.0; }
	
.imenu li a {
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    background-color:#3F4C5E; opacity: 1.0;
    color:#FFF;
    display:block;
    font: 18px/30px 'BebasRegular';
    word-spacing: .45em; letter-spacing: .03em;
    padding:0 2px 0 2px; margin: 0 10px 0 0;
    text-decoration:none;
    transition:0.5s;
}

.imenu li:hover > a {
    background:#528744; opacity: 1.0;
    color:#fff;
}

.imenu li:hover ul.subs {
    height:auto;
    width: 340px;
}

.imenu ul li {
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    opacity:0.0;
    transition:0.3s;
    width:100%;
}

.imenu li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.imenu li:hover ul li {
    opacity:1.0;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    -webkit-transition-delay:0.3s;
    transition-delay:0.3s;
}

.imenu ul li a {
    background:#528744;
    opacity: 1.0;
    color:#fff;
    font: 15px/22px 'roboto_slabregular';
	word-spacing: normal; 
    -moz-transition:1.3s;
    -o-transition:1.3s;
    -webkit-transition:1.3s;
    transition:1.3s;  padding-left: 10px;
}

.imenu li:hover ul li a {
    line-height:22px;
}

.imenu ul li a:hover {
    background:#1B3456;
    opacity: 1.0;
}

#photo { float: right; width: 400px; margin: 0 0 20px 10px; }
#photo p { font: italic 12px/14px 'roboto_slabregular'!important; text-align: center; margin: 8px 0 10px 0!important; }

#stats { float: right; width: 280px; height: auto; margin: 22px 0 3px 10px; background-color: #e36a19; border: none; -moz-border-radius: 0; border-radius: 0; box-shadow: 0 12px 14px 0 #9d4103 inset; -moz-box-shadow: 0 12px 14px 0 #9d4103 inset; -webkit-box-shadow: 0 12px 14px 0 #9d4103 inset; padding:  4px 10px 10px 10px; /*10px;*/ font: 14px/20px 'roboto_slabregular'; color: #FFF; }

#stats h3 { text-align: center; color:#FFF!important; margin: -8px 0 4px 0; font: 16px/20px 'roboto_slabbold'!important; }
#stats span { text-align: center; color: #FFF; margin: 0 0 3px 0; font: 14px/20px 'roboto_slabregular'; }
#stats p { text-align: center; color: #FFF; margin: 0 0 3px 0; font: 14px/20px 'roboto_slabregular'; }

#content {
	width: 68%; /*border: 1px solid red;*/
	float: left;
	padding: 0 14px 0 5px; 
	margin-top: 10px;
	margin-right: 8px;
	margin-left: 1%;
}

#content p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }
#content p.intro { font: 18px/24px 'roboto_slabregular'; margin: 0 0 12px 0; }
#content p.footnote { font-size: 12px; line-height: 18px; }
#content h4 { font: 16px/20px 'roboto_slabbold'; margin: 10px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content h3 { font: 20px/24px 'roboto_slabregular'; font-weight:bolder; margin: 18px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content h2b { font: 23px/23px 'BebasRegular'; word-spacing: .25em; margin: 20px 0 13px 0!important; color: #000;  text-align:center; letter-spacing: normal; }
#content h2 { font: 26px/30px 'roboto_slabbold'; margin: 20px 0 0 0; color: #0488BF;  word-spacing:normal; letter-spacing: normal; }
#content h1 { font: 32px/36px 'BebasRegular'; word-spacing: .35em; margin: 0 4px 10px 0!important; }
#content h3.CB { font: 22px/32px 'BebasRegular'; word-spacing: .30em; color: #000000; margin: 0 4px 4px 0!important;}
#content ul { margin: 0 0 12px 0; padding: 0; }
#content li { font-size: 14px; line-height: 20px; margin: 4px 0 4px 20px; }
#content table { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }
#content table h4 { font: 16px/20px 'roboto_slabbold'; margin: 10px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content table h3 { font: 20px/24px 'roboto_slabregular'; font-weight:bolder; margin: 18px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content table h2 { font: 26px/30px 'roboto_slabbold'; margin: 10px 0 0 0; color: #0488BF;  word-spacing:normal; letter-spacing: normal; }
#content table h1 { font: 32px/36px 'BebasRegular'; word-spacing: .35em; margin: 0 0 10px 0; }
#content table .icon { font: 38px/18px 'entyporegular';  /*border: 1px solid red;*/ }
#content table ul { margin: 0 0 12px 0; padding: 0; }
#content table li { font-size: 14px; line-height: 20px; margin: 4px 0 4px 20px; }
#regions-map {  max-width: 700px; height: auto /*372*/; margin: 18px 0 12px 0; font-size: 12px; }
#content .more { font: 26px/26px 'entyporegular'; color: red; margin: 0 3px 0 10px; }

#content #event { float: left; width: 80%; margin: 12px 0 6px 0; }
#content #event h1 { margin: 12px 0 4px 0; font: 18px/20px 'roboto_slabbold'; color: #0488BF; word-spacing: normal; } /* this is used in News head */
#content #event #date { float: left; overflow: hidden; width: 100%; height: 22px; margin: /*14px*/4px 0 12px 0; color: #666; font: 16px/16px 'roboto_slabregular'; display: inline;  }
#content #event #date .add  { font: 13px/16px 'roboto_slabregular'; color: #666; display: inline; }
#content #event a { text-decoration: none; color: #77B3CE; }
#content #event a:hover { text-decoration: none; }
#content #event #descrip { padding-bottom: 12px; margin: 0 0 12px 0; border-bottom: 1px solid #ccc; }
#content #event #descrip h1 { margin: 12px 0 4px 0; font: 18px/20px 'roboto_slabbold'; color: #000; word-spacing: normal; } /* this is used in News head */
#content #event #descrip h3 { margin: 12px 0 4px 0; font: 18px/20px 'roboto_slabbold'; color: #0488BF; }
#content #event #descrip p { font: 14px/20px 'roboto_slabregular'; margin: 0 0 10px 0; }
#content .icon { font: 38px/18px 'entyporegular';  /*border: 1px solid red;*/ }
.check { font: 38px/18px 'entyporegular';  vertical-align: -4px; /*padding-top: 8px; *//*border: 1px solid red;*/ }

#refs p.footnote { font-size: 10px; line-height: 12px; margin: 0 0 4px 0; }

#content-1c {
	width: 97%; /*border: 1px solid red;*/
	float: left;
	/*padding: 0 14px 0 5px;*/
	margin: 20px 6px 10px 6px;
}
#content-1c p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }
#content-1c p.intro { font: 18px/24px 'roboto_slabregular'; margin: 0 0 12px 0; }
#content-1c p.footnote { font-size: 12px; line-height: 18px; }
#content-1c h4.SP { font: 14px/18px 'roboto_slabbold'; margin: 10px 0 0 0; color: #000000;  word-spacing:normal; letter-spacing: normal; }
#content-1c h4 { font: 16px/20px 'roboto_slabbold'; margin: 10px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content-1c h3 { font: 20px/24px 'roboto_slabbold'; margin: 18px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content-1c h2 { font: 26px/30px 'roboto_slabbold'; margin: 20px 0 0 0; color: #0488BF; word-spacing:normal; letter-spacing: normal;  }
#content-1c h1 { font: 32px/36px 'BebasRegular'; word-spacing: .35em; margin: 0 4px 10px 0; }
#content-1c h3.CB { font: 22px/32px 'BebasRegular'; word-spacing: .30em; color: #000000; margin: 0 4px 4px 0!important;}
#content-1c ul { margin: 0 0 12px 0; padding: 0; }
#content-1c li { font-size: 14px; line-height: 20px; margin: 4px 0 4px 20px; }
#content-1c table { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }
#content-1c table h4 { font: 16px/20px 'roboto_slabbold'; margin: 10px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content-1c table h3 { font: 20px/24px 'roboto_slabbold'; font-weight:bolder; margin: 18px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content-1c table h2 { font: 26px/30px 'roboto_slabbold'; margin: 10px 0 0 0; color: #0488BF; word-spacing:normal; letter-spacing: normal;  }
#content-1c table h1 { font: 32px/36px 'BebasRegular'; word-spacing: .35em; margin: 0 0 10px 0; }
#content-1c table ul { margin: 0 0 12px 0; padding: 0; }
#content-1c table li { font-size: 14px; line-height: 20px; margin: 4px 0 4px 20px; }

#content-well {
	width: 100%; float: left; clear: both; min-height: 526px; z-index: 0!important;
	position: relative; margin: 0 0 20px 0;
	padding: 14px 0px 22px 10px;
	background: #FFF; opacity: 1.0 /*0.9*/; 
}

#content-well h1 { font: 32px/36px 'BebasRegular'; word-spacing: .35em; margin: 0 4px 10px 8px; }

#biz-feature { background: #000; opacity: 0.8; width: 68%; margin-top: 12px; margin-left: 8px; margin-right: 8px; float: left; }
#biz-feature .pic { float: left; margin: 14px 5px 20px 2px/*12px*/; max-width: 270px/*240px*/; z-index: -1; }
#biz-feature p { float: right; width: 63%; font: 15px/22px 'roboto_slabregular'; color: #FFF; margin: 10px 10px 10px 0; }
#biz-feature p.vid { float: right; width: 55%; font: 15px/22px 'roboto_slabregular'; color: #FFF; margin: 10px 10px 10px 0; }
#biz-feature a { color: #0488BF; text-decoration: none; margin-left: 22px; }
#biz-feature a:hover { color: #93d95b;  margin-left: 22px; }

#BDO-cmap { clear: both; float: left; width: 55%; max-width: 476px; height: 480px; margin-top: 12px; margin-bottom: 8px; margin-right: 26px; /*border: 1px solid red;*/ }
#bdomap { /*display: block;*/ max-width: 476px; height: 349px; margin: 0 0 10px 0; /*background: url(images/IFA/RCMap.png) no-repeat;*/ }

#IFA-cmap { clear: both; float: right; width: 55%; max-width: 476px; height: 480px; margin-top: 12px; margin-bottom: 8px; margin-right: 26px; /*border: 1px solid red;*/ }
#IFA-cmap h3 { text-align: center; font: 23px/23px 'BebasRegular'; word-spacing: .25em; margin: 0 0 10px 0;  }
#rcmap { /*display: block;*/ max-width: 476px; height: 445px; margin: 0 0 10px 0; /*background: url(images/IFA/RCMap.png) no-repeat;*/ }

#rcmap ul { margin:0px; padding:0px; }

#rcmap li { list-style: none; }

#rcmap ul.M1 { background:none; }
#rcmap ul.M1 li { border: none; }

#rcmap ul.M2 { border:none; width: 450px; font: 18px/22px 'roboto_slabregular'; width: 95%; }

#rcmap ul.M1 li a {
 color: #7AC142;
 cursor: pointer;
 display:block;
 text-decoration:none;
 width:100%;
}
#rcmap ul.M1 li a:hover { color: #0488BF; }

#rcmap ul.M2 li a {
 color: #0488BF;
 cursor: pointer;
 display:block;
 text-decoration:none;
 width: 95%;
}
#rcmap ul.M2 li a:hover { color: #0488BF; }

#rcmap li:hover { position: relative; }

#rcmap ul.M2 { display: none; }

#rcmap li:hover .M2 { display: block; position: absolute; left: 0; top: 355px; line-height: 20px; padding: 4px 0 8px 10px; font: 14px/15px 'rokkittbold'; }
#rcmap ul.M2 li {
    border: none;
    float:left;
    width: 95%;
}

#rcmap .M2 { background: #D3EDF7; }

#rightcol { float: right; width: 294px; margin-top: 12px; margin-bottom: 8px; margin-right: 26px; }
#twitterfeed { background-color: #999; width: 294px; height: 440px; overflow: hidden; }
#twitlinks { width: 294px; float: right; margin: 12px 0 0 0; }
#twitlinks p { font: 12px/19px 'roboto_slabregular'; margin: 0; }
#twitlinks .link1 { width: 40%; float: left; font: 13px/19px 'roboto_slabregular'; }
#twitlinks .link2 { width: 56%; float: right; font: 13px/19px 'roboto_slabregular'; }
#twitlinks .icon { font: 22px/19px 'entyporegular'; /*padding: 0 3px 0 0;  */ padding-right: 3px; vertical-align: baseline; }
#twitlinks a { color: #49811C; text-decoration: none; }
#twitlinks a:hover { color: #0488BF; text-decoration: none; }

#hot-topics { width: 35%; /*border: 1px solid red;*/ float: left; margin: 22px 14px 6px 2px; }
#hot-topics h3 { font: 23px/23px 'BebasRegular'; word-spacing: .25em; margin: 0 0 10px 0;  }
#ht-item { margin: 2px 0 2px 0; width: 100%; clear: both; font: 15px/22px 'roboto_slabregular'; color: #49811C; }
#hot-topics p { font: 15px/22px 'roboto_slabregular'; color: #49811C; margin: 0 0 12px 0; }
#hot-topics .icon { font: 28px/22px 'entyporegular'; padding: 0 3px 2px 0;  width: 12px; float: left; /*border: 1px solid green;*/ }
#hot-topics a { text-decoration: none; color: #396b10/*49811C*/; padding: 2px 0 2px 0; }
#hot-topics a:hover { text-decoration: none; background: #CFEAF5; padding: 2px 0 2px 0; }

#laura { width: 35%; /*border: 1px solid red;*/ float: left; margin: 22px 14px 6px 2px; }
#laura p { font: 15px/22px 'roboto_slabregular'; color: #49811C; margin: 0 0 12px 0; }
#laura a { text-decoration: none; color: #396b10/*49811C*/; padding: 2px 0 2px 0; }
#laura a:hover { text-decoration: none; background: none; padding: 2px 0 2px 0; }

#dredge { /*border: 1px solid red;*/ float: left; margin: 22px 14px 6px 2px; }
#dredge p { font: 15px/22px 'roboto_slabregular'; color: #49811C; margin: 0 0 12px 0; }
#dredge a { text-decoration: none; color: #396b10/*49811C*/; padding: 2px 0 2px 0; }
#dredge a:hover { text-decoration: none; background: none; padding: 2px 0 2px 0; }

#sctn-intro { width: 45%; /*border: 1px solid red;*/ float: left; margin: 12px 14px 0 2px; }
#sctn-intro h3 { font: 23px/23px 'BebasRegular'; word-spacing: .25em; margin: 0 0 10px 0;  }
#sctn-intro p { font: 15px/22px 'roboto_slabregular'; color: #000; margin: 0 0 12px 0; }
#sctn-intro a { text-decoration: none; color: #396b10/*49811C*/; padding: 2px 0 2px 0; }
#sctn-intro a:hover { text-decoration: none; background: #CFEAF5; padding: 2px 0 2px 0; }

#co-hilite { width: 32%; float: left; /*border: 1px solid red;*/ margin: 22px 2px 6px 0; }
#co-hilite h3 { font: 23px/23px 'BebasRegular'; word-spacing: .25em; margin: 0 0 4px 0;  }
#all-stories { margin: 10px 0 0 0; } 
#all-stories p { font: 14px/19px 'roboto_slabregular'; color: #0488BF; margin: 6px 0 4px 0; }
#all-stories .link { font: 14px/19px 'roboto_slabregular'; } 
#all-stories a { font: 14px/19px 'roboto_slabregular'; text-decoration: none; color: #0488BF; background: url(/images/map-symbol.png) left center no-repeat; }
#all-stories a:hover { color: #93D95B; background: url(/images/map-symbolG.png) left center no-repeat; }

#company { width: 100%; height: 190px; float: left; margin: 10px 0 10px 0; /*border: 1px solid blue;*/ }
.company-item ul {
    padding: 0; list-style-type: none;
    margin: 10px auto;
    width: 100%;
}
.company-item li {
    width: 100%; 
    height: 77px;
    overflow: hidden;
    display: block;
    background: #fff;
    margin-bottom: 4px;
    border-top: 10px solid #49811C;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.company-item li:last-child {
    margin-bottom: 0px;
}
.company-item li a {
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.company-icon {
    position: absolute;  opacity: 0.4;
    width: 130px;
    left: 0; top: 4px; 
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.company-content {
    position: absolute;  
    left: 138px;
    width: 220px;
    height: 60px;
    top: 4px;
}
.company-main {
    font-size: 18px; line-height: 25px; margin-bottom: 0;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.company-sub {
    font-size: 14px; line-height:15px; margin-top: 2px; text-align: left;
    color: #fff; /*#A9A8A8;*/
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.company-item li:hover {
    border-top-color: #000; /*black;*/
    background: #AED888; /*green;*/
}
.company-item li:hover .company-icon {
    opacity: 1.0;
}
.company-item li:hover .company-main {
    color: #000; /*red;*/
    font-size: 15px; line-height: 16px; margin-bottom: 0px!important;
}
.company-item li:hover .company-sub {
    color: #000; font-weight: bolder; 
    font-size: 20px; line-height: 20px; margin-top: 4px!important;
}

#proj-hilite { width: 32%; float: left; /*border: 1px solid red;*/ margin: 22px 2px 6px 2px; }
#proj-hilite h3 { font: 23px/23px 'BebasRegular'; word-spacing: .25em; margin: 0 0 4px 0;  }

#project { clear: both; width: 100%; height: 190px; float: left; margin: 10px 0 10px 0; /*border: 1px solid blue;*/ }
.project-item ul {
    padding: 0; list-style-type: none;
    margin: 10px auto;
    width: 100%;
}
.project-item li {
    width: 100%; 
    height: 77px;
    overflow: hidden;
    display: block;
    background: #fff;
    margin-bottom: 4px;
    border-top: 10px solid #49811C;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.project-item li:last-child {
    margin-bottom: 0px;
}
.project-item li a {
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.project-icon {
    position: absolute;  opacity: 0.4;
    width: 130px;
    left: 0; top: 4px; 
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.project-content { 
    position: absolute;  
    left: 138px;
    width: 200px;
    height: 60px;
    top: 4px;
}
.project-main { 
    font-size: 21px; line-height: 24px; margin-bottom: 0;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.project-sub {
    font-size: 14px; line-height:15px; margin-top: 2px; text-align: left;
    color: #fff; /*#A9A8A8;*/
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.project-item li:hover{
    border-top-color: #000; /*black;*/
    background: #AED888; /*green;*/
}
.project-item li:hover .project-icon {
    opacity: 1.0;
}
.project-item li:hover .project-main {
    color: #000; /*red;*/
    font-size: 16px; line-height: 16px; margin-bottom: 0px!important;
}
.project-item li:hover .project-sub{
    color: #000; font-weight: bolder; 
    font-size: 20px; line-height: 20px; margin-top: 4px!important;
}


#tools { float: right; width: 280px/*340px*/; margin: 0 -6px 15px 15px; }
#media { float: right; width: 160px/*340px*/; margin: 0 -30px 15px 6px; position: static; right:30px; top: 200px; }

#reg-map {  float: right; max-width: 280px; height: auto /*372*/; margin: 14px 0 12px 0;  }
#reg-pics {  float: right; max-width: 280px; height: auto /*372*/; margin: 18px 0 12px 0; font-size: 12px; }

#regions-mapleg { margin: 0 0 12px 50px; height: 80px; }

#resources { background-color: #333; /*margin-top: 36px;*/ padding-bottom: 8px; padding-right: 12px; border: 1px solid #333; box-shadow: 0px 35px 0px 0px #000 inset;  -moz-box-shadow: 0px 35px 0px 0px #000 inset;  -webkit-box-shadow: 0px 35px 0px 0px #000 inset; 
}

#resources h1 { font: 20px/22px 'roboto_slabbold'; color: #FFF; margin: 4px 0 18px 10px!important; word-spacing: normal; }
#resources h2 { font: 14px/18px 'roboto_slabbold'; color: #FFF; margin: 4px 0 18px 10px; word-spacing: normal; }

#resources ul, #resources li { font: 12px/18px 'roboto_slabregular'; color: #FFF; list-style: square; margin: 0 6px 6px 15px; /*0 0 6 6*/ }
#resources p { font: 12px/18px 'roboto_slabbold'; color: #FFF; margin: 16px 0 8px 12px; }
#resources a { font: 12px/18px 'roboto_slabregular'; color: #FFF; text-decoration: none; }
#resources a:hover { font: 12px/18px 'roboto_slabregular'; color: #93E651; text-decoration: none; }
#resources img { border: none; margin-bottom: -2px; }

#green-room {  float: right; width: 200px;  margin: 50px -6px 15px 15px;  }
#GRcontent {  background-color: #e4e3e3;  padding-bottom: 8px;  padding-right: 12px;  padding-left: 12px; border: 1px solid #ccc;  }
#GRcontent h1 {  font: 18px/20px 'roboto_slabbold'; color: #000; margin: 4px 0 18px 10px !important;  word-spacing: normal; }
#GRcontent h2 { font: 14px/18px 'roboto_slabbold';  color: #000; margin: 4px 0 18px 10px;  word-spacing: normal; }
#GRcontent ul, #GRcontent li { font: 12px/18px 'roboto_slabregular';  color: #000; list-style: square;  margin: 0 6px 6px 15px; /*0 0 6 6*/ }
 #GRcontent p { font: 12px/18px 'roboto_slabbold'; color: #000; margin: 16px 0 8px 12px;  }
#GRcontent a { font: 12px/18px 'roboto_slabregular';  color: #336699; text-decoration: underline; }
#GRcontent a:hover { font: 12px/18px 'roboto_slabregular'; color: #000; text-decoration: underline; }
 #GRcontent img { border: none; margin-bottom: -2px; }	

#news-msg { background-color: #E7C8A5; /*margin-top: 86px;*/ margin-top: 20px; padding: 2px 4px 8px 4px; border: none; box-shadow: 0px 35px 0px 0px #E78D24 inset;  -moz-box-shadow: 0px 35px 0px 0px #E78D24 inset;  -webkit-box-shadow: 0px 35px 0px 0px #E78D24 inset; 
}
#news-msg h1 { font: 20px/22px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#news-msg h2 { font: 16px/18px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#news-msg h4 { font: 16px/18px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 12px 4px; word-spacing: normal; }
#news-msg ul, #news-msg li { font: 12px/18px 'roboto_slabregular'; color: #000; list-style: square inside; margin: 0 0 6px 6px; }
#news-msg p { font: 14px/18px 'roboto_slabregular'; color: #000; margin: 0 10px 10px 12px; }
#news-msg a { font: 14px/18px 'roboto_slabbold'; color: #0488BF; text-decoration: none; }
#news-msg a:hover { font: 14px/18px 'roboto_slabbold'; color: #FFF; text-decoration: none; }
#news-msg img { border: none; margin-bottom: -2px; }

#newsletter-feature { width: 340px; float: right; background-color: #E7C8A5; /*margin-top: 86px;*/ margin: 8px -6px 12px 18px; padding: 2px 4px 8px 4px; border: none; box-shadow: 0px 35px 0px 0px #E78D24 inset;  -moz-box-shadow: 0px 35px 0px 0px #E78D24 inset;  -webkit-box-shadow: 0px 35px 0px 0px #E78D24 inset; 
}
#newsletter-feature h1 { font: 20px/22px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#newsletter-feature h2 { font: 16px/18px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#newsletter-feature ul, #newsletter-feature li { font: 12px/18px 'roboto_slabregular'; color: #000; list-style: square inside; margin: 0 0 6px 6px; }
#newsletter-feature p { font: 12px/18px 'roboto_slabregular'; color: #000; margin: 0 10px 10px 12px; }
#newsletter-feature a { font: 12px/18px 'roboto_slabbold'; color: #0488BF; text-decoration: none; }
#newsletter-feature a:hover { font: 12px/18px 'roboto_slabbold'; color: #FFF; text-decoration: none; }
#newsletter-feature img { border: none; margin-bottom: -2px; }


#format { width: 286px; height: 12px; float: left; margin: 5px 8px 10px 10px; } 
#format-wide { display: none; }

#utilities { margin: 10px 0 20px 0; }
#utilities p, #utilities a { font: 13px/14px 'roboto_slabbold'; color: #7AC142; text-decoration: none; cursor: pointer; }
#utilities a:hover { color: #0488BF; text-decoration: none; }
#utilities img { margin-bottom: -2px; }

#sidebar { 
  clear: both; width: 280px; /*26%;*/  /*border: 1px solid green;*/
  float: left; margin: 10px 10px 0 10px; 
}

#sidebar p { font: 14px/20px 'roboto_slabregular'; margin: 0 0 0 10px; }

#sub-nav { font: 12px/18px 'roboto_slabregular'; width:275px; }

#sub-nav h3 { font: 24px/26px 'roboto_slabbold'; margin: 0 0 4px 0;  }

#sub-nav ul { margin:0px; padding:0px; }

#sub-nav li { list-style: none; }

#sub-nav ul.L1 { background:none; }
#sub-nav ul.L1 li { border: none; }

#sub-nav ul.L2 {border:none;}

#sub-nav ul.L1 li a {
 color: #396b10/*7AC142*/;
 cursor: pointer;
 display:block;
 /*height:25px;*/
 line-height: 24px;
 text-indent: 12px;
 text-decoration:none;
 width:100%;
}
#sub-nav ul.L1 li a:hover { color: #0488BF; }

#sub-nav ul.L2 li a {
 color: #0488BF;
 cursor: pointer;
 display:block;
 /*height:25px;*/
 line-height: 20px;
 text-indent: 12px;
 text-decoration:none;
 width:100%;
}
#sub-nav ul.L2 li a:hover { color: #0488BF; }

#sub-nav li:hover { background: #D3EDF7 url(/images/lnav-marker.png) top left no-repeat; position: relative; }

#sub-nav ul.L2 { display: none; }

#sub-nav li:hover .L2 { display: block; position: absolute; left: 35px; top: 24px; line-height: 20px; font: 12px/15px 'roboto_slabregular'; }
#sub-nav ul.L2 li {
    border: none;
    float:left;
    width:230px;
}

#sub-nav .L2 { background: #D3EDF7; }

#blunav-feature { border: 1px solid #1B8EC1; background-color: #E0F4FD; padding: 4px; margin: 32px 0 12px 0; }
#blunav-feature h1 { font: 16px/18px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#blunav-feature h2 { font: 14px/18px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#blunav-feature ul, #blunav-feature li { font: 11px/14px 'roboto_slabregular'; color: #000; list-style: square inside; margin: 0 0 6px 6px; }
#blunav-feature p { font: 11px/14px 'roboto_slabregular'; color: #000; margin: 0 4px 10px 4px; }
#blunav-feature a { font: 11px/14px 'roboto_slabbold'; color: #0488BF; text-decoration: none; }
#blunav-feature a:hover { font: 11px/14px 'roboto_slabbold'; color: #FFF; text-decoration: none; }


#location-nav { font: 12px/18px 'roboto_slabregular'; width:275px; }
#location-nav h3 { font: 24px/26px 'roboto_slabbold'; margin: 0 0 4px 0;  }
#location-nav p { font: 12px/15px 'roboto_slabregular'; }
#location-nav a { color: #396b10/*7AC142*/; cursor: pointer; text-decoration:none; }
#location-nav a:hover { color: #0488BF; background: #D3EDF7; }

#story { margin: 20px 0 15px 0; max-width: 275px; } 
#story-pic { max-width: 275px; border: 4px solid #F2F2F2; box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; -webkit-box-shadow: 2px 2px 3px #aaa; }
#story p { font: 12px/16px 'roboto_slabregular'; margin: 10px 0 5px 0; } 
#story .link { font: 14px/14px 'roboto_slabregular'; margin: -2px 0 5px 0; } 
#story a { font: 14px/14px 'roboto_slabbold'; text-decoration: none; color: #0488BF; background: url(/images/more-marker.png) right center no-repeat; padding-right: 12px; }
#story a:hover { color:#396b10/*49811c*/; background: url(/images/more-markerG.png) right center no-repeat; padding-right: 12px; }
#story h4 { font: 18px/18px 'roboto_slabbold'; color: #C06B08;/*#E78D24*/ margin: 28px 0 8px 0;  word-spacing: normal; }

#cal-left { margin: 20px 0 15px 0; max-width: 275px; } 
#cal-left p { font: 12px/16px 'roboto_slabregular'; margin: 10px 0 5px 0; } 
#cal-left a { text-decoration: none; }
#cal-left h4 { font: 14px/14px 'roboto_slabbold'; color: #0488BF; margin: 28px 0 8px 0;  word-spacing: normal; }

#bottom { width: 90%;  max-width: 1200px; }

#footer {
	clear: both; width: 96%; height: 160px; /*z-index: 0;*/ 
	position:bottom center fixed; background: #333; opacity: 1.0 /*0.9*/;
	margin: 10px 10px 0px 10px; padding: 0 6px 0 10px;
}	
	
#footer p {
	font: 10px/12px 'roboto_slabregular';  margin: 0 0 4px 0; color:#FFF; text-align:left; z-index: 5!important;
}
#footer a {
	font: 10px/12px 'roboto_slabregular'; text-decoration: none; color: #C8C8C8; /*999;*/  margin: 0;
}

#footer a:hover {
	font: 10px/12px 'roboto_slabregular'; text-decoration: none; color:#93d95b; opacity: 1.0; margin: 0;
}

#fc1 { float: left; width: 14%; padding: 6px 6px 10px 0; margin-right: 1%; }
#fc2 { float: left; width: 18%; padding: 6px 6px 10px 3px; margin-right: 1%; }
#fc3 { float: left; width: 18%; padding: 6px 6px 10px 3px; margin-right: 1%; }
#fc4 { float: left; width: 16%; padding: 6px 6px 10px 3px; margin-right: 1%; }
#fc5 { float: right; width: 25%; padding: 6px 0 10px 12px; }
#fc5 p.odva { clear: both; font: 10px/12px 'roboto_slabbold'; margin: 0 0 4px 0; color: #C8C8C8; /*#999;*/ text-align:left; }
#fc5 a.odva { font: 10px/12px 'roboto_slabbold'; text-decoration: none; color: #C8C8C8; /*#999;*/  margin: 0; }
#fc5 a.odva:hover { font: 10px/12px 'roboto_slabbold'; text-decoration: none; color:#93d95b; opacity: 1.0; margin: 0; }

.oac { width: 100px; height: 60px; margin: -20px 10px 0px 0px; opacity: 0.6; vertical-align: top; }
.oct { width: 100px; height: 60px; margin: 10px 10px 0 0; opacity: 0.6; vertical-align: bottom; }
.film { width: 100px; height: 60px; margin: 10px 0 0 0; opacity: 0.6; vertical-align: bottom; }
.fb { width: 100px; height: 60px; margin: 10px 15px 0 0; opacity: 0.6; }
.twtr { width: 100px; height: 60px; margin: 10px 12px 0 0; opacity: 0.6; }
.tube { width: 100px; height: 60px; margin: 10px 5px 0 0; opacity: 0.6; }
.newsletter { float: left; text-align: center; border: none; width: 90%; margin: 0 0 14px 0; } 

#footer .txt-email{
	/*background:url(../images/bg-header-footer-input.gif) no-repeat 0 1px;*/ display: inline;
	border: none; opacity: 1.0; background-color:#FFF; 
	width:134px; height: 28px;  
	box-shadow: 1px 1px 5px 3px #999 inset; -moz-box-shadow: 1px 1px 5px 3px #999 inset; -webkit-box-shadow: 1px 1px 5px 3px #999 inset;
	padding-left: 6px;
	font: 11px 'roboto_slabregular';
	color:#535353;
	float:left;
	margin:0;
}

#footer .btn-subscribe { float:left; text-align: center; border: none; }

#navfoot {
	text-align: left; font: 10px/16px 'roboto_slabregular';
	color: #C8C8C8; /*#999;*/ clear: both; width: 100%; z-index: 0;
	position:bottom center fixed; background: #333; opacity: 0.9;
	height: 25px;
	margin: 0 0 0 20px;
	padding: 12px 0px 0px 0px;
}

#navfoot .adres { margin: 0 0 0 10px; font: 10px/10px 'roboto_slabregular'; text-decoration: none; color:#C8C8C8; /*#999;*/ }
#navbreak { display: none; }
}


/*        M E D I U M   F O R M A T      */

@media all and (max-width: 1200px)  {/* and (min-width: 981px) = all and (max-width: 1200px) and (min-width: 980px)*/
#wrap {
  width: 90%; max-width: 1000px; height: auto; min-width: 986px;
  margin: 0px auto;
  overflow: hidden;
}

h2 { font: 32px/40px 'BebasRegular'; word-spacing: .25em; margin: 0 0 10px 0; }
h3 { font: 16px/20px 'roboto_slabbold'; margin: 0 0 8px 0; }
h4 { font: 16px/16px 'BebasRegular'; word-spacing: .35em; margin: 18px 0 4px 0; }
p { font-size: 18px; line-height: 22px; margin: 0 0 12px 0; }

/*#header:after { content: "Medium Format Layout"; color:#FFF; }*/
#nav {
clear: both; z-index: 5!important; position: relative; height: 30px; width: 100%; background: #3F4C5E; opacity: 1.0; color:#FFF; margin: 14px 0 0 0; padding-top: 4px; text-align: left; }

/* main menu styles */
.menu,.menu ul { list-style: none; margin: 0; padding: 0; }

.menu {
    height: 30px; width: 900px; float: left; list-style: none; /*position: relative;*/ }

.menu ul {
    height:0;
    left:0;
    overflow:hidden;
    position: absolute;
    top: 30px;
}

.menu li {
    float: left; text-align:left; position: relative; margin: 0 5xp 0 2px; padding: 0 2px 0 2px; }
	
.menu li a {
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    background-color:#3F4C5E; opacity: 1.0;
    color:#FFF;
    display:block;
    font: 14px/30px 'BebasRegular';
    word-spacing: .25em;
    padding:0 2px 0 4px; margin: 0 5px 0 2px;
    text-decoration:none;
    transition:0.3s;
}

.menu li:hover > a {
    background:#528744; opacity: 1.0;
    color:#fff;
}

.menu li:hover ul.subs {
    height:auto;
    width: 230px;
}

.menu ul li {
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    opacity:0.0;
    transition:0.3s;
    width:100%;
}

.menu li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.menu li:hover ul li {
    opacity:1.0;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    -webkit-transition-delay:0.3s;
    transition-delay:0.35s;
}

.menu ul li a {
    background:#528744;
    opacity: 1.0;
    color:#fff;
    font: 11px/20px 'roboto_slabregular';
	word-spacing: normal;
    -moz-transition:1.3s;
    -o-transition:1.3s;
    -webkit-transition:1.3s;
    transition:1.3s; padding-left: 6px;
}

.menu li:hover ul li a {
    line-height:20px;
}

.menu ul li a:hover {
    background:#1B3456;
    opacity: 1.0;
}

/* main IFA menu styles */
.imenu,.imenu ul { list-style: none; margin: 0; padding: 0; }

.imenu {
    height: 30px; width: 800px; float: left; list-style: none; /*position: relative;*/ }

.imenu ul {
    height:0;
    left:0;
    overflow:hidden;
    position: absolute;
    top: 30px;
}

.imenu li {
    float: left; text-align:left; position: relative; margin: 0 5xp 0 4px; padding: 0 2px 0 4px; }
	
.imenu li a {
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    background-color:#3F4C5E; opacity: 1.0;
    color:#FFF;
    display:block;
    font: 16px/30px 'BebasRegular';
    word-spacing: .25em; letter-spacing: .03em;
    padding:0 2px 0 4px; margin: 0 5px 0 4px;
    text-decoration:none;
    transition:0.3s;
}

.imenu li:hover > a {
    background:#528744; opacity: 1.0;
    color:#fff;
}

.imenu li:hover ul.subs {
    height:auto;
    width: 300px;
}

.imenu ul li {
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    opacity:0.0;
    transition:0.3s;
    width:100%;
}

.imenu li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.imenu li:hover ul li {
    opacity:1.0;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    -webkit-transition-delay:0.3s;
    transition-delay:0.35s;
}

.imenu ul li a {
    background:#528744;
    opacity: 1.0;
    color:#fff;
    font: 13px/22px 'roboto_slabregular';
	word-spacing: normal;
    -moz-transition:1.3s;
    -o-transition:1.3s;
    -webkit-transition:1.3s;
    transition:1.3s; padding-left: 10px;
}

.imenu li:hover ul li a {
    line-height:22px;
}

.imenu ul li a:hover {
    background:#1B3456;
    opacity: 1.0;
}

#photo { float: right; width: 400px; margin: 0 0 20px 10px; }
#photo p { font: italic 12px/14px 'roboto_slabregular'!important; text-align: center; margin: 8px 0 10px 0!important; }

#stats { float: right; width: 280px; height: auto; margin: 22px 0 3px 10px; background-color: #e36a19; border: none; -moz-border-radius: 0; border-radius: 0; box-shadow: 0 12px 14px 0 #9d4103 inset; -moz-box-shadow: 0 12px 14px 0 #9d4103 inset; -webkit-box-shadow: 0 12px 14px 0 #9d4103 inset; padding:  4px 10px 10px 10px; /*10px;*/ font: 12px/16px 'roboto_slabregular'; color: #FFF; }

#stats h3 { text-align: center; color:#FFF!important; margin: -8px 0 4px 0; font: 16px/20px 'roboto_slabbold'!important; }
#stats span { text-align: center; color: #FFF; margin: 0 0 3px 0; font: 12px/20px 'roboto_slabregular'; }
#stats p { text-align: center; color: #FFF; margin: 0 0 3px 0; font: 12px/20px 'roboto_slabregular'; }

#content { /*border: 1px solid red;*/
	width: 68%; 
	float: left;
	padding: 0 14px 0 5px; 
	margin-top: 10px;
	margin-right: 8px;
	margin-left: 2%; /*18px;*/
}

#content p { font-size: 12px; line-height: 20px; margin: 0 0 12px 0; }
#content p.intro { font: 16px/22px 'roboto_slabregular'; margin: 0 0 12px 0; }
#content p.footnote { font-size: 10px; line-height: 16px; }
#content h4 { font: 16px/20px 'roboto_slabbold'; margin: 10px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content h3 { font: 18px/20px 'roboto_slabregular'; font-weight:bolder; margin: 18px 0 0 0; color: #528744; word-spacing:normal; letter-spacing: normal; }
#content h2b { font: 23px/23px 'BebasRegular'; word-spacing: .25em; margin: 20px 0 13px 0!important; color: #000;  text-align:center; letter-spacing: normal; }
#content h2 { font: 24px/24px 'roboto_slabbold'; margin: 20px 0 0 0; color: #0488BF; word-spacing:normal; letter-spacing: normal; }
#content h1 { font: 28px/30px 'BebasRegular'; word-spacing: .35em; margin: 0 4px 10px 0!important; }
#content h3.CB { font: 20px/20px 'BebasRegular'; word-spacing: .30em; color: #000000; margin: 0 4px 10px 0!important; }
#content ul { margin: 0 0 12px 0; padding: 0; }
#content li { font-size: 12px; line-height: 20px; margin: 4px 0 4px 20px; }
#content table { font-size: 12px; line-height: 20px; margin: 0 0 12px 0; }
#content table h4 { font: 16px/20px 'roboto_slabbold'; margin: 10px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content table h3 { font: 18px/20px 'roboto_slabregular'; font-weight:bolder; margin: 18px 0 0 0; color: #528744; word-spacing:normal; letter-spacing: normal; }
#content table h2 { font: 24px/24px 'roboto_slabbold'; margin: 10px 0 0 0; color: #0488BF; word-spacing:normal; letter-spacing: normal; }
#content table h1 { font: 28px/30px 'BebasRegular'; word-spacing: .35em; margin: 0 0 10px 0; }
#content table .icon { font: 38px/18px 'entyporegular';  /*border: 1px solid red;*/ }
#content table ul { margin: 0 0 12px 0; padding: 0; }
#content table li { font-size: 12px; line-height: 20px; margin: 4px 0 4px 20px; }
#regions-map {  max-width: 600px; height: auto /*372*/; margin: 18px 0 12px 0; font-size: 12px; }

#content .more { font: 22px/22px 'entyporegular'; color: red; margin: 0 3px 0 10px; }

#content #event { float: left; width: 80%; margin: 12px 0 6px 0; }
#content #event h1 { margin: 12px 0 4px 0; font: 16px/20px 'roboto_slabbold'; color: #0488BF; word-spacing: normal; } /* this is used in News head */
#content #event #date { float: left; overflow: hidden; width: 100%; height: 22px; margin: /*14px*/4px 0 12px 0; color: #666; font: 14px/16px 'roboto_slabregular'; display: inline;  }
#content #event #date .add  { font: 11px/16px 'roboto_slabregular'; color: #666; display: inline; }
#content #event a { text-decoration: none; color: #77B3CE; }
#content #event a:hover { text-decoration: none; }
#content #event #descrip { padding-bottom: 12px; margin: 0 0 12px 0; border-bottom: 1px solid #ccc; }
#content #event #descrip h1 { margin: 12px 0 4px 0; font: 16px/20px 'roboto_slabbold'; color: #000; word-spacing: normal; } /* this is used in News head */
#content #event #descrip h3 { margin: 12px 0 4px 0; font: 16px/20px 'roboto_slabbold'; color: #0488BF; }
#content #event #descrip p { font: 12px/20px 'roboto_slabregular'; margin: 0 0 10px 0; }
#content .icon { font: 38px/18px 'entyporegular';  /*border: 1px solid red;*/ }
.check { font: 38px/18px 'entyporegular'; vertical-align: -4px;/*margin-top: 14px; border: 1px solid red;*/ }

#refs p.footnote { font-size: 8px; line-height: 10px; margin: 0 0 4px 0;}

#content-1c {
	width: 97%; /*border: 1px solid red;*/
	float: left;
	/*padding: 0 14px 0 5px;*/
	margin: 20px 6px 10px 6px;
}
#content-1c p { font-size: 12px; line-height: 20px; margin: 0 0 12px 0; }
#content-1c p.intro { font: 16px/22px 'roboto_slabregular'; margin: 0 0 12px 0; }
#content-1c p.footnote { font-size: 10px; line-height: 16px; }
#content-1c h4.SP { font: 14px/18px 'roboto_slabbold'; margin: 10px 0 0 0; color: #000000;  word-spacing:normal; letter-spacing: normal; }
#content-1c h4 { font: 16px/20px 'roboto_slabbold'; margin: 10px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content-1c h3 { font: 18px/20px 'roboto_slabbold'; margin: 18px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content-1c h2 { font: 24px/24px 'roboto_slabbold'; margin: 20px 0 0 0; color: #0488BF;  word-spacing:normal; letter-spacing: normal; }
#content-1c h1 { font: 28px/30px 'BebasRegular'; word-spacing: .35em; margin: 0 4px 10px 0; }
#content-1c h3.CB { font: 20px/20px 'BebasRegular'; word-spacing: .30em; color: #000000; margin: 0 4px 10px 0!important; }
#content-1c ul { margin: 0 0 12px 0; padding: 0; }
#content-1c li { font-size: 12px; line-height: 20px; margin: 4px 0 4px 20px; }
#content-1c table { font-size: 12px; line-height: 20px; margin: 0 0 12px 0; }
#content-1c table h4 { font: 16px/20px 'roboto_slabbold'; margin: 10px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content-1c table h3 { font: 18px/20px 'roboto_slabregular'; font-weight:bolder; margin: 18px 0 0 0; color: #528744;  word-spacing:normal; letter-spacing: normal; }
#content-1c table h2 { font: 24px/24px 'roboto_slabbold'; margin: 10px 0 0 0; color: #0488BF;  word-spacing:normal; letter-spacing: normal; }
#content-1c table h1 { font: 28px/30px 'BebasRegular'; word-spacing: .35em; margin: 0 0 10px 0; }
#content-1c table ul { margin: 0 0 12px 0; padding: 0; }
#content-1c table li { font-size: 12px; line-height: 20px; margin: 4px 0 4px 20px; }

#content-well {
	width: 100%; float: left; clear: both; min-height: 460px; 
	position: relative; margin: 0 0 20px 0;
	padding: 14px 0px 22px 10px;
	background: #FFF; opacity: 1.0 /*0.9*/;
}
#content-well h1 { font: 28px/30px 'BebasRegular'; word-spacing: .35em; margin: 0 4px 10px 8px; }

#biz-feature { background: #000; opacity: 0.8; width: 68%; margin-top: 12px; margin-left: 8px; margin-right: 8px; float: left; z-index: 0!important; }
#biz-feature .pic { float: left; margin: 14px 4px 20px 2px/*12px*/; max-width: 270px/*220px*/; position: relative; z-index: -1; }
#biz-feature p { float: right; width: 58%; font: 14px/22px 'roboto_slabregular'; color: #FFF; margin: 10px 10px 10px 0; }
#biz-feature p.vid { float: right; width: 50%; font: 14px/22px 'roboto_slabregular'; color: #FFF; margin: 10px 10px 10px 0; }
#biz-feature a { color: #0488BF; text-decoration: none; margin-left: 22px; }
#biz-feature a:hover { color: #93d95b;  margin-left: 22px; }

#IFA-cmap { clear: both; float: right; width: 55%; width: 476px; height: 480px; margin-top: 12px; margin-bottom: 8px; margin-right: 26px; /*border: 1px solid red;*/ }
#IFA-cmap h3 { text-align: center; font: 21px/21px 'BebasRegular'; word-spacing: .25em; margin: 0 0 10px 0;  }

#rcmap { /*display: block;*/ width: 476px; height: 445px; margin: 0 0 10px 0; /*background: url(images/IFA/RCMap.png) no-repeat;*/ }

#rcmap ul { margin:0px; padding:0px; }

#rcmap li { list-style: none; }

#rcmap ul.M1 { background:none; }
#rcmap ul.M1 li { border: none; }

#rcmap ul.M2 { border:none; width: 95%; }

#rcmap ul.M1 li a {
 color: #7AC142;
 cursor: pointer;
 display:block;
 text-decoration:none;
 width:100%;
}
#rcmap ul.M1 li a:hover { color: #0488BF; }

#rcmap ul.M2 li a {
 color: #0488BF;
 cursor: pointer;
 display:block;
 text-decoration:none;
 width: 95%;
}
#rcmap ul.M2 li a:hover { color: #0488BF; }

#rcmap li:hover { position: relative; }

#rcmap ul.M2 { display: none; }

#rcmap li:hover .M2 { display: block; position: absolute; left: 0; top: 355px; line-height: 20px; padding: 4px 0 8px 10px; font: 14px/15px 'rokkittbold'; }
#rcmap ul.M2 li {
    border: none;
    float:left;
    width: 95%;
}

#rcmap .M2 { background: #D3EDF7; }

#rightcol { float: right; width: 230px; margin-top: 12px; margin-bottom: 8px; margin-right: 28px; }
#twitterfeed { background-color: #999; width: 230px; height: 420px; overflow: hidden; }
#twitlinks { width: 230px; float: right; margin: 8px 0 0 0; }
#twitlinks p { font: 12px/17px 'roboto_slabregular'; margin: 0; }
#twitlinks .icon { font: 22px/19px 'entyporegular'; /*padding: 0 3px 0 0;  */ padding-right: 3px; vertical-align: baseline; }
#twitlinks .link1 { width: 100%; font: 12px/17px 'roboto_slabregular'; }
#twitlinks .link2 { clear: both; font: 12px/17px 'roboto_slabregular'; }
#twitlinks a { color: #49811C; text-decoration: none; }
#twitlinks a:hover { color: #0488BF; text-decoration: none; }

#hot-topics { width: 33%; /*border: 1px solid red;*/ float: left; margin: 22px 11px 6px 8px; }
#hot-topics h3 { font: 21px/21px 'BebasRegular'; word-spacing: .25em; margin: 0 0 12px 0;  }
#ht-item { margin: 2px 0 2px 0; /*margin: 6px 0 8px 0;*/ width: 100%; clear: both; font: 13px/19px 'roboto_slabregular'; color: #49811C; }
#hot-topics p { font: 13px/19px 'roboto_slabregular'; color: #49811C; margin: 0 0 8px 0; }
#hot-topics .icon { font: 28px/18px 'entyporegular'; padding: 0 3px 2px 0;  width: 12px; float: left; /*border: 1px solid red;*/ }
#hot-topics a { text-decoration: none; color: #396b10/*49811C*/; padding: 2px 0 2px 0; }
#hot-topics a:hover { text-decoration: none; background: #CFEAF5; padding: 2px 0 2px 0; }

#laura { width: 33%; /*border: 1px solid red;*/ float: left; margin: 22px 11px 6px 8px; }
#laura p { font: 13px/19px 'roboto_slabregular'; color: #49811C; margin: 0 0 8px 0; }
#laura a { text-decoration: none; color: #396b10/*49811C*/; padding: 2px 0 2px 0; }
#laura a:hover { text-decoration: none; background: none; padding: 2px 0 2px 0; }

#dredge { /*border: 1px solid red;*/ float: left; margin: 22px 11px 6px 8px; }
#dredge p { font: 13px/19px 'roboto_slabregular'; color: #49811C; margin: 0 0 8px 0; }
#dredge a { text-decoration: none; color: #396b10/*49811C*/; padding: 2px 0 2px 0; }
#dredge a:hover { text-decoration: none; background: none; padding: 2px 0 2px 0; }

#sctn-intro { width: 43%; /*border: 1px solid red;*/ float: left; margin: 12px 11px 0 8px; }
#sctn-intro h3 { font: 21px/21px 'BebasRegular'; word-spacing: .25em; margin: 0 0 12px 0;  }
#sctn-intro p { font: 13px/19px 'roboto_slabregular'; color: #000; margin: 0 0 8px 0; }
#sctn-intro a { text-decoration: none; color: #396b10/*49811C*/; padding: 2px 0 2px 0; }
#sctn-intro a:hover { text-decoration: none; background: #CFEAF5; padding: 2px 0 2px 0; }

#co-hilite { width: 32%; float: left; /*border: 1px solid green;*/ margin: 22px 18px 6px 7px; }
#co-hilite h3 { font: 21px/21px 'BebasRegular'; word-spacing: .25em; margin: 0 0 4px 0;  }
#all-stories { margin: 10px 0 0 0; } 
#all-stories p { font: 12px/17px 'roboto_slabregular'; color: #0488BF; margin: 6px 0 4px 0; }
#all-stories .link { font: 12px/17px 'roboto_slabregular'; } 
#all-stories a { font: 12px/17px 'roboto_slabregular'; text-decoration: none; color: #0488BF; background: url(/images/map-symbol.png) left center no-repeat; }
#all-stories a:hover { color: #93D95B; background: url(/images/map-symbolG.png) left center no-repeat; }

#company { width: 100%; height: 160px; float: left; margin: 10px 0 10px 0; }
.company-item ul {
    padding: 0; list-style-type: none;
    margin: 10px auto;
    width: 100%;
}
.company-item li {
    width: 100%; 
    height: 67px;
    overflow: hidden;
    display: block;
    background: #fff;
    margin-bottom: 4px;
    border-top: 10px solid #49811C;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.company-item li:last-child {
    margin-bottom: 0px;
}
.company-item li a {
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.company-icon {
    position: absolute;  opacity: 0.4;
    width: 100px;
    left: 0; top: 4px; 
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.company-content {
    position: absolute; 
    left: 108px;
    width: 170px;
    height: 54px;
    top: 4px;
}
.company-main {
    font-size: 14px; line-height: 20px; margin-bottom: 0;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.company-sub {
    font-size: 14px; line-height:15px; margin-top: 2px; text-align: left;
    color: #fff; /*#A9A8A8;*/
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.company-item li:hover {
    border-top-color: #000; /*black;*/
    background: #AED888; /*green;*/
}
.company-item li:hover .company-icon {
    opacity: 1.0;
}
.company-item li:hover .company-main {
    color: #000; /*red;*/
    font-size: 12px; line-height: 16px; margin-bottom: 0px!important;
}
.company-item li:hover .company-sub {
    color: #000; font-weight: bolder; 
    font-size: 18px; line-height: 20px; margin-top: 4px!important;
}

#proj-hilite { width: 32%; float: left; /*border: 1px solid red;*/ margin: 22px 2px 6px 8px; }
#proj-hilite h3 { font: 21px/21px 'BebasRegular'; word-spacing: .25em; margin: 0 0 4px 0;  }

#project { clear: both; width: 100%; height: 190px; float: left; margin: 10px 0 10px 0; /*border: 1px solid blue;*/ }
.project-item ul {
    padding: 0; list-style-type: none;
    margin: 10px auto;
    width: 100%;
}
.project-item li { 
    width: 100%; 
    height: 77px;
    overflow: hidden;
    display: block;
    background: #fff;
    margin-bottom: 4px;
    border-top: 10px solid #49811C;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.project-item li:last-child {
    margin-bottom: 0px;
}
.project-item li a {
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.project-icon {
    position: absolute;  opacity: 0.4;
    width: 130px;
    left: 0; top: 4px; 
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.project-content { 
    position: absolute;  
    left: 138px;
    width: 140px;
    height: 60px;
    top: 4px;
}
.project-main { 
    font-size: 18px; line-height: 21px; margin-bottom: 0;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.project-sub {
    font-size: 14px; line-height:15px; margin-top: 2px; text-align: left;
    color: #fff; /*#A9A8A8;*/
    -moz-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.project-item li:hover {
    border-top-color: #000; /*black;*/
    background: #AED888; /*green;*/
}
.project-item li:hover .project-icon {
    opacity: 1.0;
}
.project-item li:hover .project-main {
    color: #000; /*red;*/
    font-size: 12px; line-height: 14px; margin-bottom: 0px!important;
}
.project-item li:hover .project-sub {
    color: #000; font-weight: bolder; 
    font-size: 15px; line-height: 20px; margin-top: 4px!important;
}



#tools { float: right; width: 240px; margin: 0 -14px 15px 15px; }
#media { float: right; width: 140px; margin: 0 -30px 15px 6px; position: static; right:30px; top: 200px; }

#reg-map {  float: right; max-width: 240px; height: auto /*372*/; margin: 14px 0 12px 0;  }
#reg-pics {  float: right; max-width: 240px; height: auto; margin: 18px 0 12px 0; font-size: 12px; }

#regions-mapleg { margin: 0 0 12px 50px; height: 80px; }

#utilities { margin: 10px 0 20px 0; }
#utilities p, #utilities a { font: 13px/14px 'roboto_slabbold'; color: #7AC142; text-decoration: none; cursor: pointer; }
#utilities a:hover { color: #0488BF; text-decoration: none; }
#utilities img { margin-bottom: -2px; }

#resources { background-color: #333; /*margin-top: 36px;*/ padding-bottom: 8px;
	border: 1px solid #333;
	box-shadow: 0px 35px 0px 0px #000 inset;  -moz-box-shadow: 0px 35px 0px 0px #000 inset;  -webkit-box-shadow: 0px 35px 0px 0px #000 inset; 
}

#resources h1 { font: 20px/22px 'roboto_slabbold'; color: #FFF; margin: 4px 0 18px 10px!important; word-spacing: normal; }
#resources h2 { font: 14px/18px 'roboto_slabbold'; color: #FFF; margin: 4px 0 18px 10px; word-spacing: normal; }

#resources ul, #resources li { font: 12px/18px 'roboto_slabregular'; color: #FFF; list-style: square; margin: 0 6px 6px 15px; }
#resources p { font: 12px/18px 'roboto_slabbold'; color: #FFF; margin: 16px 0 4px 12px; }
#resources a { font: 12px/18px 'roboto_slabregular'; color: #FFF; text-decoration: none; }
#resources a:hover { font: 12px/18px 'roboto_slabregular'; color: #93E651; text-decoration: none; }
#resources img { border: none; margin-bottom: -2px; }

 #green-room { float: right; width: 200px; margin: 50px -6px 15px 15px; }

 #GRcontent {  background-color: #e4e3e3; padding-bottom: 8px; padding-right: 12px; padding-left: 12px; border: 1px solid #ccc;  }
#GRcontent h1 {  font: 18px/20px 'roboto_slabbold';   color: #000; margin: 4px 0 18px 10px !important; word-spacing: normal;   }
#GRcontent h2 {  font: 14px/18px 'roboto_slabbold'; color: #000;  margin: 4px 0 18px 10px; word-spacing: normal;  }
#GRcontent ul, #GRcontent li {  font: 12px/18px 'roboto_slabregular';  color: #000;  list-style: square;  margin: 0 6px 6px 15px; /*0 0 6 6*/  }
#GRcontent p { font: 12px/18px 'roboto_slabbold'; color: #000;  margin: 16px 0 8px 12px;  }
#GRcontent a {  font: 12px/18px 'roboto_slabregular';  color: #336699; text-decoration: underline;  }
#GRcontent a:hover {  font: 12px/18px 'roboto_slabregular';  color: #000;  text-decoration: underline;  }
#GRcontent img { border: none; margin-bottom: -2px;  }

#news-msg { background-color: #E7C8A5; /*margin-top: 86px;*/ margin-top: 20px; padding: 2px 4px 8px 4px; border: none; box-shadow: 0px 35px 0px 0px #E78D24 inset;  -moz-box-shadow: 0px 35px 0px 0px #E78D24 inset;  -webkit-box-shadow: 0px 35px 0px 0px #E78D24 inset; 
}
#news-msg h1 { font: 20px/22px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#news-msg h2 { font: 16px/18px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#news-msg h4 { font: 14px/16px 'roboto_slabbold'; color: #000; text-align: center; vertical-align:middle; margin: 6px 0 12px 4px; word-spacing: normal; }
#news-msg ul, #news-msg li { font: 12px/16px 'roboto_slabregular'; color: #000; list-style: square inside; margin: 0 0 6px 6px; }
#news-msg p { font: 12px/16px 'roboto_slabregular'; color: #000; margin: 0 10px 10px 12px; }
#news-msg a { font: 12px/16px 'roboto_slabbold'; color: #0488BF; text-decoration: none; }
#news-msg a:hover { font: 12px/16px 'roboto_slabbold'; color: #FFF; text-decoration: none; }
#news-msg img { border: none; margin-bottom: -2px; }


#newsletter-feature { width: 240px; float: right; background-color: #E7C8A5; /*margin-top: 86px;*/ margin: 8px -14px 12px 18px; padding: 2px 4px 8px 4px; border: none; box-shadow: 0px 35px 0px 0px #E78D24 inset;  -moz-box-shadow: 0px 35px 0px 0px #E78D24 inset;  -webkit-box-shadow: 0px 35px 0px 0px #E78D24 inset; 
}
#newsletter-feature h1 { font: 20px/22px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#newsletter-feature h2 { font: 16px/18px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#newsletter-feature ul, #newsletter-feature li { font: 12px/16px 'roboto_slabregular'; color: #000; list-style: square inside; margin: 0 0 6px 6px; }
#newsletter-feature p { font: 12px/16px 'roboto_slabregular'; color: #000; margin: 0 10px 10px 12px; }
#newsletter-feature a { font: 12px/16px 'roboto_slabbold'; color: #0488BF; text-decoration: none; }
#newsletter-feature a:hover { font: 12px/16px 'roboto_slabbold'; color: #FFF; text-decoration: none; }
#newsletter-feature img { border: none; margin-bottom: -2px; }


#format { width: 210px; height: 12px; float: left; margin: 5px 8px 10px 10px; } 
#format .wide { display: none; }

#sidebar { clear: both; 
  width: 214px; /*24%; border: 1px solid green;*/
  float: left; margin: 10px 0 0 10px; text-decoration: none; 
}

#sidebar p { font: 12px/20px 'roboto_slabregular';  margin: 0 0 0 10px;
}

#sub-nav { font: 11px/16px 'roboto_slabregular'; width: 224px; }

#sub-nav h3 { font: 21px/24px 'roboto_slabbold'; margin: 0 0 4px 0;  }

#sub-nav ul { margin:0px; padding:0px; }

#sub-nav li { list-style: none; }

#sub-nav ul.L1 { background:none; }
#sub-nav ul.L1 li { border: none; }

#sub-nav ul.L2 {border:none;}

#sub-nav ul.L1 li a {
 color: #396b10/*7AC142*/;
 cursor: pointer;
 display:block;
 /*height:25px;*/
 line-height: 24px;
 text-indent: 12px;
 text-decoration:none;
 width:100%;
}
#sub-nav ul.L1 li a:hover { color: #0488BF; }

#sub-nav ul.L2 li a {
 color: #0488BF;
 cursor: pointer;
 display:block;
 /*height:25px;*/
 line-height: 20px;
 text-indent: 10px;
 text-decoration:none;
 width:100%;
}
#sub-nav ul.L2 li a:hover { color: #0488BF; }

#sub-nav li:hover { background: #D3EDF7 url(/images/lnav-marker.png) top left no-repeat; position: relative; }

#sub-nav ul.L2 { display: none; }

#sub-nav li:hover .L2 { display: block; position: absolute; left: 8px; top: 24px; font: 11px/13px 'roboto_slabregular'; }
#sub-nav ul.L2 li {
    border: none;
    float:left;
    width: 211px;
}

#sub-nav .L2 { background: #D3EDF7; }

#blunav-feature { border: 1px solid #1B8EC1; background-color: #E0F4FD; padding: 4px; margin: 32px 0 12px 0; }
#blunav-feature h1 { font: 15px/18px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#blunav-feature h2 { font: 12px/14px 'roboto_slabbold'; color: #000; text-align: center; margin: 6px 0 24px 0px; word-spacing: normal; }
#blunav-feature ul, #blunav-feature li { font: 10px/14px 'roboto_slabregular'; color: #000; list-style: square inside; margin: 0 0 6px 6px; }
#blunav-feature p { font: 10px/14px 'roboto_slabregular'; color: #000; margin: 0 4px 10px 4px; }
#blunav-feature a { font: 10px/14px 'roboto_slabbold'; color: #0488BF; text-decoration: none; }
#blunav-feature a:hover { font: 10px/14px 'roboto_slabbold'; color: #FFF; text-decoration: none; }


#location-nav { font: 11px/16px 'roboto_slabregular'; width: 224px; }
#location-nav h3 { font: 21px/24px 'roboto_slabbold'; margin: 0 0 4px 0;  }
#location-nav p { font: 11px/16px 'roboto_slabregular'; }
#location-nav a { color: #396b10/*7AC142*/; cursor: pointer; text-decoration:none; }
#location-nav a:hover { color: #0488BF; background: #D3EDF7; }


#story { margin: 20px 0 15px 0; max-width: 214px; } 
#story-pic { max-width: 214px; border: 4px solid #F2F2F2; box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; -webkit-box-shadow: 2px 2px 3px #aaa; }
#story p { font: 10px/16px 'roboto_slabregular'; margin: 10px 0 5px 0; padding-right: 12px; } 
#story .link { font: 12px/12px 'roboto_slabregular'; margin: -2px 0 5px 0; } 
#story a { font: 12px/12px 'roboto_slabbold'; text-decoration: none; color: #0488BF; background: url(/images/more-marker.png) right center no-repeat; padding-right: 12px; }
#story a:hover { color:#396b10/*49811c*/; background: url(/images/more-markerG.png) right center no-repeat; padding-right: 12px; }
#story h4 { font: 14px/14px 'roboto_slabbold'; color: #C06B08;/*#E78D24*/ margin: 28px 0 8px 0;  word-spacing: normal; }

#cal-left { margin: 20px 0 15px 0; max-width: 214px; } 
#cal-left p { font: 10px/16px 'roboto_slabregular'; margin: 10px 0 5px 0; } 
#cal-left a { text-decoration: none; }
#cal-left h4 { font: 12px/12px 'roboto_slabbold'; color: #0488BF; margin: 28px 0 8px 0;  word-spacing: normal; }

#bottom { width: 90%; max-width: 1000px; min-width: 986px;}

#footer {
	clear: both; width: 100%; height: 160px; /*z-index: 0;*/ 
	position:bottom center fixed; background: #333; opacity: 0.9;
	margin: 10px 10px 0px 10px; padding: 0 6px 0 8px;
}	
	
#footer p {
	font: 9px/12px 'roboto_slabregular'; margin: 0 0 4px 0; color:#FFF; text-align:left; z-index: 5!important;
}

#footer a {
	font: 9px/12px 'roboto_slabregular'; text-decoration: none; color: #C8C8C8; /*#999;*/ margin: 0;
}

#footer a:hover {
	font: 9px/12px 'roboto_slabregular'; text-decoration: none; color:#93d95b; opacity: 1.0; margin: 0;
}

#fc1 { float: left; width: 13%; padding: 6px 6px 10px 3px; margin-right: 1%; }
#fc2 { float: left; width: 16%; padding: 6px 6px 10px 3px; margin-right: 1%; }
#fc3 { float: left; width: 19%; padding: 6px 6px 10px 3px; margin-right: 1%; }
#fc4 { float: left; width: 17%; padding: 6px 0 10px 3px; margin-right: 1%; }
#fc5 { float: right; width: 25%; padding: 6px 0 10px 3px; }
#fc5 p.odva { clear: both; font: 9px/12px 'roboto_slabbold'; margin: 0 0 4px 0; color:#C8C8C8; /*#999;*/ text-align:left; }
#fc5 a.odva { font: 9px/12px 'roboto_slabbold'; text-decoration: none; color:#C8C8C8; /*#999;*/  margin: 0; }
#fc5 a.odva:hover { font: 9px/12px 'roboto_slabbold'; text-decoration: none; color:#93d95b; opacity: 1.0; margin: 0; }

.oac { width: 100px; height: 60px; margin: -20px 10px 0px 0px; opacity: 0.6; vertical-align: top; }
.oct { width: 100px; height: 60px; margin: 10px 10px 0 0; opacity: 0.6; vertical-align: bottom; }
.film { width: 100px; height: 60px; margin: 10px 0 0 0; opacity: 0.6; vertical-align: bottom; }
.fb { width: 100px; height: 60px; margin: 10px 15px 0 0; opacity: 0.6; }
.twtr { width: 100px; height: 60px; margin: 10px 12px 0 0; opacity: 0.6; }
.tube { width: 100px; height: 60px; margin: 10px 5px 0 0; opacity: 0.6; }
.newsletter { float: left; text-align: center; border: none; width: 90%; margin: 0 0 14px 0; } 

#footer .txt-email{
	/*background:url(../images/bg-header-footer-input.gif) no-repeat 0 1px; display: inline;*/
	border: none; opacity: 1.0; background-color:#FFF; 
	box-shadow: 1px 1px 5px 3px #999 inset; -moz-box-shadow: 1px 1px 5px 3px #999 inset; 
	-webkit-box-shadow: 1px 1px 5px 3px #999 inset;
	width: 92px; height: 28px; 
	padding-left: 6px;
	font: 10px 'roboto_slabregular';
	color:#535353;
	float:left;
	margin:0;
}

#footer .btn-subscribe { float:left;  text-align: center; border: none; }

#navfoot {
	text-align: left; font: 9px/16px 'roboto_slabregular';
	color: #C8C8C8; /*#999;*/ clear: both; width: 100%; z-index: 0;
	position:bottom center fixed; background: #333; opacity: 0.9;
	height: 25px;
	margin: 0 0 0 12px;
	padding: 12px 0px 0px 10px;
}

#navfoot .adres { margin: 0 0 0 10px; font: 10px/10px 'roboto_slabregular'; text-decoration: none; color:#C8C8C8; /*#999;*/ }
#navbreak { display: none; }
}