@charset "utf-8";
/* CSS Document */

#body-wrapper { width: 850px; margin: auto; }
#footer { background: url(../images/footer-bg.jpg) no-repeat; width: 850px; height: 75px; position: relative; }
#footer .footer-content-1 { position: absolute; top: 0; left: 185px; width: 200px; height: 75px; }
#footer .footer-content-2 { position: absolute; top: 0; left: 585px; width: 260px; height: 75px; }
#footer .content-area { padding-top: 10px; }
#footer .content-area ul { padding: 0 10px 0 0; margin: 0; float: left; }
#footer .content-area ul li { list-style: none; }


/*********************
*
* Index Styles
*
**********************/
#index { background: url(../images/body-bg.jpg) repeat-x; }
#index .index-left-container { float: left; width: 269px; height: 445px; }
#index .index-left-container .logo { background: url(../images/csiet-logo-home.jpg) no-repeat; width: 269px; height: 148px; }
#index .index-left-container .index-nav { background: url(../images/home-nav-bg.jpg) no-repeat; width: 269px; height: 297px; }
#index .index-left-container .index-nav ul { padding: 20px 0 0 25px; margin: 0; }
#index .index-left-container .index-nav ul li { list-style: none; height: 23px; }
#index .flash-container { float: left; background: url(../images/flash/images/0.jpg) no-repeat; width: 581px; height: 445px; }
#index .bucket-area { background: url(../images/buckets-bg-new.jpg) no-repeat; width: 850px; height: 251px; margin-bottom: 7px; padding-top: 54px; }
#index .bucket-area .bucket-content { float: left; width: 237px; height: 245px; padding: 0 20px 5px 20px; }
#index .bucket-area .bullet-content p { background: url(../images/arrow-double-blue.gif) no-repeat 0 4px; padding-left: 15px; }
#widgets { padding: 20px 0 0 10px; }
#widgets img { margin-left: 13px; }
/*********************
*
* Content Styles
*
**********************/
#header { background: url(../images/csiet-interior-banner.jpg) no-repeat; width: 850px; height: 132px; margin-bottom: 2px; }

#body-wrapper .content-wrapper { margin-bottom: 2px; }
#body-wrapper .section-header { width: 638px; height: 38px; }
#content .section-header { background: url(../images/Untitled-1_07.jpg) no-repeat;  }
#about .section-header { background: url(../images/heading-about-csiet.jpg) no-repeat;  }
#become-a-member .section-header { background: url(../images/heading-become-a-member.jpg) no-repeat; }
#meetings-activities .section-header { background: url(../images/heading-meetings-activities.jpg) no-repeat; }
#publications-resources .section-header { background: url(../images/heading-publications-resources.jpg) no-repeat; }
#media-center .section-header { background:url(../images/heading-media-center.jpg) no-repeat; } 
#school-resources .section-header { background: url(../images/heading-school-resources.jpg) no-repeat; }
#advocacy-outreach .section-header { background: url(../images/heading-advocacy-outreach.jpg) no-repeat; }
#calendar-of-events .section-header { background: url(../images/heading-calendar-events.jpg) no-repeat; }
#site-map .section-header { background: url(../images/heading-site-map.jpg) no-repeat; }
#members-only .section-header { background: url(../images/heading-members-only.jpg) no-repeat; }
#info-youth-exchange .section-header { background: url(../images/heading-info-youth-exchange.jpg) no-repeat; }
/* below added 20100614 akh.com */
#online-school-community .section-header { background: url(../images/heading-online-school-community.jpg) no-repeat; }

#main-content { width: 628px; float: left; overflow: hidden; }

#leftnav { width: 220px; float: left; }
#leftnav .top { background: url(../images/leftnav-topcap.jpg) no-repeat; width: 220px; height: 10px; overflow: hidden; }
#leftnav .main { background: url(../images/leftnav-bg.jpg) repeat-y; width: 220px; }
#leftnav .bottom { background: url(../images/leftnav-bottomcap.jpg) no-repeat; width: 220px; height: 10px; }
#leftnav .main ul { padding: 5px 0 0 25px; margin: 0; }
#leftnav .main ul li { list-style: none; line-height: 25px; }
#leftnav .main ul.sub-nav { padding-left: 25px; }
#leftnav .main ul.sub-nav li { list-style: square; color: #b6e1f8; line-height: 20px; }