/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,table,tr,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; }


ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ul { margin-left: 15px; line-height: 17px; margin-bottom: 15px; }
ul li { margin-bottom: 8px; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #1D4799; font-size: 16px; margin: 0px 0px 3px 0px; }
h2 { color: #1D4799; font-size: 16px; margin: 0px 0px 0px 0px; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #000000; font-size: 11px;  line-height: 17px; }
a  { color: #006600; font: normal 11px Verdana; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main { width: 920px; margin: 0px auto; background: #FFFFFF; margin-top: 20px; }
    #mainTopSpacer { height: 30px; width: 100%; }
/*    #mainInside { width: 850px; margin-left: 25px; background: url('../images/layout/navbg.jpg') repeat-y; } */
    #mainInside { width: 870px; margin-left: 25px; }

    #leftSide { width: 280px; float: left; border-width: 1px; border-width: 1px; border-right-style: solid; }
    #rightSide { width: 565px; float: right; height: 100%; }


    #logo {  border: none; }



    #nav { width: 220px; height: 493px; float: left; }
        #navInside { margin: 0px 0px 0px 0px;  }
        #navTop { height: 20px; overflow: hidden;  }

        #navBottom {  border-color: #333333; border-width: 1px; border-top-style: solid; height: 1px; overflow: hidden; }

        #nav a {
            display: block; color: #000000; height: 29px; line-height: 30px; border-color: #333333; border-width: 1px; border-top-style: solid;
            background: url('../images/layout/nav.gif') no-repeat top left; padding-left: 20px; font-family: arial;
        }


        #nav a:hover, #nav a.o { color: #FFFFFF;background: #BCD7A8 url('../images/layout/nav_over.gif') no-repeat top right; text-decoration: none; }
        #nav a.o { }

        #nav .sub { padding-top: 5px; margin-bottom: 5px; }

        #nav .sub a { height: 16px; line-height: 16px; background: none; border: none; }
        #nav .sub a:hover, #nav .sub .o { color: #589C25; margin-bottom: 0px; background: none; }
        #nav .sub .o { font-weight:bold;  }

#ggrants { border: 1px solid #000000; height: auto; margin-top: 20px; }
#ggrants a {  background: url('../images/layout/save_bg.gif');  height: auto; color: #FFFFFF; font-size: 12px; line-height: 15px; padding-top: 7px; border: none; padding-bottom: 8px; }
#ggrants a:hover { background: #FFFFFF; color: #000000; }
#ggrants a span { display: block; font-size: 15px; line-height: 20px; }



#cgc a {
	background: none;
	border: none;
	padding-top: 20px;
}
#cgc a:hover {
	background: none;
	border: none;
}

#footer { width: 900px; margin: 0px auto; color: #000000; font-size: 11px; text-align: left; margin-top: 3px;   }
#footer div { margin-left: 310px; }

#footer a { color: #000000; }


#contentBG { height: 620px; width: 565px; }
#contentTop { height: 90px;  }

#contentContainer { background: #FFFFFF; width: 480px; margin-left: 42px; height: 460px;  overflow: auto; }
    #content { margin: 0px 20px 0px 20px; padding-top: 30px; }




#savingsBox { background: url('../images/layout/savings-bg.jpg'); height: 74px; width: 224px; margin-bottom: 15px; }
    #savingsInside { width: 200px; margin-left: 16px; padding-top: 20px; }
    #savingsBox h2 { color: #FFFFFF; font-size: 16px; font-weight: normal; letter-spacing: 0.05em; margin-bottom: 4px; }
    #savingsBox p { color: #FFFFFF; margin-bottom: 0px; }
    #savingsBox a { color: #FFFFFF;  }

#newsletterBox { background: url('../images/layout/newsletter-bg.jpg'); height: 66px; width: 224px; }
    #newsletterInside { width: 200px; margin-left: 16px; padding-top: 10px; }
    #newsletterBox h2 { color: #FFFFFF; font-size: 12px; font-weight: normal;  margin-bottom: 4px; }
    #newsletterBox p { color: #FFFFFF; margin-bottom: 0px; }
    #newsletterBox a { color: #FFFFFF;  }
    #newsletterBox input { background: #FFFFFF; border: 1px solid #A5ACB2; }


#fades { height: 319px; }
    #fades img { position: absolute; }

#fadeGen { opacity: 0.98; MoZOpacity: 0.98; filter: alpha(opacity=98); }
#fadeRes { opacity: 0; MoZOpacity: 0; filter: alpha(opacity=0); }
#fadeCom{ opacity: 0; MoZOpacity: 0; filter: alpha(opacity=0); }





.calcForm {  }
.calcForm th { text-align: left; padding-right: 10px; padding-bottom: 9px; color: #333333; }

#social_top {
	float: right;
	width: auto;
	height: 25px;
	margin: 0 35px 0 0;
}
#social {
	width: auto;
	float: left;
	margin: -175px 0 0 0;
}
#social_inner {
	margin: 0 0 0 45px;
}
#fb {
	width: auto;
	float: left;
	margin: 0;
}
#twitter {
	width: auto;
	float: left;
	margin: 0 0 0 10px;
}
#yt {
	width: auto;
	margin: 0 0 0 10px;
	float: left;
}
#cgc {
	width: auto;
	float: left;
	margin: 0;