/* FE_greenSelect CSS */
body{background:#eaeaea url(../../img/global/bg.jpg) top center no-repeat; margin:0; color:#5e6267;
	font:12px "lucida grande", "lucida sans", verdana, arial, sans-serif;}
	
ul{margin:2px 0 0 8px; padding:0; list-style:none; color:#567ba8;}
li{margin:2px 0 0 0; padding:0; font-size:14px;}

/* HOME SPECIFIC based on width*/
#wrapHome{margin:0 auto; text-align:left; width:780px; margin-top:30px;}
#flashFile{float:left; display:inline;}

#wrapSub{margin:0 auto; text-align:left; width:880px; top:0px;}

.header{position:absolute; top:10px; margin:0 auto;}
.header .logo{position:absolute; z-index:2; top:0px;}
.header .menu{position:absolute; z-index:3; top:58px; left:340px; width:530px;}
.header .menu a{float:left; padding-right:10px;}
#flashFile{position:absolute; width:880px; height:180px; z-index:1; border:none; top:80px;}

.content{position:absolute; z-index:4; top:250px; margin:0 0 0 2px;}
.content .left{position:absolute; background:url(../../img/global/subContentLeftBG.jpg) no-repeat top left; width:307px; height:292px; top:20px;}
.content .left .header{left:20px;}
.content .left .copy{position:relative; margin:56px 0 0 20px;}

.content .left .copy h1{width:270px; font-size:21px; margin:0 0 4px 0; padding:0 0 0 0; color:#3d4d6f;}
.content .left .copy h2{width:270px; font-weight:normal; font-size:15px; margin:0 0 8px 0; padding:0 0 0 0; color:#567ba8;}
.content .left .copy h3{width:270px; font-weight:normal; font-size:12px; margin:0 0 12px 0; padding:0 0 0 0; color:#5e6267;}
.content .left .copy h4{width:270px; font-size:15px; margin:0 0 0 0; padding:0 0 0 0; color:#3d4d6f; text-align:right;}
.content .left .copy h5{width:270px; font-weight:normal; font-size:15px; margin:0 0 8px 0; padding:0 0 0 0; color:#3d4d6f;}

.content .left .copy ul{margin:2px 0 0 8px; padding:0; list-style:none; color:#5e6267;}
.content .left .copy li{margin:2px 0 0 0; padding:0; font-size:12px;}
.content .left .copy a img{float:left; display:inline;}

.content .left .copy p{width:270px;}
.content .left .copy img{float:right; margin:0 0 12px 12px;}

.content .right{position:absolute; left:337px; top:30px; width:510px;}
.content .right .header{position:relative; left:2px;}
.content .right .copy{position:relative;}
.content .right .copy h2{padding:20px 0 0 0; margin:0; color:#567ba8; font-weight:normal; font-size:18px;}
.content .right .copy h3{padding:6px 0 0 0; margin:0 0 -4px 0; color:#e8a925; font-weight:normal; font-size:15px;}
.content .right .copy h4{padding:0 0 0 0; margin:0; color:#e8a925; font-weight:normal; font-size:15px;}
.content .right .copy h5{padding:8px 0 6px 0; margin:0; color:#5e6267; font-weight:normal; font-size:15px;}
.content .right .copy p{padding:8px 0 0 0; margin:0;}
#wrapSub .content .right .footer{padding:0; margin:30px 0 20px 0; width:510px;}
#wrapSub .content .right .footer .menu{float:left; display:inline; width:390px; text-align:left;}
#wrapSub .content .right .footer .FE{float:left; display:inline; width:110px; text-align:right;}

.aboutContent{position:absolute; z-index:4; margin:0 0 0 2px;}
.aboutContent .aboutLeft{position:absolute; background:url(../../img/global/aboutLeftBG.png) no-repeat top left; width:309px; height:600px; top:120px;}
.aboutContent .aboutLeft .header{top:35px; left:20px;}
.aboutContent .aboutLeft .copy{position:relative; margin:62px 0 0 20px;}
.aboutContent .aboutLeft .copy h1{width:270px; font-size:21px; margin:0 0 4px 0; padding:0 0 0 0; color:#3d4d6f;}
.aboutContent .aboutLeft .copy h2{width:270px; font-weight:normal; font-size:15px; margin:0 0 8px 0; padding:0 0 0 0; color:#567ba8;}
.aboutContent .aboutLeft .copy h3{width:270px; font-weight:normal; font-size:12px; margin:0 0 12px 0; padding:0 0 0 0; color:#5e6267;}
.aboutContent .aboutLeft .copy h4{width:270px; font-size:15px; margin:0 0 0 0; padding:0 0 0 0; color:#3d4d6f; text-align:right;}
.aboutContent .aboutLeft .copy h5{width:270px; font-weight:normal; font-size:15px; margin:0 0 8px 0; padding:0 0 0 0; color:#3d4d6f;}

.aboutContent .aboutLeft .copy p{width:270px;}
.aboutContent .aboutLeft .copy img{float:right; margin:0 0 12px 12px;}
.aboutContent .aboutRight{position:absolute; left:310px; top:90px; background:url(../../img/global/aboutRightBG.jpg) no-repeat top left; width:557px; height:491px;}
.aboutContent .aboutRight .header{position:relative; left:28px; top:22px;}
.aboutContent .aboutRight .copy{position:relative; left:26px; top:12px; width:500px;}
.aboutContent .aboutRight .copy h2{padding:20px 0 0 0; margin:0; color:#e8a925; font-weight:normal; font-size:18px;}
.aboutContent .aboutRight .copy p{padding:8px 0 0 0; margin:0; color:#333;}
.aboutContent .aboutRight .footer{margin:80px 0 15px 15px; width:524px;}
.aboutContent .aboutRight .footer .menu{float:left; display:inline; width:400px; text-align:left;}
.aboutContent .aboutRight .footer .FE{float:left; display:inline; width:100px; text-align:right;}


/*-----------  The overlay ------*/
#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:600px; background-color:#000;}


/*-----------  FORMS  -----------*/
#wrapSub .aboutContent .aboutRight .copy .formTag{float:left; display:block; width:500px; margin:12px 0 80px 0;}
label,input, select{display:block; width:250px; float:left; margin-bottom:10px;}
label{text-align:right; width:210px; padding-right:20px; color:#333333;}
textarea{height:150px; width:250px;}
#wrapSub .aboutContent .aboutRight .copy .formTag br{clear:left;}