/*----- Project Smile Sticky Note -----*/
#sticky_cta {
    margin:500px 0 0 725px; position:absolute; z-index:999;
}

html {
    height:100%;
}
body {
    height:100%;
	text-align:center; color:#006900; font-size:62.5%; line-height:1.4em; font-family:Verdana, Helvetica, arial, sans-serif;
	background:url(../../images/bg/body.jpg) repeat-x 0 0;
}
h1, h2, h3, p {
    text-align:left;
}
h1 {
    margin-bottom:10px;
}
h2 {
    height:20px;
}
h3 {
    margin-bottom:10px;
    height:20px;
    font-size:1.3em; font-weight:bold;
}
h4 {
    height:22px; margin-bottom:10px;
    background:url(../../images/bg/h5.gif) no-repeat 50% bottom;
}
h5 {
    padding-bottom:5px;
    font-size:1.1em; font-weight:bold;
}
p {
    margin-bottom:10px;
}
strong {
    font-weight:bold;
}


/*----- Buttons -----*/
.button, #flickr_button {
    float:right;
}

/*----- Main Container -----*/
#main_container {
    width:960px; min-height:100%; margin:0 auto; padding:0 15px; overflow:auto;
    text-align:left;
    background:url(../../images/bg/main_container.png) repeat-y 50% 0;
}
/*html #main_container {
    height:100%;
    background-image:none; background-color:#5BBC22;
}*/
#header {
    height:73px; padding:20px 0 20px 20px;
}
#logo {
    float:left;
}


/*----- Navigation -----*/
#header ul {
    width:795px; height:20px; margin:30px 0 0 145px; list-style:none; position:absolute; z-index:2;
    border-bottom:solid 1px #006900;
}
#header li {
    float:left; display:inline;
}
#header li a {
    width:110px; height:15px; padding:5px 0 0 0; display:block; overflow:hidden;
    text-align:center;
}
#nav_about a, #nav_get_involved a {
    border-right:solid 1px #006900;
}

/*-- Sub Navigation --*/
#header li ul {
    width:auto; height:auto; margin:0; float:left; left:-999em;
    text-align:center;
    border-bottom:none; border-top:solid 1px #006900;
}
#header li ul li {
    clear:both;
    border-bottom:solid 1px #006900;
}
#nav_about ul {
    border-left:solid 1px #006900;
}
#nav_get_involved ul {
    margin-left:-1px!important;
    border-left:solid 1px #006900;
}
#nav_get_involved ul a {
    width:110px!important;
}
#header li:hover ul, #header li.shover ul {
    left:auto; direction:ltr;
}
#header li ul li a {
    width:109px; height:0; padding-top:20px;
    background-position:0 -20px; background-repeat:no-repeat;
}
#header li ul li a:hover {
    background-position:0 0;
}
#nav_project_smile a {
    background-image:url(../../images/nav/project_smile.png);
}
#nav_our_partners a {
    background-image:url(../../images/nav/our_partners.png);
}
#nav_goals a {
    background-image:url(../../images/nav/goals.png);
}
#nav_sponsors a {
    background-image:url(../../images/nav/sponsors.png);
}
#nav_locations a {
    background-image:url(../../images/nav/locations.png);
}
#nav_donate a {
    background-image:url(../../images/nav/donate.png);
}
#nav_needs a {
    background-image:url(../../images/nav/needs.png);
}
#nav_events a {
    background-image:url(../../images/nav/events.png);
}


/*----- Home Template -----*/
#flash_home {
    margin-bottom:20px;
}
#blog, #flickr, #donate_home {
    margin:0 0 20px 20px; float:left; display:inline;
}


/*---- Blog -----*/
#blog {
    width:380px;
}
#blog_posts {
    margin-bottom:5px;
    color:#505050;
    border:solid 1px #005400;
}
#blog_scroll {
    height:208px; padding:10px; overflow:auto;
}
#blog_scroll a {
    color:#005400;
}
#blog_scroll h3 a {
    color:#666; text-decoration:none; font-size:1.2em;
}
.blog_stamp {
    color:#505050;
}
.blog_stamp em {
    color:#333;
}
.blog_stamp a {
    color:#3B9500; font-weight:bold; text-decoration:none;
}
.blog_stamp a:hover {
    text-decoration:underline;
}

