body

{
margin: 0;
padding: 0;
font: normal .72em/1.5em 'Arial', sans-serif;
background: #fff;
/*text-align: center;
*/
height: 100%;
}
.contentarea

{
font: normal 11px/22px Arial;
}
/***********************
LAYOUT
************************/
.link1

{
font: normal 11px/22px Arial;
text-decoration: underline;
color: #000;
}
.link1:hover

{
font: normal 11px/22px Arial;
text-decoration: none;
color: #000;
}
.wrap

{
width: 772px;
margin: 0 auto;
top: 0;
padding: 0;
}
/* header */
.header

{
height: 104px;
float: left;
text-align: left;
margin: 0;
padding: 0;
width: 772px;
background:  url(/app_themes/bec/images/header-bg.jpg) no-repeat;
cursor:pointer;
}
/* header menu */
.menu

{
margin: 0;
padding: 0 0 0 0;
width: 770px;
background: url(/app_themes/bec/images/menu-bg.jpg) repeat-x 0 0;
float: left;
height: 30px;
border-right: 1px solid #bec0bf;
border-left: 1px solid #bec0bf;
}
* html .menu

{ margin-bottom: -2px;
}
.menu ul

{
width: 100%;
color: #04513A;
margin: 0;
padding: 0;
display: inline;
float: left;
height: 30px;
}
.menu li

{
float: left;
list-style: none;
margin: 0 0 0 0;
padding: 8px 0 0 0;
height: 25px;
font-weight: normal;
display: inline;
position: relative;
}
.menu li a

{
color: #04513A;
font: bold 11px/11px Arial;
padding: 9px 20px 6px 20px;
margin: 0;
text-transform: uppercase;
text-decoration: none;
}
.menu li a:hover

{
background: url(/app_themes/bec/images/menu-hoverbg.jpg) repeat-x 0 0;
font: bold 11px/11px Arial;
color: #fff;
padding: 9px 20px 6px 20px;
}
* html .menu li a

{ padding: 8px 20px 7px 20px;
}
* html .menu li a:hover

{ padding: 8px 20px 7px 20px;
}
.topnav

{ margin-bottom: -2px;
}
.topnavoff

{
color: #e2c6b1;
font: bold 11px/11px Arial;
padding: 9px 20px 6px 20px;
margin: 0;
height: 30px;
text-transform: uppercase;
text-decoration: none;
}
.topnavon

{
background: url(/app_themes/bec/images/menu-hoverbg.jpg) repeat-x 0 0;
font: bold 11px/11px Arial;
color: #fff;
height: 30px;
padding: 9px 20px 6px 20px;
}
.clear

{
clear: both;
}
.content-wrap

{
clear: both;
float: left;
width: 770px;
margin: 0;
text-align: left;
background: #fff;
border-left: 1px solid #bec0bf;
border-right: 1px solid #bec0bf;
}
.content-home

{
width: 770px;
clear: both;
text-align: left;
padding: 0;
margin: 0;
}
.content

{
width: 770px;
clear: both;
padding: 0;
margin: 0;
}
.top-photo

{
clear: both;
background: url(/app_themes/bec/images/forest.jpg) no-repeat;
width: 770px;
height: 225px;
margin: 2px 0 0 0;
padding: 0;
}
.heading-home

{
clear: both;
width: 770px;
height: 72px;
margin: 0;
padding: 0;
background: url(/app_themes/bec/images/home-heading.jpg) no-repeat;
}
.heading-home h1

{
margin: 0;
padding: 38px 0 0 200px;
color: #fff;
font: normal 20px Arial;
}
.pagetitle

{
margin: 0;
padding: 38px 0 0 200px;
color: #fff;
font: normal 20px Arial;
}
.heading-content

{
clear: both;
width: 770px;
height: 45px;
margin: 1px 0 0 0;
padding: 0;
background: url(/app_themes/bec/images/content-heading.jpg) no-repeat;
}
.heading-content h1

{
margin: 0;
padding: 10px 0 0 50px;
color: #fff;
font: normal 20px Arial;
}
/* side navigation menu */
.sidenav-home

{
float: left;
width: 179px;
margin: 0;
padding: 0;
}
.sidenav-home img

