@charset "UTF-8";
/* CSS Document */

html,body{margin:0;padding:0}

body{font-size:small;
     font-family: Verdana, arial, sans-serif;text-align:center;
     margin-top: 12px;
	 margin-bottom: 12px;}
.clear {clear: both;}
	 
div#container{text-align:left;
              border: 1px solid gray;
			  background: url(images/content_bg2.gif) repeat-y 0 0;
			  width:980px;margin:0 auto}
span.dropcap {position:relative;
              left: 12px;
			  top: 5px;}
			  
p{margin:12px 10px 10px 10px;}

h1 {font-family:Georgia, "Times New Roman", Times, serif;
     font-size: 140%;
	 color:#000066;
	 padding-left: 5px;}
h2 {font-family:Georgia, "Times New Roman", Times, serif;
     font-size: 110%;
	 color:#000066;
	 padding-left: 5px;
	 padding-top:}

p#message {margin: 0; 
           padding: 10px 31px 10px 10px;
		   font-size: 100%; 
		   color: #ffffff; 
		   text-align: right; 
		   background: url(images/message_bg2.gif) repeat-x 0 20%; }
p.emphasis {font-size: 140%;
            color: #990000;
			font-style:italic;}
			
p.emphasis2 {font-size: 110%;
             border: 1px solid gray;
			 padding: 10px;
			  font-style:italic;
			  background-color:#FFFFCC;}
		   
		   

div#header {background: white;}
div#header td#tagline {padding: 0 0 5px 8px;}
div#header h1{height:130px;margin:0;}

  
#imageReplacement{height: 130px;
                  text-indent: -5000px;
				  background: url(images/AlphaHeader.gif) no-repeat;}
div#wrapper {}

div#content{float:left;width:640px;
            margin-top: 10px;}
div#content p{line-height:1.4;}
div#content ul {margin-top: 1.0em;}
div#extra{}

div#navigation{float:right;width:330px;
               background:transparent;}
div#extra{clear:both;width:100%;
           background:transparent}

.box
  {margin: 10px 0 20px 20px;
  padding: 0 0 12px 0;
  font-size:85%;
  line-height:1.5em;
  color: #666;
  background: #fff url(images/boxBottomRight2.gif) no-repeat bottom right;
  width: 285px;}
  
.box h3 { margin: 0;
       padding: 8px;
	   font-family: Georgia, "Times New Roman", Times, serif;
	   font-size: 140%;
	   color: #000066;
	   background: url(images/boxTopLeft2.gif) no-repeat top left;}

.box p, .box ul {margin: 0;
                 padding-left: 8px;}

.box ul li {margin: 0 0 0 -5px;
	          padding: 0 0 0 5px;
			  list-style: none;
			  background: transparent;
			  line-height: 1.2em;}
.box ul li a{display:block;color:#000066; padding:7px;
             font-family:"Trebuchet MS", "Big Caslon", Arial, Monaco;
			 font-size:140%;}
.box ul li a:link{ text-decoration: none;
                   color: #000066;}
.box ul li a:visited{color: #000066;
                     text-decoration: none;}
.box ul li a:hover{text-decoration: none;
                   background-color:#000066;
				   color:#fff;}


blockquote {position:relative;
            width: 285px;
            margin: -60px 0 0 0 ;
			padding: 0 0 0 0;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:150%;
			letter-spacing: -1px;
			line-height: 1em;
			text-align:center;
			color:#000066;}

p#quote {margin:0 10px 0 0;
         padding: 5px 5px 5px 5px;
		 }
		   
div#footer{background: url(images/message_bg2.gif) repeat-x 0 20%;
            color: #FFF;
			}
div#footer p{margin:0;padding:5px 10px;
             text-align:center;
			 padding: 10px 0 10px 0;}
div#footer a:link {color: #ffffff;
                   text-decoration: underline;}
div#footer a:visited{color: #ffffff;}
div#footer a:hover{text-decoration: none;}
			 
div#leftquote {position: relative;
               top: -40px;
			   left: -30px;
			   height: 50px;
			   background: transparent url(images/quoteleft.gif) top left no-repeat;}
			   
div#rightquote {position: relative;
               top: -50px;
			   left: 220px;
			   height: 50px;
			   background: transparent url(images/quoteright.gif) top left no-repeat;}

p#author {margin: 0 10px 0 0;
          padding: 0 0 10px 0;}
div#movie {margin-left: 300px;}
#reactions {border: 1px solid gray;}
div#volunteerVideo {float:right;
                    padding: 10px;}