/*-- Blog Scroll --*/
a.jScrollArrowUp, a.jScrollArrowDown {
    width:16px; height:15px; right:-4px; position:absolute; z-index:2; overflow:hidden;
    text-indent:-2000px;
}
a.jScrollArrowUp:hover, a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollArrowUp {
    top:0;
	background: url(../../images/icons/scroll_up.gif) no-repeat 0 0; border-left:solid 1px #005400;
}
a.jScrollArrowDown {
    bottom:0;
	background:url(../../images/icons/scroll_down.gif) no-repeat 0 0; border-left:solid 1px #005400;
}
.jScrollPaneDragTop, .jScrollPaneDragBottom {
	display:none;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
    width:16px!important;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
     border-left:solid 1px #005400;
}
.jScrollPaneDrag {
    width:14px!important; height:36px!important;
    right:1px;
	position: absolute;
	background:url(../../images/icons/scroll_tab.gif) no-repeat 0 50%;
	cursor: pointer;
	overflow: hidden;
}


/*---- Flickr Pictures -----*/
#flickr {
    width:290px;
}
#flickr h2, #flickr_button {
    margin:0 30px;
}

/*-- Flickr Scroll --*/
#toggle_left {
    width:20px; height:230px; float:left; display:block;
    background:url(../../images/nav/pic_left.gif) no-repeat 0 50%;
}
#toggle_right {
    width:20px; height:230px; float:right; display:block;
    background:url(../../images/nav/pic_right.gif) no-repeat 0 50%;
}
#toggle_right:hover, #toggle_left:hover {
    background-position:-20px 50%;
}
#hold	{
	width:230px; height:230px; margin:0 0 5px 10px; float:left; display:inline; position:relative; overflow:hidden; z-index:100;
}
#wn	{
	width:230px; height:230px; left:0px; top:0px; clip:rect(0px, 230px, 230px, 0px); position:absolute;	z-index:1;
}
#lyr1 {
	left:0px; top:0px; position:absolute; z-index:1;
}
#t1 {
	width:3465px; height:231px;
}
#t1 img {
    height:75px; width:75px; margin:0 2px 2px 0;
}


/*---- Donate -----*/
#donate_home {
    width:210px;
}
#donate_home div {
    margin-bottom:5px; padding:10px 10px 0 10px;
    border:solid 1px #005400;
}
#button_donate {
    width:210px; margin:20px 25px 0 0; float:right; display:inline;
}


/*----- INTERNAL PAGES -----*/
#about, #project_smile, #our_partners, #goals, #sponsors, #sponsors_top, #locations, #get_involved,  #donate, #needs, #events {
    color:#004e00; font-size:1.1em; line-height:1.4em; overflow:auto;
    background-repeat:no-repeat; background-position:0 bottom; background-color:#FFF;
}
#about, #project_smile, #our_partners, #goals, #locations, #get_involved, #contact {
    min-height:655px;
}
#sponsors {
    min-height:393px;
}
#locations, #donate, #needs, #events {
    min-height:478px; padding-bottom:70px;
    background-image:url(../../images/bg/default.gif);
}
#title_sponsors {
    width:600px; margin:-20px 0 0 40px; float:left; display:inline;
}
#title_sponsors ul li {
    margin-right:10px; float:left; display:inline;
    text-align:center; font-weight:bold;
}
#title_sponsors li img {
    margin-top:10px;
}
/*----- About -----*/
#about {
    background-image:url(../../images/bg/about.jpg);
}
#about p, #about h1, #about h3 {
    margin-right:550px; margin-left:45px;
}
#about a {
    color:#FFF; font-weight:bold;
}
#about a:hover {
    color:#004e00; 
}

/*----- Project Smile -----*/
#project_smile {
    background-image:url(../../images/bg/project_smile.jpg);
}
#project_smile p, #project_smile h1, #project_smile h3 {
    margin-right:45px; margin-left:515px;
}

