/* CSS Document */

body {margin: 0px; padding:0px;
scrollbar-face-color:#D76B9E;
scrollbar-arrow-color:#F8E9F1;
scrollbar-track-color:#F6EBF0;
scrollbar-highlight-color:#EAC0D7;
scrollbar-shadow-color: #C56291;
scrollbar-3dlight-color:#EAC0D7;
scrollbar-darkshadow-color:#D76B9E;}
#container {position:absolute; top: 50%; left: 50%; height:510px; width:760px; margin-top: -255px; margin-left:-380px; padding:0px;}
#header {position:relative; top: 0; left: 0; height:104px; width:760px; margin:0px; padding:0px; background-image:url(images/bkgd_header.jpg);}
#header img {border:0px;}
div#logo {position:relative; left:0px; top:0px; margin:0px; padding:0px; border:0px;} 
div#sgklogo {font:Helvetica, Arial, sans-serif; line-height:10px; color:#000000; width:67px; margin:0; padding:0px; position:absolute; right:17px; top:8px;text-align:center;}
div#sgklogo a {font-size:9px; color:#000000;text-decoration:none;}
div#sgklogo a:hover {color:#ce4591;}

#navmenu {position:relative; top: 0; left: 0; height:387px; width:194px; margin:0px; padding:0px; background-image:url(images/bkgd_navmenu.jpg);}
#mainbody {position:relative; top: 0; left: 0; height:387px; width:566px; margin:0px; padding:0px; background-image:url(images/bkgd_main.jpg);}
#footer {position:relative; top: 0; left: 0; height:9px; width:760px; margin:0px; padding:5px 0px; clear:both; color:#333333; font-family:Helvetica, sans-serif; font-size:9px; text-align:right;}
#footer p {float:left;margin:0px;padding:0px;}
#footer ul {list-style-type:none;margin:0px;padding:0px;float:right;}
#footer ul li {list-style-type:none;float:left;}
#footer ul li a {color:#333333;font:Helvetica, Arial, sans-serif; font-size:9px; text-decoration:none;margin:0px 3px;}
#footer ul li a:hover {text-decoration:underline;color:#ce4591;}

/*menu styles */

#menu {position:relative; top:17px; left:12px;width:153px; height:256px; background:transparent url(images/bkgd_menu_1.jpg); overflow:hidden; margin:0px;padding:0px;}
#menu ul {margin:0px; padding:0px;}
#menu ul li {list-style-type:none; width:153px; height:32px; display:inline;}
#menu ul li a {display:block; float:left; width:153px; height:0px; overflow:hidden; color:#000; text-decoration:none; padding-top:32px; background: url(images/bkgd_menu_ovr.gif); background-repeat:no-repeat; background-position: 500px 500px;}
* html #menu a  {height:32px; he\ight:0px;}
#menu a#nav_walk:hover {background-position: -300px -250px; z-index:50;}
#menu a#nav_events:hover {background-position: -300px -282px; z-index:50;}
#menu a#nav_volunteer:hover {background-position: -300px -314px; z-index:50;}
#menu a#nav_ourstory:hover {background-position: -300px -346px; z-index:50;}
#menu a#nav_galleries:hover {background-position: -300px -378px; z-index:50;}
#menu a#nav_sponsors:hover {background-position: -300px -410px; z-index:50;}
#menu a#nav_contact:hover {background-position: -300px -442px; z-index:50;}
#menu a#nav_donate:hover {background-position: -300px -474px; z-index:50;}
/* you are here button state */
body#body_walk div#container div#menu a#nav_walk {background-position: -300px -250px; z-index:50; cursor:default;}
body#body_events div#container div#menu a#nav_events {background-position: -300px -282px; z-index:50; cursor:default;}
body#body_volunteer div#container div#menu a#nav_volunteer {background-position: -300px -314px; z-index:50; cursor:default;}
body#body_ourstory div#container div#menu a#nav_ourstory {background-position: -300px -346px; z-index:50; cursor:default;}
body#body_galleries div#container div#menu a#nav_galleries {background-position: -300px -378px; z-index:50; cursor:default;}
body#body_sponsors div#container div#menu a#nav_sponsors {background-position: -300px -410px; z-index:50; cursor:default;}
body#body_contact div#container div#menu a#nav_contact {background-position: -300px -442px; z-index:50; cursor:default;}
body#body_donate div#container div#menu a#nav_donate {background-position: -300px -474px; z-index:50; cursor:default;}

#viddonate {color:#FFFFFF; width:210px; height:19px; background-image:url(images/bkdg_vid_donate.jpg); position:absolute; right:0px; top:464px; z-index:80; visibility: visible; text-align:center; line-height:19px; vertical-align:middle; font-size:9px;padding:6px 0px 2px 0px}
#viddonate a {color:#FFFFFF; font-family:Helvetica, sans-serif; font-size:10px; text-decoration:none; margin:0 4px;}
#viddonate a:hover {text-decoration:underline;}

#updates {background-image:url(images/subscribe.gif); height:100px; width:194px;position:absolute;bottom:0px;left:0px;z-index:80;}
#updates a {position:relative; top:50px; left:106px;}
#updates a:link {font-family:Helvetica, Arial, sans-serif; font-size:9px; color:#555555; text-decoration:underline;}
#updates a:visited {font-family:Helvetica, Arial, sans-serif; font-size:9px; color:#555555; text-decoration:underline;}
#updates a:hover {font-family:Helvetica, Arial, sans-serif; font-size:9px; color:#ce4591; text-decoration:none;}
#updates a:active {font-family:Helvetica, Arial, sans-serif; font-size:9px; color:#555555; text-decoration:underline;}

/*home */
.frame, .foto {height:253px; width:541px; position:relative; top:0px; left:0px; margin:0;padding:6px 8px 7px 7px; background-image:url(images/bkgd_fotoframe.gif); background-repeat:no-repeat;}

.textbox {width:530px; height:80px; color:#000000; font: 11px/14px Helvetica; position:relative;top:10px;left:13px;margin:0px;padding:0px;}
.textbox a {color:#000000; font-weight:bold; text-decoration:none;}
.textbox a:hover {text-decoration:underline;}
.textbox p {margin:10px 0px 0px 5px;}
.textbox img {float:left;margin:0px 5px 0px 0px;}

span.headline {display:inline; font-weight:bold; text-transform:uppercase;}

/*sponsors styles */
#sponsors {position:relative; top: 0; left: 0; height:387px; width:566px; margin:0px; padding:0px; background-image:url(images/bkgd_sponsors.jpg);}
#scrollbox {position:absolute; top: 110px; left: 110px; height:160px; width:358px; margin:0px; padding:0px; overflow:auto;}
#scrollbox p {font: 10px/12px Helvetica; text-align:center;margin:0 0 10px 0; width:330px;}
#scrollbox p a {color:#333333; text-decoration:underline;}
#scrollbox p a:hover {color:#ce4591; text-decoration:none;}

/* galleries styles */
#galleries {position:relative; top: 0; left: 0; height:387px; width:566px; margin:0px; padding:0px; background-image:url(images/bkgd_galleries.jpg);}
#video {position:relative;top:70px;height: 265px; width:184px;float:left;padding:0px 0px 0px 24px;}
#video img {padding:0px; width:148px;height:107px;border:#d181ad solid 8px;position:relative;top:55px;}
#videoplayer {height:300px; width:320px; position:absolute; top:50%; left:50%; margin-left:-160px; margin-top:-150px; text-align:right;}

#videoplayer a:link {font-family:Helvetica, Arial, sans-serif; font-size:10px; color:#FFCCFF; text-decoration:underline;}
#videoplayer a:visited {color:#FFCCFF; text-decoration:underline;}
#videoplayer a:hover {color:#FFFFFF; text-decoration:none;}
#videoplayer a:active {color:#FFCCFF; text-decoration:underline;}

#photo {position:absolute;top:70px;left:208px;width:342px; height:265px; border-left:#333333 1px solid; padding:0px; margin:0;}
#galleries h1 {width:90%; text-align:center; margin:0px; padding:0px}

/* subscribe page styles */
div#subscribe {position:absolute; top: 50%; left: 50%; margin-top:-194px;margin-left:-283px; height:387px; width:566px; padding:0px; background-image:url(images/bkgd_subscribe.jpg); border:1px solid #ce4591;}
#subscribe div.textbox {position:relative;top:130px; height: 160px; left:132px;width:330px; color:#000000; font: 11px/16px Helvetica; text-align:left;}
#subscribe div.textbox h1 { clear:left; width:100%; color:#000000; font: 11px/16px Helvetica; overflow:hidden; text-align:left;}
 
/* contact styles */
#contact {position:relative; top: 0; left: 0; height:387px; width:566px; margin:0px; padding:0px; background-image:url(images/bkgd_contact.jpg);}
#contact div.textbox {position:relative;top:155px; left:214px;width:270px; color:#000000; font: 11px/16px Helvetica; }
#contact a:link {color:#000000; font: 11px/16px Helvetica; text-decoration:none; font-weight:bold;}
#contact a:visited {color:#000000; text-decoration:none; font-weight:bold;}
#contact a:hover {color:#ce4591; text-decoration:underline; font-weight:bold;}
#contact a:active {color:#000000; text-decoration:none; font-weight:bold;}

/* donate styles */
#donate {position:relative; top: 0; left: 0; height:387px; width:566px; margin:0px; padding:0px; background-image:url(images/bkgd_donate.jpg);}
#donate div.textbox {position:relative;top:97px; left:132px;width:343px; color:#000000; font: 11px/16px Helvetica; }
#donate div.textbox span {margin-left:5px;}
#donate div.textbox a {margin-left:10px;}
#btn_donate {width:120px;height:40px; position:absolute;left:338px;top:77px;z-index:80;}
#btn_donate img {border:0px;}

/*our story styles */
#ourstory {position:relative; top: 0; left: 0; height:387px; width:566px; margin:0px; padding:0px; background-image:url(images/bkgd_ourstory.jpg);}
#ourstory div.textbox {position:relative;top:113px; left:105px;width:451px; height:240px; overflow:auto; color:#000000; font: 11px/16px Helvetica; padding:0px 10px 0px 0px; }
#ourstory div.textbox p {margin:0px 0px 10px 0px;}

/* events styles */
#events {position:relative; top: 0; left: 0; height:387px; width:566px; margin:0px; padding:0px; background-image:url(images/bkgd_events.jpg);}
#events div.textbox {position:relative;top:70px; left:25px;width:520px;height:250px; color:#000000; font: 11px/16px Helvetica; 	overflow:auto;}
#events h1 {color: #ce4591;}
.date {font-weight:bold;}
.title {font-weight:bold; text-transform:uppercase;}
.description {}
.location {font-style:italic;}

h1 {color:#000000; font: 11px/16px Helvetica; font-weight:bold; text-transform:uppercase; width:475px; text-align:center;}

.sub_btn {color:#000000; font: 11px Helvetica; background-color: transparent; border: 0; padding: 0;text-decoration:underline;}