/* MAIN LAYOUT */
#rightCol {height:423px; width:220px; margin-top:0px; margin-left:0px;background-image:url(/img/sidebar_bg.jpg);background-attachment:fixed;background-position:top left;background-repeat:no-repeat;position:absolute;}
#sslRightCol {height:423px; width:220px; margin-top:0px; margin-left:0px;background-image:url(/img/sidebar_bg.jpg);background-attachment:fixed;background-position:top left;background-repeat:no-repeat;position:absolute;}
body {background-color: #ffffff; margin:1px auto; padding:0; background-image: url(/img/sidebar_bg_extend.jpg); background-position:left top; background-repeat: repeat-y; }
#leftCol {width:800px; margin-top:0px; margin-left:220px; position:absolute;}
#logoTop {margin-left:16px; margin-top:15px; position:absolute;}

/* margin-top:630px; position: absolute; padding-top:10px;*/
#footer {width:715px; height:70px; position:relative; top:110px;
margin-top:5px;padding-top:5px; padding-right:25px;
border-top:1px solid #b7b8bb;} 
#footer h4 {visibility: visible; }

/* TOP NAVIGATION */
#topNav {width:740px;height:90px;margin-top:0px;position:absolute;overflow:hidden;display:block;}
#topNav.home, .home {border-bottom:1px solid #b7b8bb;}
#topNav.learn, .learn {border-bottom:3px solid #97C0E6;}
#topNav.join, .join {border-bottom:3px solid #9FCF67;}
#topNav.share, .share {border-bottom:3px solid #FCB040;}
#learnBtn, #learnBtn div, 
#joinBtn, #joinBtn div, 
#shareBtn, #shareBtn div,
#learnBtnActive, #learnBtnActive div,
#joinBtnActive, #joinBtnActive div,
#shareBtnActive, #shareBtnActive div { 
  height:87px; position:absolute; width:128px; float:left; }
#learnBtn {margin-left:25px; margin-top:25px;}
#learnBtnActive {margin-left:25px; margin-top:10px;}
#joinBtn {margin-left:175px; margin-top:25px;}
#joinBtnActive {margin-left:175px; margin-top:10px;}
#shareBtn {margin-left:325px; margin-top:25px;}
#shareBtnActive {margin-left:325px; margin-top:10px;}

/* LEFT NAVIGATION */
#leftNav {width:106px; margin-left:-4px; margin-top:190px; }
#leftNav ul {list-style: none;}
#leftNav ul li {list-style: none;}
#leftNav li.caps { margin-bottom:6px;}
#leftNav li.lower { margin-bottom:2px;}
#sidebarFlash {width:220px; height:220px; margin-left:0px; margin-top:-4px;}
#citySeal {margin-left:22px;margin-top:-40px;}
#bizFirst {margin-left:22px;margin-top:10px;}

/* CONTENT AREA */
/* position: absolute; height:520px; margin-top:110px; min-height:404px;500*/
#content { width:740px; position:relative; top:110px; display:block; min-height:404px;}
#contentBody {width:715px; margin-left:25px; display:block;}
#contentForms {width:640px; margin-left:25px;}
.homeCopy {height:150px;}

/*
#contentBody {width:715px; margin-left:25px; display:block;height:675px;}
#contentForms {width:640px; margin-left:25px;height:175px;}
#contentFormsHousehold {width:640px; margin-left:25px;height:700px;}
#contentBodyLearnHouseholds {width:715px; margin-left:25px; display:block;height:675px;}
#contentBodyIndex {width:715px; margin-left:25px; display:block;height:150px;}
#contentBodyGB {width:715px; margin-left:25px; display:block;height:1200px;}
#contentBodyJoin {width:715px; margin-left:25px; display:block;height:1200px;}
.homeCopy {height:675px;}
*/
.swfContent {height:860px;}

