@import url(default.css);
@media screen 
{
	body { background: url(/!images/gcc_green_background_tile.jpg); color:#797C6F; }
	
	
.ir { overflow: hidden; display: block; height/**/:/**/0!important; } /* use padding top/bottom to define the elements height, but also use height for IE 5 (the weird height rule takes care of filtering those for you) */
.acc { display: none; position: absolute; width: 0; height: 0; overflow: hidden; }
.nav, .nav ul, .nav li, .nav dd { margin: 0; padding: 0; }
.nav dt { display: none; }
.nav dd { float:left; }
a:link { color:#1D6E43; text-decoration:none; }
a:visited { color:#789168; text-decoration:none; }
a:hover, a:focus, a:active { color:#C8712f; text-decoration:underline; }


/* =LAYOUT
****************************/
form { width:728px; margin:0 auto; }

#HdrImg { background: url(/!images/gcc_green_header.gif) no-repeat; width:728px; height:123px; }
#HdrImg h1 {display:none;}
#Content {}
#LSide { float:left; width:532px; }
#MainNavigation { width:532px; height:156px; }

#MainNav { background: url(/!images/gcc_green_nav_hover.jpg) no-repeat; height:144px; width:532px; padding-top:12px; }
#MainNav a.ir { background: url(/!images/gcc_green_nav_normal.jpg) no-repeat;  overflow:hidden; display:block; text-indent:-9999px; padding-top:131px; position:relative;}

#MainNav #mn_comm a.ir { width:117px; margin-left:19px; background-position:-19px -12px; }
#MainNav #mn_idea a.ir { width:117px; margin-left:10px; background-position:-146px -12px; }
#MainNav #mn_plan a.ir { width:114px; margin-left:10px; background-position:-273px -12px; }
#MainNav #mn_prog a.ir { width:117px; margin-left:10px; background-position:-397px -12px; }

#MainNav a.ir:hover, #MainNav a.ir:active, #MainNav a.ir:focus { background:none; }

#ImgDisplay { background: url(/!images/gcc_green_mainimage.jpg ) no-repeat; width:532px; height:332px; margin-top:10px; }

#RSide { float:right; width:186px; }
#rsHdr { background: url(/!images/gcc_green_logo.gif) no-repeat right; width:186px; height:166px; position:relative; }
#rsHdr img { position:absolute; top:2px; left:30px; }
#rsCnt { background: url(/!images/gcc_green_sidetile.gif) repeat-y right; width:186px; }
#rsCnt p { margin:0; padding:1em 1.5em 0 1.5em; line-height:1.25em; font-size:.9em; }
#rsFtr { background: url(/!images/gcc_green_sidetile_bottom.gif) no-repeat right; width:186px; height:19px; }

#Ftr { background: url(/!images/gcc_green_footer.gif) no-repeat; width:728px; height:113px; text-align:center; font-size:.9em; position:relative; }
#Ftr #FtrNav { padding-top:18px; }
#Ftr #ftGatLink { position:absolute; width:100px; padding-top:80px; top:20px; left:20px;}
#Ftr #ftTNLink { position:absolute; width:130px; padding-top:80px; top:20px; right:20px;}


#Copy { font-size:.9em; text-align:center; padding:.5em 0; color:#FFF; }
#Copy a:link, #Copy a:visited { color:#FFF; }
#Copy a:hover, #Copy a:focus, #Copy a:active { color:#115203; text-decoration:none; }

#CntHdr { background: url(/!images/gcc_green_int_bodytile_top.gif) no-repeat; width:728px; height:12px; overflow:hidden; }
#CntBody { background:#FFF; width:726px; border-left:1px solid #799666; border-right:1px solid #799666; }
#CntFtr { background: url(/!images/gcc_green_int_bodytile_bottom.gif) no-repeat; width:728px; height:12px; overflow:hidden; }

#CntLogo { float:Left; background: url(/!images/gcc_green_int_logo.gif) no-repeat right; width:207px; height:130px; }
#CntLogo a { padding-top:125px; width:155px; margin-left:15px; }
.sec_community_efforts #SubHdr { float:left; background: url(/!images/gcc_green_int_sub_community.jpg) no-repeat left; width:519px; height:130px; }
.sec_travel_ideas #SubHdr { float:left; background: url(/!images/gcc_green_int_sub_travelideas.jpg) no-repeat left; width:519px; height:130px; }
.sec_travel_planning #SubHdr { float:left; background: url(/!images/gcc_green_int_sub_travelplanning.jpg) no-repeat left; width:519px; height:130px; }
.sec_green_program #SubHdr { float:left; background: url(/!images/gcc_green_int_sub_greenprogram.jpg) no-repeat left; width:519px; height:130px; }

#IntLSide { float:left; clear:left; width:207px; padding-top:20px; }
#IntRSide { float:left; width:459px; background: url(/!images/gcc_green_int_divider_vt.gif) no-repeat; min-height:331px; padding:20px 30px; }

#IntNavigation { width:138px; height:213px; padding-left:23px; }
#IntNav { background: url(/!images/gcc_green_int_nav_hover.gif) no-repeat right; width:138px; height:213px; }
#IntNav a.ir { background: url(/!images/gcc_green_int_nav_normal.gif) no-repeat right; overflow:hidden; display:block; text-indent:-9999px; width:138px; position:relative;}

#IntNav #in_comm a.ir { padding-top:60px; background-position:-23px 0; }
#IntNav #in_idea a.ir { padding-top:30px; background-position:-23px -60px; }
#IntNav #in_plan a.ir { padding-top:32px; background-position:-23px -90px; }
#IntNav #in_prog a.ir { padding-top:46px; background-position:-23px -122px; }
#IntNav #in_home a.ir { padding-top:45px; background-position:-23px -168px; }

.sec_community_efforts #IntNav #in_comm a.ir { background:none; }
.sec_travel_ideas #IntNav #in_idea a.ir { background:none; }
.sec_travel_planning #IntNav #in_plan a.ir { background:none; }
.sec_green_program #IntNav #in_prog a.ir { background:none; }

#IntNav a.ir:hover, #IntNav a.ir:active, #IntNav a.ir:focus { background:none; }

/* =DROPDOWNS 
*****************************/
/* behavior */
.dropdown dd { position: relative; z-index: 1; }
.dropdown ul {  position: absolute; z-index: 5; top: 45px; left: 2px; display: none; }
.dropdown dd.active { z-index: 10; }
.dropdown dd.active ul.menu { display: block; }
.dropdown ul a { display: inline-block; } /* do not leave this line out; do not change this line. It fixes a bug in IE, however you can change it in another css rule! */


/* look-and-feel */
.dropdown ul a { display: block; }


/* =IE 
*************************/
/* \*/
* html #sidebar, # html .home #related { overflow: hidden; display: inline; }

/* */

}