{
margin: 0;
padding: 15px 20px 15px 19px;
background: #bcd6e3;
}
.sidenav-home h2

{
float: left;
width: 100%;
height: 27px;
margin: 0;
padding: 13px 0 0 0;
vertical-align: middle;
text-align: center;
background: #639fbe;
color: #fff;
font: bold 14px/15px Arial;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-transform: uppercase;
}
.sidenav-home .linkholder

{
float: left;
width: 100%;
margin: -4px 0 0 0;
padding: 0;
background: #a2bfce;
border: none;
border-bottom: 1px solid #fff;
}
.sidenav-home .linkholder a

{
float: left;
margin: 0;
padding: 10px 20px 10px 20px;
color: #000;
font: bold 10px/16px Arial;
text-decoration: underline;
text-align: left;
}
.sidenav

{
float: left;
width: 195px;
margin: 5px 0 0 0;
padding: 0;
}
.sidenav img

{
margin: 0;
padding: 0;
}
.sidenav h2

{
float: left;
width: 100%;
height: 40px;
margin: 0;
padding: 0;
text-align: center;
background: #639fbe;
color: #fff;
font: bold 11px/11px Arial;
}
.sidenav .fade

{
clear: both;
width: 195px;
height: 236px;
margin: 0;
padding: 0;
background: url(/app_themes/bec/images/sidenav-menu.jpg) no-repeat;
float: left;
}
* html .sidenav .fade

{ margin-top: -5px;
}
.sidenav ul.sidemenu

{
margin: 0;
padding: 0;
width: 195px;
text-decoration: none;
background: #bcd6e3;
}
.sidenav ul.sidemenu li

{
padding: 0px;
margin: 0;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: left;
display: block;
width: 195px;
height: 36px;
background: url(/app_themes/bec/images/sidelink-bg.jpg) no-repeat 0 0;
}
.sidenav ul.sidemenu a

{
display:block;
font: normal 11px/11px Arial;
color: #000;
padding: 11px 10px 15px 35px;
margin: 0;
text-decoration:none;
/*background: url(../images/sidenav-light.jpg) no-repeat;
*/

}
.sidenav ul.sidemenu a:hover

{
color: #639fbe;
text-decoration: none;
}
.sidenav ul.sidemenu li.sub

{
padding: 0px;
margin: 0;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: left;
display: block;
width: 195px;
height: 28px;
background: url(/app_themes/bec/images/submenu.jpg) no-repeat 0 0;
}
.sidenav ul.sidemenu li.sub a

{
display:block;
font: normal 11px/11px Arial;
color: #000;
padding: 8px 10px 15px 45px;
margin: 0;
text-decoration:none;
/*background: url(../images/sidenav-light.jpg) no-repeat;
*/

}
* html .sidenav ul.sidemenu li.sub a

{ padding: 8px 10px 0px 45px;
}
.sidenav ul.sidemenu a.current

{
color: #fff;
background: url(/app_themes/bec/images/sidenav-current.jpg) no-repeat;
}
.sidenav ul.sidemenu li.sub a:hover

{
text-decoration: underline;
color: #000;
}
.sidenav ul.sidemenu a.current:hover

{
color: #fff;
text-decoration: none;
}
/* main */
.main

{
float: right;
width: 571px;
margin: 0 0 0 3px;
padding: 0 0 0 0;
}
.main h2

{
width: 540px;
margin: 5px 0 0 0;
padding: 5px 0 5px 20px;
background: #fff;
color: #639fbe;
font: normal 18px/22px Arial;
}
.main-home

{
float: right;
width: 589px;
margin: 0 0 0 1px;
padding: 0 0 0 0;
}
.path

{
clear: both;
width: 566px;
height: 21px;
margin: 5px 0 0 0;
padding: 0;
background: url(/app_themes/bec/images/path.jpg) no-repeat;
}
p.home

{
background: #bcd6e3;
margin: 15px;
padding: 20px;
color: #000;
font: normal 11px/22px Arial;
}
.main-content

{
background: url(/app_themes/bec/images/content-fade.jpg) no-repeat 0 0;
margin: 0;
width: 571px;
padding: 0 0 0 0;
color: #000;
font: normal 11px/22px Arial;
}
.main p