/* TEXT CLASSES */
p.form,p.FORM { color:#898989; line-height: 19px; }
ul.form,ul.FORM {color:#898989; line-height:19px;}
ul.form li.form,ul.FORM li.FORM {color:#898989; line-height:19px; list-style: none;}

p.p1 { font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size:14px; color:#898989; font-style: normal; line-height: 19px; margin:0 }
/* p {  } */
.bodyCopy {font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-size:14px; color:#898989; font-style: normal; line-height: 19px; margin:0}

a { color:#9FCF67; font-style: normal; text-decoration: none; }
a:hover { color:#9FCF67; font-style: normal; text-decoration: underline; }
a:visited { color:#9FCF67; font-style: normal; text-decoration: none; }

h1 { color:#9FCF67; font-style: normal; text-decoration: none; font-size:18px; font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; margin:0;}
h3 {color:#9FCF67; font-style:normal; text-decoration:none; font-size:18px; font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; margin:0; }
h3 a {color:#9FCF67; text-decoration:none;}
h3 a:hover {color:#898989; text-decoration:none; }
.h3 {color:#9FCF67; font-style:normal; text-decoration:none; font-size:18px; font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; margin:0; }
.h3 a {color:#9FCF67; text-decoration:none;}
.h3 a:hover {color:#898989; text-decoration:none; }
.greyh3 {color:#898989; font-style:normal; text-decoration:none; font-size:14px; font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; margin:0; }
.greyh3 a {color:#898989; text-decoration:none;}
.greyh3 a:hover {color:#898989; text-decoration:none; }
h4 {color:#898989; font-style:normal; text-decoration:none; font-size:14px; font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; margin:0; }
h4 a {color:#898989; text-decoration:none;}
h4 a:hover {color:#9FCF67; text-decoration:none; }
h5 {color:#FCB040; font-style:normal; text-decoration:none; font-size:18px; font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; margin:0; }
h5 a {color:#FCB040; text-decoration:none;}
h5 a:hover {color:#898989; text-decoration:none; }
/*  .short {width:640px;}*/
.short {width:640px;font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;font-size:14px;color:#898989;font-style:normal;line-height:19px;margin:0}
.green {color:#9FCF67;}
.blue {color:#97C0E6;}
.orange {color: #FCB040;}
.small {width:640px; font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-size:10px; color:#898989; font-style: normal; line-height: 19px; margin:0}
.greyBig {font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-size:16px; color:#898989; font-style: normal; line-height: 19px; margin:0}

/* HOME */
#eightWaysModule {position: relative; width:740px; height:370px;}
/* #eightWaysModule {width:740px; height:370px;} */

/* LEARN */
#hBar {width:500px; height:38px; margin-bottom:20px;}
#bBar {width:500px; height:38px; margin-bottom:20px;}
#cBar {width:500px; height:38px;}
#commitmentModule {width:820px; height:650px; position: relative; z-index: 999; top:-50px;}
#commitmentModuleLearnHouseholds {width:820px; height:650px; position: relative; z-index: 999; top: 100px;}

/* GREEN YOUR WORLD */
#gywModule {width:690px; height:388px; margin-bottom:25px; position: relative; }
#videoModule {width:715px; height:402px; margin-top:30px; margin-bottom:45px; margin-left:12px; position: relative;  border:1px solid #9FCF67;}

/* SPOTLIGHT */
#rowOne {width:690px; height:332px; position:relative; }
#rowOne .left {float:left; width:372px; height:332px; border:1px solid #9FCF67;}
#rowOne .right {float:right; width:300px; height:332px;}
#rowOne .rightGiantEagle {float:right; width:370px; height:332px;}
#rowTwo {width:690px; height:136px; position: relative; margin-top:20px; }
#rowTwo .left{float:left; width:210px; height:137px;border:1px solid #9FCF67;}
#rowTwo .right {float:left; width:210px; height:137px; margin-left:20px;border:1px solid #9FCF67;}

/* MAYOR MESSAGE */
#rowOne .headshot {float: left; padding: 8px 8px 8px 8px; width:300px; height:253px; border:1px solid #9FCF67;}
#rowOne .message {float:right; width:350px; }
.mayor {min-height:630px;}