/* Stylesheet 1 -------------------------------*/
/*
a:link { color:#FFFFFF }
a:visited { color:#CCCCCC }
a:hover { color:#FFFFFF }
a:active { color:#FFFFFF }
*/

img { border: none; padding: none; }

body { margin:0; font:12px Tahoma; background-color:#000000; fixed 50%; }

/* Main Page Management */
#main { width:1024px; height:745px;  margin:0px auto; }

#leftbar { width:336px; height:745px; display: block; float: left; }

#midbar { width:338px; height:745px; float: left; height:745px; }

#rightbar { width:350px; height:745px; float: left; }

#newsbox { width:500px; margin:0px auto; background: url("../images/newsbox.jpg") top left; }


/* Link Bar management */
#aboutlink a {  display: block; height: 90px; width: 336px; background: url("../images/about.jpg") no-repeat top left; } 
#aboutlink a:hover  {  display: block; height: 90px; width: 336px; background: url("../images/about.jpg") no-repeat bottom left; } 
#aboutlink a span { display: none; }

#presslink a {  display: block; height: 48px; width: 336px; background: url("../images/press.jpg") no-repeat top left; }
#presslink a:hover  {  display: block; height: 48px; width: 336px; background: url("../images/press.jpg") no-repeat bottom left; } 
#presslink span { display: none; }

#submislink a {  display: block; height: 38px; width: 336px; background: url("../images/submis.jpg") no-repeat top left;  }
#submislink a:hover  {  display: block; height: 38px; width: 336px; background: url("../images/submis.jpg") no-repeat bottom left; } 
#submislink a span { display: none; }

#bloglink a { display: block; height: 36px; width: 336px; background: url("../images/blog.jpg") no-repeat top left; }
#bloglink a:hover  {  display: block; height: 36px; width: 336px; background: url("../images/blog.jpg") no-repeat bottom left; } 
#bloglink a span { display: none; }

#contactlink a { display: block; height: 37px; width: 336px; background: url("../images/contact.jpg") no-repeat top left; }
#contactlink a:hover  {  display: block; height: 37px; width: 336px; background: url("../images/contact.jpg") no-repeat bottom left; } 
#contactlink a span { display: none; }

#pastlink a { display: block; height: 45px; width: 336px; background: url("../images/past.jpg") no-repeat top left; }
#pastlink a:hover  {  display: block; height: 45px; width: 336px; background: url("../images/past.jpg") no-repeat bottom left; } 
#pastlink a span { display: none; }

#volunlink a { display: block; height: 39px; width: 336px; background: url("../images/volunteers.jpg") no-repeat top left; }
#volunlink a:hover  {  display: block; height: 39px; width: 336px; background: url("../images/volunteers.jpg") no-repeat bottom left; } 
#volunlink a span { display: none; }

#opplink a { display: block; height: 52px; width: 336px; background: url("../images/opp.jpg") no-repeat top left; }
#opplink a:hover  {  display: block; height: 52px; width: 336px; background: url("../images/opp.jpg") no-repeat bottom left; } 
#opplink a span { display: none; }

#schedlink  a{ display: block; height: 68px; width: 336px; background: url("../images/schedule.jpg") no-repeat top left; }
#schedlink a:hover  {  display: block; height: 68px; width: 336px; background: url("../images/schedule.jpg") no-repeat bottom left; } 
#schedlink a span { display: none; }

#filmlink a { display: block; height: 106px; width: 336px; background: url("../images/film.jpg") no-repeat top left; }
#filmlink a:hover  {  display: block; height: 106px; width: 336px; background: url("../images/film.jpg") no-repeat bottom left; } 
#filmlink a span { display: none; }


/* Front Page Link management */
#beautylink a { display: block; height: 138px; width: 350px; background: url("../images/itsbeauty.jpg") no-repeat top left; }
#beautylink a:hover  {  display: block; height: 138px; width: 350px; background: url("../images/itsbeauty.jpg") no-repeat bottom left; } 
#beautylink a span { display: none; }

#countlink a { display: block; height: 195px; width: 350px; background: url("../images/counting.jpg") no-repeat top left; }
#countlink a:hover  {  display: block; height: 195px; width: 350px; background: url("../images/counting.jpg") no-repeat bottom left; } 
#countlink a span { display: none; }

#previewlink a { display: block; height: 226px; width: 350px; background: url("../images/preview.jpg") no-repeat top left; }
#previewlink a:hover  {  display: block; height: 226px; width: 350px; background: url("../images/preview.jpg") no-repeat bottom left; } 
#previewlink a span { display: none; }

#newspic { width: 321px; height: 71px; margin:0px auto; }


/* Button Management */
#buttons { width:900px; margin:0px auto; height: 101px; }

#myspacebtn { width: 115px; float: left; padding-left: 60px; padding-right: 60px; }
#myspacebtn a { display: block; height: 100px; width:115px; background: url("../images/myspace.jpg") no-repeat top left; position: relative; }
#myspacebtn a:hover  { display: block; height: 100px; background: url("../images/myspace.jpg") no-repeat bottom left; } 
#myspacebtn a span { display: none; }

#twitbtn { width: 115px; float: left; padding-left: 30px; padding-right: 60px; }
#twitbtn a{ display: block; height: 100px; width:115px; background: url("../images/twitter.jpg") no-repeat top left; }
#twitbtn a:hover  {  display: block; height: 100px; background: url("../images/twitter.jpg") no-repeat bottom left; } 
#twitbtn a span { display: none; }

#facebtn { width: 115px; float: left; padding-left: 60px; padding-right: 60px; }
#facebtn a{display: block; height: 100px; width:115px; background: url("../images/facebook.jpg") no-repeat top left; }
#facebtn a:hover  {  display: block; height: 100px; background: url("../images/facebook.jpg") no-repeat bottom left; } 
#facebtn a span { display: none; }

#donatebtn { width: 115px; float: left; padding-left: 60px; }
#donatebtn a{display: block; height: 100px; width:115px; background: url("../images/donate.jpg") no-repeat top left; }
#donatebtn a:hover  {  display: block; height: 100px; background: url("../images/donate.jpg") no-repeat bottom left; } 
#donatebtn a span { display: none; }

/* Secondary Page Management */
#mainsec { width: 688px; float: right; }

#sectopbar {  }

#secHome { width: 170px;}
#secHome a { display: block; height: 53px; width:170px; background: url("../images/home.jpg") no-repeat top left; float: left; }
#secHome a:hover  {  display: block; height: 53px; width: 170px; background: url("../images/home.jpg") no-repeat bottom left; float: left;}

#secMidbar  { height: 53px; width:518px; background: url("../images/topHomeafter.jpg"); float: right; }

#secbase { width: 688px; height: 559px; background: url("../images/mainbase.jpg"); float: left; }

#newsletter { height: 780px; width: 566px; margin: 0px auto; }

#newsletter2 { height: 179px; width: 270px; background: url("../images/newsletter21.jpg"); float: left; }


#submit a{display: block; height: 179px; width:296px; background: url("../images/newsletter22.jpg") no-repeat top left; margin: 0px auto; float: right; }
#submit a:hover  {  display: block; height: 179px; width: 296px; background: url("../images/newsletter22.jpg") no-repeat bottom left; margin: 0px auto; } 
#submit a span { display: none; }

body#newspage a:link { color: #cccccc; }
body#newspage a:visited { color:#cccccc; } 
body#newspage a:hover { color:#cccccc; } 
body#newsletter  { color: white; }