@charset "utf-8";
/* CSS Document */

html,
body
{
   background: url(/images/en/background.jpg) repeat-x;
   background-color: #97c5eb;
   padding: 0;
   margin: 0;
   height: 100%;
}
img
{
   border: 0;
}
hr
{
   background-color: #ccc;
   color: #ccc;
   height: 1px;
   border: none;
}
a
{
   text-decoration: none;
   color: #00b1dc;
}
a:hover
{
   text-decoration: none;
   color: #d38a3c;
}
.clearCols
{
   clear: both;
}
#mainDiv
{
   width: 980px;
   font: 1em/1.5em Arial, Helvetica, sans-serif;
   margin: 0 auto;
}
#header
{
   position: relative;
   background: url(/images/en/header.png) no-repeat;
   height: 121px;
}
#anniversary
{
	position: absolute;
   top: 15px;
   left: -7px;
}
#globalNav
{
   position: absolute;
   font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: right;
   top: 38px;
   right: 32px;
}
#globalNav a
{
   text-decoration: none;
   color: #fff;
}
#globalNav a:hover
{
   text-decoration: none;
   border-bottom: 1px #fff dotted;
   color: #999px;
}
#navigation
{
   position: absolute;
   right: 19px;
   bottom: 0;
}
#navigation #navFloat
{
   float: right;
   padding: 0px;
   margin: 0px;
}
#navigation #navFloat .dividerFloat
{
   float: left;
}
#logoLink
{
   position: absolute;
   top: 45px;
   left: 34px;
}
#logoLink a
{
   display: block;
   width: 278px;
   height: 60px;
}
#mainImg
{
   background: url(/images/en/content-back.png) repeat-y;
   width: 942px;
   color: #000;
   height: auto;
   padding: 5px 19px;
}
#mainImgContainer
{
   background-color: #434f59;
   width: 942px;
   height: auto;
   padding: 0;
   margin: 0;
}
#bodyContent,
#bodyContentBlog
{
   background: url(/images/en/content-back.png) repeat-y;
   color: #000;
   padding: 15px 25px;
}
#bodyContent #ECHOStaff img,
#progImg img
{
   border: 2px #999 solid;
   padding: 1px;
}
#bodyContent .noBorder,
#bodyContent .cmsEditor form table img
{
   border: 0;
   padding: 0;
}
#bodyContentBlog
{
   padding: 0 25px;
}
#mainLeft
{
   float: left;
   width: 625px;
   padding: 0 15px 5px 25px;
}
#mainRight
{
   float: right;
   width: 250px;
}
#mainRight #blogContent
{
	padding-top: 10px;
   padding-left: 15px;
   padding: 10px 25px 0 15px;
}
#leftNavColumn
{
   float: left;
   width: 240px !important;
   padding: 0;
   margin: 0;
}
#mainBox
{
   width: 635px;
   margin: 0 auto;
   padding-top: 20px;
}
#mainBoxTop
{
   background: url(/images/en/box_main-heading.gif) no-repeat;
   height: 19px;
}
#mainBoxContent
{
   background: url(/images/en/box_main-back.gif) repeat-y;
   min-height: 150px;
   padding: 15px;
}
#mainBoxBottom
{
   background: url(/images/en/box_main-footer.gif) no-repeat;
   height: 10px;
}
#blogContent ul
{
   margin: 0;
}
#blogContent li
{
   margin: 0 0 5px -30px;
   list-style-position: outside;
   list-style-image: url(/images/en/bullet.gif);
   font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
#blogContent li a
{
	color: #a21e21;
   font-weight: bold;
}
#blogContent li a:hover
{
   color: #d38a3c;
   text-decoration: underline;
}
h1#leftNavTitle,
h2#leftNavTitle,
#leftNavTitle .pageTitle
{
   background: url(/images/en/left-nav_divider-line.png) bottom no-repeat;
   padding: 20px 25px 15px 25px;
   font-size: 18px;
   font-weight: bold;
   text-transform: none;
   color: #00b1dc;
}
.navMenu,
#categories-3 ul
{
   float: left;
   width: 240px;
   padding: 0;
   margin: 0;
   margin-bottom: 20px;
   font-size: 13px;
}
.navMenu li,
#categories-3 li
{
   float: left;
   display: block;
   background: url(/images/en/left-nav_off.png) no-repeat;
   width: 100% !important;
   height: 39px !important;
   padding: 0;
   margin: 0;
   list-style-type: none;
   color: #00b1dc;
   font-weight: bold;
   line-height: 18px;
   text-indent: 25px;
   overflow: hidden;
}
.navMenu li a,
#categories-3 li a
{
   float: left;
   display: block;
   text-decoration: none;
   width: 100% !important;
   height: 39px !important;
   padding: 6px 0 0 25px;
   /* IE6 hack to fix double-padding bug */
   _height: 90%;
   _width: 92%;
   color: #00b1dc;
   text-indent: 0;
   overflow: hidden;
}
.navMenu li.active a,
.navMenu li a:hover,
#categories-3 li.active a,
#categories-3 li a:hover
{
   float: left;
   background: url(/images/en/left-nav_on.png) no-repeat;
   text-decoration: none;
   list-style-type: none;
   cursor: pointer;
   color: #fff;
}
.content,
#contentRightColumn,
#contentRightColumnBlog
{
   float: left;
   width: 635px;
   padding: 25px;
   min-height: 350px;
}
#contentRightColumnBlog
{
   padding: 35px 25px;
}
#contentRightColumn .content
{
   float: left;
   width: auto;
   padding: 0;
   margin: 0;
}
.content .pageTitle,
#contentRightColumn .pageTitle
{
   display: none;
}
#footer
{
   background: url(/images/en/footer.png) no-repeat;
   height: 77px;
   padding: 15px 35px;
   color: #fff;
   font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
#footer a
{
   text-decoration: none;
   color: #fff;
}
#footer a:hover
{
   text-decoration: none;
   border-bottom: 1px #fff dotted;
   color: #999px;
}
#footerLinks
{
   float: left;
   width: 300px;
}
#copyright
{
   float: right;
   width: 450px;
   text-align: right;
}
/* DHTML Nav Styles */
      
/* Quick Menu */
/*
 * All.
 */
 
.qmmc
{ 
   background-color: transparent;
}
/*
 * Main items.
 */
.qmmc a
{
   background-color: #007f9e !important;
}

/*
 * Main hover state.
 */
.qmmc a:hover
{ 
   background-color: #d38a3c !important;
}

/*
 * Main active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc .qmactive
{ 
   background-color: #d38a3c !important;
}

/*
 * Main parent items.
 */
.qmmc .qmparent
{
   /*
   background-image: url(/images/en/core/menu_arrow_down.gif);
   background-position: 95%;
   background-repeat: no-repeat;
   */
}

/*
 * Sub containers.
 */
.qmmc div
{
   background-color: #007f9e;
   margin-top: 1px;
   padding: 0;
   width: 125px;
   width: auto !important;
   min-width: 125px;
   border: none;
   color: #fff;
   font: 16px/18px Arial, Helvetica, sans-serif;
   font-weight: bold;
   /*
   border-bottom: 1px #fff solid;
   */
}

.qmmc div a,
.qmmc div .qmactive
{
   border-bottom: 1px #fff solid !important;
   color: #fff;
}

/*
 * Sub hover state.
 */
.qmmc div a:hover
{
   text-decoration: none;
}


/*
 * Sub active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc div .qmactive
{
   background-color: #d38a3c !important;
   color: #fff !important;
}


/*
 * Sub parent items.
 */
.qmmc div .qmparent 
{
   background: url(/images/en/menu_arrow_right.gif) right no-repeat;
}


/*
 * Sub items.
 */
.qmmc div a
{
   min-width: inherit !important;
   padding: 2px 15px 2px 15px !important;
}

.qmmc div div
{
   margin-top: -1px;
   min-width: auto !important;
   border: none;
   border-bottom: 1px #fff solid;
}

.qmmc div div a
{
   background-color: #007f9e !important;
   color: #fff !important;
}

.qmmc div div a:hover
{
   background-color: #d38a3c !important;
   color: #fff !important;
}
/*               */
/*  Blog Styles  */
/*               */
#sidebar
{
   padding: 0;
   margin: 0;
}
#searchform
{
   margin: 10px 0;
   width: 240px;
   text-align: center;
}
#commentform textarea
{
   width: 475px;
   padding: 2px;
}
#sidebar .notice
{
   font-size: 10px;
   text-align: center;
   line-height: 12px;
   padding-top: 35px;
}
.post
{
   padding: 0 25px;
   padding-right: 15px;
}
h2,
#content .post h2,
.post h2
{
   background: url(/images/en/left-nav_divider-line.png) bottom no-repeat;
   padding: 10px 25px;
   font-size: 14px;
   font-weight: bold;
   color: #00b1dc;
   text-transform: uppercase;
}
#content h2,
#content .post h2,
.post h2
{
   background: none;
   border: 1px #ccc solid;
   border-right: none;
   border-left: none;
   font-size: 14px;
   color: #666;
   padding: 5px 0;
   margin: 10px 0 5px 0;
   text-transform: none;
}
#content .pagetitle2
{
   border: none;
   text-transform: uppercase;
   font-size: 16px;
   padding: 0;
   margin: 0;
}
.post small
{
   display: block;
   text-align: right;
   font-style: italic;
}
.post .entry,
.post .postmetadata
{
   padding-left: 25px;
   font-size: 14px;
   line-height: 18px;
}
#search-3,
#categories-3,
#archives-3
{
   list-style-type: none;
}
#sidebar select
{
   margin-left: 25px;
}
#contentRightColumnBlog .navigation
{
   border: 1px #ccc solid;
   border-right: none;
   border-left: none;
   padding: 5px 0;
   margin: 10px 0 20px 0;
   font-size: 12px;
   line-height: 14px;
}
#contentRightColumnBlog .navigation .alignleft
{
   float: left;
   width: 300px;
}
#contentRightColumnBlog .navigation .alignright
{
   float: right;
   width: 300px;
   text-align: right;
}
/*  Map  */
#progImg
{
   padding-top: 10px;
   text-align: center;
}
#progZoomMaps
{
   padding-top: 10px;
}
#programMapPopup
{
   padding: 0;
   margin: 0;
}
#progAddlContent
{
	padding-bottom: 15px;
}