/*----- Our Partners -----*/
#our_partners {
    background-image:url(../../images/bg/our_partners.jpg);
}
#our_partners p, #our_partners h1, #our_partners h3 {
    margin-right:45px; margin-left:515px;
}

/*----- Goals -----*/
#goals {
    background-image:url(../../images/bg/goals.jpg);
}
#goals p, #goals h1, #goals h3,  #goals h4, #goals h6 {
    margin-right:400px; margin-left:45px;
}
#goals .long_p {
    margin-right:300px; margin-left:45px;
}
#goals em {
    font-size:0.9em; line-height:1.4em;
}

/*----- Sponsors -----*/
#sponsors_top {
    margin:0 45px;
}
#sponsors {
    padding-bottom:65px;
    background-image:url(../../images/bg/default.gif);
    text-align:center;
}
#sponsors img {
    margin:0 12px 5px 12px;
}
#sponsors ul {
    margin:0 20px;
}
#sponsors li {
    width:230px; float:left; display:inline;
    color:#666;
}
#sponsors_bottom {
    width:650px; margin-left:45px; float:left; display:inline;
}

/*----- Locations -----*/
#locations h1 {margin-left:45px;

}


/*----- Get Involved -----*/
#get_involved {
    background-image:url(../../images/bg/get_involved.jpg);
}
#get_involved p, #get_involved h1, #get_involved h3, #get_involved h2 {
    margin-right:520px; margin-left:45px;
}
#get_involved p a img {
    margin-top:5px;
}

/*----- Donate -----*/
#donate, #needs, #events {
    padding:0 45px 65px 45px;
}
#donate form {
    margin-bottom:15px; padding:20px 0 0 20px;
    border:solid 1px #006900;
}
#donate table {
    color:#006900;
}
#donate table td {
    width:270px; padding-bottom:20px; vertical-align:top;
}
#donate table input {
    width:160px; margin:0 20px 0 0; display:inline;
    border:solid 1px #006900;
}
#donate table strong {
    float:left; display:block;
}
#donate_left {
    width:560px; padding-top:30px; float:left; display:inline;
}
#donate_left input {
     float:right;
}
#donate_right {
    width:280px; padding-top:60px; float:right; display:inline;
}
#donate_right ul {
    padding:0 0 10px 10px;
}
#donate_right li {
    margin-bottom:3px;
}
#donate_right li input {
    margin-top:2px; vertical-align:top;
}
#submit_input input {
    width:auto!important; height:auto!important; float:right; display:inline;
    border:none!important;
}
/*----- Needs -----*/
.needs_bucket {
    width:213px; margin-right:5px; padding-top:30px; float:left; display:inline;
}
.needs_bucket_wrap {
    margin-bottom:5px;
    color:#666;
    border:solid 1px #006900;
}
.needs_bucket li {
    padding-left:8px;
    background:url(../../images/icons/dash.gif) no-repeat 0 8px;
}
#needs_bucket_100_scroll, #needs_bucket_100_500_scroll, #needs_bucket_500_1000_scroll, #needs_bucket_1000_scroll {
    height:215px; padding:10px; overflow:auto;
}

/*----- Events -----*/
#events {
    
}

#events_left {
    width:590px; float:left; display:inline;
}

#events_left li {
    min-height:100px; padding:20px 0 20px 130px;
    background-repeat:no-repeat; background-position:0 50%; border-bottom:solid 1px #689b68;
}

#events_left li a {
    width:120px; display:block;
    background:url(../../images/icons/pdf.gif) no-repeat right 50%;
}

#poker {
    background-image:url(../../images/icons/poker_chip.gif);
}

#golf {
    background-image:url(../../images/icons/golf_ball.gif);
}

#events_right {
    width:240px; float:right; display:inline;
}

#events_right ul {
    margin-bottom:20px;
}

#events_right li {
    padding:3px 0 3px 20px;
    background:url(../../images/icons/pdf.gif) no-repeat 0 50%;
}

/*----- Contact -----*/
#contact {
    background-image:url(../../images/bg/contact.jpg);
}
#contact h1 {
    width:110px; margin-left:45px; float:left;
}
#contact p {
    width:240px; float:left; display:inline;
}

/*----- Global Styles -----*/
.no_margin {
    margin:0;
}