/* Reset Styles */

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, body { margin: 0px; padding: 0px; border: none 0px #ffffff; }

table, td { border-collapse: collapse; }

.iewrapper { text-align: center; }

/* clearing technique */
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }
.clearfix { display: block; }

/* Custom styles */

body 
{ 
    background-color: #000000;
    font-size: 8pt;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 17px;
    min-width: 990px;
}

body a
{
    color: #cc0000;
    text-decoration: none;
}

body a:hover
{
    text-decoration: underline;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

/* Background wrapper */

#sitewrapper
{
    width: 100%;
    background: url(/webfiles/bg_bricks.jpg) no-repeat center top;
}

#headercontainer
{
    width: 990px;
    margin-left: auto; 
    margin-right: auto;
    /*border: solid 1px green;*/
}

#menucontainer
{
    width: 990px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    /*border: solid 1px pink;*/
}

#navwrapper
{
    width: 422px;
    height: 170px;
    float: left;
    /*border: solid 1px yellow;*/
}

#submenuwrapper
{
    width: 990px;
    height: 50px;
    margin-left: auto; 
    margin-right: auto;
    background: #f7d130 url(/webfiles/bg_submenu.gif) no-repeat left top;
}

#navcontainer
{
    width: 422px;
    margin-top: 12px;
    /*border: solid 1px red;*/
}

#logocontainer
{
    height: 138px;
    /*border: solid 1px orange;*/
}

#submenucontainer
{
    width: 960px;
    height: 30px;
    margin-top: 12px;
    margin-left: 20px;
    margin-bottom: 8px;
    float: left;
    /*border: solid 1px red;*/
}

#flashwrapper
{
    width: 530px;
    height: 170px;
    float: right;
    /*border: solid 1px blue;*/
}

/* Nav and Menu elements */

#navcontainer ul, #menucontainer ul, #submenucontainer ul, #footermenucontainer ul, #footerbylinecontainer ul
{
    list-style: none;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	/*border: solid 1px white;*/
}

#navcontainer ul li, #menucontainer ul li, #submenucontainer ul li, #footermenucontainer ul li, #footerbylinecontainer ul li
{
    float: left;
}

#navcontainer ul li a, #menucontainer ul li a, #submenucontainer ul li a, #footermenucontainer ul li a
{
	display: block;
	position: relative;
	cursor: pointer;
}
#navcontainer ul li a { height: 20px; }
#menucontainer ul li a { height: 50px; }
#submenucontainer ul li a { height: 30px; }
#footermenucontainer ul li a { height: 13px; }

#navcontainer ul li a span, #menucontainer ul li a span, #submenucontainer ul li a span, 
#footermenucontainer ul li a span
{
    position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Nav menu elements */

#navcontainer ul li a.navhome { width: 40px; }
#navcontainer ul li a.navhome span { background: url(/webfiles/nav_home.gif) no-repeat 0px 0px; }
#navcontainer ul li a.navhome:hover span{ background: url(/webfiles/nav_home.gif) no-repeat 0px -20px; }

#navcontainer ul li a.navcontact { width: 60px; }
#navcontainer ul li a.navcontact span { background: url(/webfiles/nav_contact.gif) no-repeat 0px 0px; }
#navcontainer ul li a.navcontact:hover span{ background: url(/webfiles/nav_contact.gif) no-repeat 0px -20px; }

#navcontainer ul li a.navpress { width: 44px; }
#navcontainer ul li a.navpress span { background: url(/webfiles/nav_press.gif) no-repeat 0px 0px; }
#navcontainer ul li a.navpress:hover span{ background: url(/webfiles/nav_press.gif) no-repeat 0px -20px; }

#navcontainer ul li a.navnewsletter { width: 86px; }
#navcontainer ul li a.navnewsletter span { background: url(/webfiles/nav_newsletter.gif) no-repeat 0px 0px; }
#navcontainer ul li a.navnewsletter:hover span{ background: url(/webfiles/nav_newsletter.gif) no-repeat 0px -20px; }

/* Main menu elements */

#menucontainer ul li a.menueducation { width: 212px; }
#menucontainer ul li a.menueducation span { background: url(/webfiles/menu_education.gif) no-repeat 0px 0px; }
#menucontainer ul li a.menueducation:hover span{ background: url(/webfiles/menu_education.gif) no-repeat 0px -50px; }

#menucontainer ul li a.menuinspiration { width: 228px; }
#menucontainer ul li a.menuinspiration span { background: url(/webfiles/menu_inspiration.gif) no-repeat 0px 0px; }
#menucontainer ul li a.menuinspiration:hover span{ background: url(/webfiles/menu_inspiration.gif) no-repeat 0px -50px; }

#menucontainer ul li a.menuaction { width: 140px; }
#menucontainer ul li a.menuaction span { background: url(/webfiles/menu_action.gif) no-repeat 0px 0px; }
#menucontainer ul li a.menuaction:hover span{ background: url(/webfiles/menu_action.gif) no-repeat 0px -50px; }

#menucontainer ul li a.menuabout { width: 260px; margin-left: 58px }
#menucontainer ul li a.menuabout span { background: url(/webfiles/menu_about.gif) no-repeat 0px 0px; }
#menucontainer ul li a.menuabout:hover span{ background: url(/webfiles/menu_about.gif) no-repeat 0px -50px; }

/* Menu rollover elements */

#educationsub, #inspirationsub, #actionsub
{
    width: 990px;
    display: none;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    background: #ceecf6 url(/webfiles/bg_rollovermenu.gif) repeat-y left top;
    /*border: solid 1px red;*/
}

#educationsub ul, #inspirationsub ul, #actionsub ul
{   
    list-style: none;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
    /*border: solid 1px red;*/
}

#educationsub ul li, #inspirationsub ul li, #actionsub ul li
{
    float: left;
}

#educationsub ul li a, #inspirationsub ul li a, #actionsub ul li a
{
	display: block;
	position: relative;
	cursor: pointer;
}

a.textrollovermenu:link{color: #cc0000; text-decoration: none; }
a.textrollovermenu:visited{color: #cc0000; text-decoration: none; }
a.textrollovermenu:hover{color: #cc0000; text-decoration: underline; }
.textrollovermenu
{
	font-size: 8pt;
	color: #7f8cb3;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/* Sub menu elements */

#submenucontainer ul li a.menuaffiliateschapters { width: 161px; margin-left: 8px }
#submenucontainer ul li a.menuaffiliateschapters span { background: url(/webfiles/menu_affiliateschapters.gif) no-repeat 0px 0px; }
#submenucontainer ul li a.menuaffiliateschapters:hover span{ background: url(/webfiles/menu_affiliateschapters.gif) no-repeat 0px -30px; }

#submenucontainer ul li a.menugetinvolved { width: 84px; margin-left: 14px }
#submenucontainer ul li a.menugetinvolved span { background: url(/webfiles/menu_getinvolved.gif) no-repeat 0px 0px; }
#submenucontainer ul li a.menugetinvolved:hover span{ background: url(/webfiles/menu_getinvolved.gif) no-repeat 0px -30px; }

#submenucontainer ul li a.menuclubs { width: 36px; margin-left: 10px }
#submenucontainer ul li a.menuclubs span { background: url(/webfiles/menu_clubs.gif) no-repeat 0px 0px; }
#submenucontainer ul li a.menuclubs:hover span{ background: url(/webfiles/menu_clubs.gif) no-repeat 0px -30px; }

#submenucontainer ul li a.menublogs { width: 36px; margin-left: 13px }
#submenucontainer ul li a.menublogs span { background: url(/webfiles/menu_blogs.gif) no-repeat 0px 0px; }
#submenucontainer ul li a.menublogs:hover span{ background: url(/webfiles/menu_blogs.gif) no-repeat 0px -30px; }

#submenucontainer ul li a.menugallery { width: 47px; margin-left: 11px }
#submenucontainer ul li a.menugallery span { background: url(/webfiles/menu_gallery.gif) no-repeat 0px 0px; }
#submenucontainer ul li a.menugallery:hover span{ background: url(/webfiles/menu_gallery.gif) no-repeat 0px -30px; }

#submenucontainer ul li a.menuforum { width: 42px; margin-left: 11px }
#submenucontainer ul li a.menuforum span { background: url(/webfiles/menu_forum.gif) no-repeat 0px 0px; }
#submenucontainer ul li a.menuforum:hover span{ background: url(/webfiles/menu_forum.gif) no-repeat 0px -30px; }

#submenucontainer ul li a.menuvolunteers { width: 74px; margin-left: 11px }
#submenucontainer ul li a.menuvolunteers span { background: url(/webfiles/menu_volunteers.gif) no-repeat 0px 0px; }
#submenucontainer ul li a.menuvolunteers:hover span{ background: url(/webfiles/menu_volunteers.gif) no-repeat 0px -30px; }

#submenucontainer ul li a.menupartners { width: 60px; margin-left: 12px }
#submenucontainer ul li a.menupartners span { background: url(/webfiles/menu_partners.gif) no-repeat 0px 0px; }
#submenucontainer ul li a.menupartners:hover span{ background: url(/webfiles/menu_partners.gif) no-repeat 0px -30px; }

#submenucontainer ul li a.menustore { width: 37px; margin-left: 12px }
#submenucontainer ul li a.menustore span { background: url(/webfiles/menu_store.gif) no-repeat 0px 0px; }
#submenucontainer ul li a.menustore:hover span{ background: url(/webfiles/menu_store.gif) no-repeat 0px -30px; }

#submenucontainer ul li a.menudonate { width: 56px; margin-left: 11px }
#submenucontainer ul li a.menudonate span { background: url(/webfiles/menu_donate.gif) no-repeat 0px 0px; }
#submenucontainer ul li a.menudonate:hover span{ background: url(/webfiles/menu_donate.gif) no-repeat 0px -30px; }

#submenucontainer ul li.searchbox
{
    width: 170px;
    height: 30px;
    background: url(/webfiles/bg_searchbox.gif) no-repeat 0px 0px;
}

#submenucontainer ul li.searchbox .textbox
{
    border: solid 0px #ffffff;
    margin: 6px 0px 4px 10px;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    color: #333333;
    font-size: 12px;
    width: 140px;
}

#submenucontainer ul li.searchbutton
{
    width: 34px;
}

.textsearchwatermark
{
    border: none 0px #ffffff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 11px;
	color: #999999;
	text-align: center;
	font-style: italic;
    margin: 6px 0px 4px 10px;
    width: 140px;
}

/* Content elements */

#contentwrapper
{
    width: 990px;
    margin-left: auto; 
    margin-right: auto;
    background: #f7d130 url(/webfiles/bg_contentrepeat.gif) repeat-y left top;
    /*border: solid 1px red;*/
}

#contentcontainermain
{
    width: 620px;
    float: left;
    background: #ffffff url(/webfiles/bg_contentrepeat.gif) repeat-y left top;
    /*border: solid 1px blue;*/
}

#contentcontainermain ul, #contentcontainermain ol
{
    /*margin-top: 10px;
    margin-bottom: 10px;*/
}

#contentcontainermain li
{
    margin-left: 40px;
    margin-top: 6px;
    margin-bottom: 6px;
}

#contentcontainerright
{
    width: 370px;
    float: right;
}

/* Footer elements */

#footerwrapper
{
    width: 990px;
    height: 84px;
    margin-left: auto;
    margin-right: auto;
    background: #f7d130 url(/webfiles/bg_footer.gif) no-repeat left top;
    /*border: solid 1px blue;*/
}

#footermenucontainer
{
    width: 370px;
    margin-top: 36px;
    margin-left: 20px;
    float: left;
    /*border: solid 1px red;*/
}

#footercopyrightcontainer
{ 
    width: 260px;
    margin-top: 34px;
    margin-left: 120px;
    float: left;
    /*border: solid 1px red;*/
}

#footerbylinecontainer
{
    width: 154px;
    margin-top: 26px;
    margin-left: 20px;
    float: left;
    /*border: solid 1px red;*/
}

#footermenucontainer ul li a.menuabout { width: 119px; }
#footermenucontainer ul li a.menuabout span { background: url(/webfiles/footer_about.gif) no-repeat 0px 0px; }
#footermenucontainer ul li a.menuabout:hover span{ background: url(/webfiles/footer_about.gif) no-repeat 0px -13px; }

#footermenucontainer ul li a.menueducation { width: 73px; }
#footermenucontainer ul li a.menueducation span { background: url(/webfiles/footer_education.gif) no-repeat 0px 0px; }
#footermenucontainer ul li a.menueducation:hover span{ background: url(/webfiles/footer_education.gif) no-repeat 0px -13px; }

#footermenucontainer ul li a.menuinspiration { width: 77px; }
#footermenucontainer ul li a.menuinspiration span { background: url(/webfiles/footer_inspiration.gif) no-repeat 0px 0px; }
#footermenucontainer ul li a.menuinspiration:hover span{ background: url(/webfiles/footer_inspiration.gif) no-repeat 0px -13px; }

#footermenucontainer ul li a.menuaction { width: 53px; }
#footermenucontainer ul li a.menuaction span { background: url(/webfiles/footer_action.gif) no-repeat 0px 0px; }
#footermenucontainer ul li a.menuaction:hover span{ background: url(/webfiles/footer_action.gif) no-repeat 0px -13px; }

#footermenucontainer ul li a.menuhome { width: 48px; }
#footermenucontainer ul li a.menuhome span { background: url(/webfiles/footer_home.gif) no-repeat 0px 0px; }
#footermenucontainer ul li a.menuhome:hover span{ background: url(/webfiles/footer_home.gif) no-repeat 0px -13px; }