{
margin: 10px 10px 20px 10px;
padding: 5px 20px 0 10px;
color: #000;
font: normal 11px/22px Arial;
}
img.logo

{
float: left;
margin: 0 35px 0 20px;
width: 139px;
}
img.project

{
float: left;
margin: 10px 15px 0 20px;
}
p.slogan

{
margin: 0 20px 0 40px;
color: #639fbe;
float: left;
font: normal 11px/22px Arial;
}
/* footer */
.footer

{
clear: both;
width: 772px;
padding: 0;
background: #fff url(/app_themes/bec/images/footercurve.jpg) no-repeat 0 0;
height: 118px;
margin: 0 auto;
}
.footer p

{
float: left;
margin: 20px 0 0 20px;
padding: 0;
text-align: left;
font: normal 11px/22px Arial;
color: #000;
}
.footer a

{
font: normal 11px/22px Arial;
text-decoration: underline;
color: #000;
}
.footer a.first

{
margin-right: 8px;
}
.footer a.last

{
margin-left: 7px;
}
.pagetitleinner1

{
margin: 0;
padding: 10px 0 0 50px;
color: #fff;
font: normal 20px Arial;
}
.pagetitleinner2

{
width: 540px;
margin: 5px 0 0 0;
padding: 5px 0 5px 20px;
background: #fff;
color: #639fbe;
font: normal 18px/22px Arial;
}
/* Left navigation done by Eric on 4/20/09 */
/* Parent level left navigation */
.RightNav

{
margin: 0px;
/*width: 165px;
background-color:#d4d4d4;
*/

}
.rightoff

{
/*background-color: #d4d4d4;
border-left: solid 4px #FFFFFF;
*/

}
.rightoff1

{
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: white!important;
text-decoration: none;
background: #dbe7cf;
font: normal 11px/11px Arial;
color: #000000;
width: 165px;
height: 36px;
line-height:36px;
padding: 0px 0px 0px 30px;
text-align:left;
display:block;
}
.rightoff1 a

{
background-attachment: scroll;
background: url(/app_themes/bec/images/sidelink-bg.jpg) no-repeat 0 0;
font: normal 11px/11px Arial;
TEXT-DECORATION: none;
color: #000000;
width: 165px;
height: 36px;
line-height:36px;
padding: 0px 0px 0px 30px;
text-align:left;
display:block;
}
.rightoff1 a:hover

{
color: #639fbe;
text-decoration: none;
}
.righton1

{
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: white!important;
/*text-decoration: none;
background: #dbe7cf;
font: normal 11px/11px Arial;
color: #ffffff;
width: 165px;
height: 36px;
line-height:36px;
text-align:left;
display:block;
*/

}
.righton1 a

{
background-attachment: scroll;
background: url(/app_themes/bec/images/sidenav-current.jpg) no-repeat 0 0;
font: normal 11px/11px Arial;
TEXT-DECORATION: none;
color: #ffffff;
width: 165px;
height: 36px;
line-height:36px;
padding: 0px 0px 0px 30px;
text-align:left;
display:block;
}
.righton1 a:hover

{
TEXT-DECORATION: none;
color: #ffffff;
}
/* second level left navigation */
.leftnavsub1

{
/*border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: white!important;
*/
text-decoration: none;
font: normal 11px/11px Arial;
color: #000000;
width: 150px;
height: 28px;
line-height:28px;
padding: 0px 0px 0px 45px;
text-align:left;
display:block;
}
.leftnavsub1 a

{
background-attachment: scroll;
background: url(/app_themes/bec/images/submenu.jpg) no-repeat 0 0;
font: normal 11px/11px Arial;
TEXT-DECORATION: none;
color: #000000;
width: 150px;
height: 28px;
line-height:28px;
padding: 0px 0px 0px 45px;
text-align:left;
display:block;
}
.leftnavsub1 a:hover

{
color: #000000;
text-decoration: underline;
}
/* Breadcrumbs */
.breadcrumbs

{
font-family: Arial;
font-size: 11px/11px;
color:#62062d;
}
.breadcrumbs a

{
font: normal 11px/11px Arial;
color: #000;
text-decoration: none;
}
.breadcrumbs a:hover

