/* CSS Document */

body    { margin:0; padding:0; background:#eee; font:0.8em "Lucida sans", "Trebuchet MS", Verdana, Arial, sans-serif; line-height:180%; text-align:center; }

h2  { font-size:1.5em; }
h3  { font-size:1.2em; }
h4  { font-size:1em; }
h5  { font-size:0.8em; }
h6  { font-size:0.8em; }

p   {  }

a           { text-decoration:underline; color:#0000FF; }
a:hover     { text-decoration:underline; }
a img       { border:none; }

#wrapper    { margin:0 auto; padding:0; background:url(../i/bg.jpg) repeat-y left; height:auto; width:780px; text-align:center; }
#top        { margin:0 auto; padding:0; background:url(../i/top.jpg) no-repeat; height:225px; width:760px; }
#internal   { margin:0 auto; padding:0; width:760px; height:auto; text-align:left; display:block; }
#logo      { margin:0 auto; padding:0; background:url(../i/logo.jpg) no-repeat; height:125px; width:760px; }
#Xlogo       { position: relative; top: 150px; left: 0px; background:url(../i/logo.jpg) no-repeat; height:125px; width:270px; border: 0px;}
#texthelp   { height:87px; width:66px; margin: 0 auto; }

#main       { margin:0; padding:0 30px 20px 30px; width:550px; height:auto; float:right; /* False value for IE4-5.x/Win. */ voice-family:"\"}\""; voice-family:inherit; width:480px; }
#main2      { margin:0; align:right; }
html>body #main { width:480px; }
#main h2, #main h3, #main h4, #main h5, #main h6
            { padding: 0px 10px; border: 0px #f00 solid; }
#main p, #main img
            { padding: 5px 10px; border: 0px #0f0 solid; }
#main a     { text-decoration:underline; }

#styles     { margin:0 auto; padding:0; clear:both; height:auto; width:760px; }
#styles img { vertical-align:text-bottom; margin:0; padding:0; }
#logos      { margin:0 auto; padding:0; height:auto; width:760px; }
#footer     { margin:0 auto; padding:0; height:auto; width:780px; text-align:center; }
#footer p   { margin:0 0 10px 0; padding:0; }
#bottom     { margin:0 auto; padding:0; background:url(../i/footerBG.jpg) no-repeat; height:27px; width:780px; }

.left       { float:left; display:inline; margin:0; padding:0 0 0 40px; text-align:left; }
.right      { float:right; display:inline; margin:0; padding:0 40px 0 0; text-align:right; }

#menu       { margin:0; padding:20px 0 0 1px; width:190px; height:auto; float:left; }
.link       { height:auto; margin:0; padding:0; }
#menu li    { height:auto; display:block; margin:0; padding:0; }
#menu li a  { display:block; height:auto; margin:0 0 0 26px; padding:0; background:url(../i/menuDivider.gif) no-repeat bottom; text-decoration:none; }
#menu li a:hover    { text-decoration:underline; }

.paragraph  { margin:1em 0; padding:0; display:block; }

img, a      { border:0; }
ul.noList   { list-style:none; margin:0; padding:0; }
.noList li  { list-style:none; }
.style1     { color: #990000; }
.style2     { color: #003366; }
.style3     { color: #009933; }
.style4     { color: #FF6600; }
.style5     { color: #990099; }
.style6     { color: #0099CC; }

.hide       { display:none; }
hr          { display:none; }
.bold       { font-weight:bold; }

.checklist li   { margin:2em; padding:0; }

.divider        { clear:both; }

fieldset        { margin:0 0 1em 0; padding:1em; }
.footerBlurb    { display:block; margin:0; padding:0; font-size:1.1em; font-weight:bold; }

div.eventsphoto img{
    border: none;
    margin: 10px 10px 10px 10px;
    width: 250px;
    float:right;
}

.clear          { clear:left; }
#charity        { float: right; margin: 0 20px 0 0; vertical-align: top; text-align: right; }
#charity span	{ margin-bottom: 5px; }
#TTSbarbutton   { float: right; margin: 0px 40px 0 0; }

#recite {
  background: #0ef275;
  background-image: -webkit-linear-gradient(top, #0ef275, #1bb007);
  background-image: -moz-linear-gradient(top, #0ef275, #1bb007);
  background-image: -ms-linear-gradient(top, #0ef275, #1bb007);
  background-image: -o-linear-gradient(top, #0ef275, #1bb007);
  background-image: linear-gradient(to bottom, #0ef275, #1bb007);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
  margin-top: 5px;
  text-decoration: none;
  cursor: pointer;
}

#recite:hover {
  background: #fc3c6f;
  background-image: -webkit-linear-gradient(top, #fc3c6f, #d934d6);
  background-image: -moz-linear-gradient(top, #fc3c6f, #d934d6);
  background-image: -ms-linear-gradient(top, #fc3c6f, #d934d6);
  background-image: -o-linear-gradient(top, #fc3c6f, #d934d6);
  background-image: linear-gradient(to bottom, #fc3c6f, #d934d6);
  text-decoration: none;
}

.menuhelp       { padding-left:20px; text-align: center; }
.alert          { color: #f00; }
.accessibility  { display: none; }
.ruler          { margin: 5px; border-top: 1px solid #666; padding: 0px; }

.videoborder    { margin: 5px 10px; }