{
font: normal 11px/11px Arial;
color: #000;
text-decoration: underline;
}
/* extra css that may not be needed */
.righton

{
background-attachment: scroll;
background: url(/app_themes/bec/images/sidenav-current.jpg) no-repeat;
}
.rightsuboff1

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
--text-transform:uppercase;
color: #000000;
background-color: #d4d4d4;
/*width: 194px;
*/
height: 35px;
/*text-indent:10px;
*/
padding-left:20px;
text-decoration:underline;
font-weight:normal;
text-align:left;
display:block;
}
///============
.rightsubon2

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
FONT-WEIGHT: bold;
/*text-transform:uppercase;
*/
color: #000000;
background-color: #d4d4d4;
/*width: 194px;
*/
height: 25px;
padding-top:0px;
padding-left:20px;
text-align:left;
display:block;
background-image:none!important;
}
.rightsubon2 a

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
FONT-WEIGHT: bold!important;
text-decoration:none!important;
/*text-transform:uppercase;
*/
color: #000000;
background-color: #d4d4d4;
/*width: 194px;
*/
height: auto;
padding-left:30px;
padding-top:0px;
text-align:left;
display:block;
background-image:none!important;
}
.rightsubon2 a:hover

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
FONT-WEIGHT: bold!important;
text-decoration:none!important;
/*text-transform:uppercase;
*/
color: #000000;
background-color: #d4d4d4;
/*width: 194px;
*/
height: auto;
padding-left:30px;
padding-top:0px;
text-align:left;
display:block;
background-image:none!important;
}
.rightsuboff2

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
padding-top:0px;
border-top-width: 0px!important;
border-top-style: none;
--border-top-color: white!important;
--text-transform:uppercase;
color: #000000;
background-color: #d4d4d4;
/*width: 194px;
*/
height: auto;
min-height:25px;
/*text-indent:10px;
*/
text-decoration:underline;
font-weight:normal;
text-align:left;
display:block;
background-image:none!important;
background-color: #d4d4d4;
}
.rightsuboff2  a

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
padding-top:0px;
--text-transform:uppercase;
color: #000000;
background-color: #d4d4d4;
/*width: 194px;
*/
height: auto;
/*text-indent:10px;
*/
text-decoration:underline;
font-weight:normal;
text-align:left;
display:block;
background-image:none!important;
background-color: #d4d4d4;
}
.rightsuboff2  a:hover

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
--text-transform:uppercase;
color: #2a66af;
;
background-color: #d4d4d4;
/*width: 194px;
*/
height: auto;
/*text-indent:10px;
*/
text-decoration:none;
font-weight:normal;
text-align:left;
display:block;
background-image:none!important;
}
//===================
.rightsuboff1 a

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
--text-transform:uppercase;
color: #2a66af;
background-color: #d4d4d4;
/*width: 194px;
*/
height: auto;
/*text-indent:10px;
*/
padding-left:30px;
padding-top:5px;
text-decoration:underline;
background-position :5px 5px;
font-weight: bold;
text-align:left;
display:block;
}
.rightsuboff1 a:hover

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
--text-transform:uppercase;
color: #2a66af;
background-color: #d4d4d4;
/*width: 194px;
*/
height: auto;
/*text-indent:10px;
*/
padding-left:30px;
padding-top:5px;
text-decoration:none;
font-weight: bold;
text-align:left;
display:block;
}
.rightsubon1

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
text-decoration:underline;
/*text-transform:uppercase;
*/
color: #000000;
background-color: #d4d4d4;
/*width: 194px;
*/
height: 35px;
padding-left:20px;
font-weight: bold;
text-align:left;
display:block;
}
.rightsubon1 a

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
text-decoration:none;
/*text-transform:uppercase;
*/
color: #2a66af;
background-color: #d4d4d4;
/*width: 194px;
*/
height: auto;
padding-left:30px;
font-weight: bold;
text-align:left;
display:block;
}
.rightsubon1 a:hover

{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px!important;
--text-transform:uppercase;
color: #2a66af;
background-color: #d4d4d4;
/*width: 194px;
*/
height: auto;
/*text-indent:10px;
*/
padding-left:30px;
text-decoration:none;
font-weight: bold;
text-align:left;
display:block;
}