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

/*---BASICS-----------------------------*/

body {
	font: 75%/1.4em Verdana, "Lucida Grande", sans-serif;
	margin: 0;
	padding: 0;
	color: #000099;
	background-color: #C9C9DE;
	background-image: url(../images/bcgr.jpg);
	background-repeat: repeat-x;
	}
#wrapper{
	position: relative; width: 900px; margin: 0 auto;
	}

#apDiv1 {
	position:absolute;
	width:135px;
	height:56px;
	z-index:1;
	left: 745px;
	top: 177px;
    }
p {
	padding:0; margin:0;
	}
ul, ol, li { 
	list-style: none; padding: 0; margin: 0;
	}
.clear { 
	clear: both; height: 1px; line-height: 1px;
	}
a:link, a:visited, a:hover { 
	color: #232323; 
	}
a:link img, a:visited img { 
	border: none;
	}
a:focus, a:active, a:visited {
	outline: none; 
	}
#errorDisplay {
    margin: 110px 0 0 0;  
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	}
#errorDisplay p {
	margin-bottom: 12px;
	}
.noUnderline {
	text-decoration: none;
	}



/*---TOP-----------------------------*/

#top { 
	position: relative; top: 0; left: 0; width: 900px; 
	height: 156px; /* relative to height next = where white starts */
	}
#logoImg {
	position: absolute;
	top: 8px;
	left: 21px;
	width: 150px;
	height: 148px; /* note height below also set in pages when get image */
	z-index: 1;
	}
h1.imageText {
	position: absolute;
	width: 900px;
	text-indent: -999em;
	margin: 0;
	padding: 0; /* location to start text */
	height: 108px;
	top: 48px;
	z-index: -1;
	background-color: #313150;
	background-image: url(../images/ForEachWord.gif);
	background-repeat: no-repeat;
	background-position: 196px 26px;
	}
ul#menuTop {
	position: absolute; left: 540px; top: 17px; width: 355px; height: 18px; /*adj width if add menu item*/
	}
ul#menuTop li {
	float: left; width: 60px; height: 18px; border-right: 1px solid #ffffd8;
	}
ul#menuTop li.officers {
    width: 75px;
	}
ul#menuTop li.links {
    width: 55px;
	}	
ul#menuTop li.more {
	width: 50px; border-right: 0; /* border-right = thin white line between menu sections - don't want after last one */
	}	
ul#menuTop li a {
	display: block; width: 100%; text-indent: -999em;
	}
ul#menuTop li.home a {
	background-image: url(../images/topMenu.gif);
	background-repeat: no-repeat;
	background-position: 0 -19px;
	}
ul#menuTop li.officers a {
	background-image: url(../images/topMenu.gif);
	background-repead: no-repeat;
	background-position: -55px -19px;
	}
ul#menuTop li.links a {
	background-image: url(../images/topMenu.gif);
	background-repeat: no-repeat;
	background-position: -130px -19px;
	}	
ul#menuTop li.news a {
	background-image: url(../images/topMenu.gif);
	background-repeat: no-repeat;
	background-position: -183px -19px;
	}
ul#menuTop li.more a {
	background-image: url(../images/topMenu.gif);
	background-repeat: no-repeat;
	background-position: -243px -19px;
	}
ul#menuTop li.home a:hover, body#home ul#menuTop li.home a { 
	background-image: url(../images/topMenu.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
ul#menuTop li.officers a:hover { 
	background-image: url(../images/topMenu.gif);
	background-repeat: no-repeat;
	background-position: -55px 0;
	}
ul#menuTop li.links a:hover, body#links ul#menuTop li.links a { 
	background-image: url(../images/topMenu.gif); 
	background-repeat: no-repeat;
	background-position: -133px 0;
	}	
ul#menuTop li.news a:hover, body#news ul#menuTop li.news a { 
	background-image: url(../images/topMenu.gif);
	background-repeat: no-repeat;
	background-position: -183px 0;
	}	
ul#menuTop li.more a:hover, body#more ul#menuTop li.about a { 
	background-image: url(../images/topMenu.gif);
	background-repeat: no-repeat;
	background-position: -243px 0;
	}






	
/*---CONTENT - FIRST PAGE ----------------------------*/

.contentWrap { 
	float: left; width: 860px; padding: 0 20px 10px 20px; 
	display: block;  
	}
.topPatch {   
	float: left; width: 860px; height: 9px; background-color: #ffffff;
	}
.contentFirst { 
	background-image: url(../images/contentFirstBcgr.gif);
	background-repeat: repeat-y;
	background-position: 20px 0;
	background-color: #ffffff;
	}
#contentLeft {
	float: left;
	width: 152px;
	}
.whitespace {
	line-height: 22px;
	background-color: #ffffff;
	}
.linkspace {
	line-height: 22px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #7473AF;
	}
.linkspacer {
	line-height: 22px;
	}
#contentLeft p { 
	padding: 0px 6px; line-height: 1.5;
	}

#contentMid {
	position: relative;
	float: left;
	width: 450px;
	height: 380px;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 30px;
	}
#contentMid a#yesterdayTotals {
	border: none;
	position: absolute;
	top: 275px;
	left: 310px;
	width: 100px;
	height: 50px; 
}	
.wordSelection {
	margin: 0px 10px 0px 100px; 
	padding-top: 42px; /* margin-top not work with ff height */
	}
.wordSelection .hover {
	cursor: pointer;
	}
.wordSelection li {
	margin-bottom: 20px; font-size: 1.4em;
	}
.wordSelection li a{ 
	text-decoration: none;
	color: #232323;
	}	
.wordSelection ol a:hover { 
	font-weight: bold;
	}	
#contentRight {
	float: left;
	width: 200px;
	line-height: 1.3em;
	}
h2#tHowToPlay {
	height: 40px;
	width: 100%;
	font-size: 1px;
	text-indent: -999em;
	margin:0;
	padding: 0;
	background-image: url(../images/tHowToPlay.gif);
	background-position: 50px 13px;
	background-repeat: no-repeat;
	margin-bottom: -15px;
	}
#contentRight li { 
  list-style: none; 
  padding: 18px 14px 0; 
	}	
#contentRight p { 
	padding: 19px 14px 0;
	}




	
/*---CONTENT - SECOND PAGE -----------------------------*/

.contentSecond {
	background-image: url(../images/contentSecBcgr.gif);
	background-repeat: repeat-y;
	background-position: 20px 0;
	background-color: #ffffff;
	display: block;
	}
#contentSecLeft {
	float: left; width: 494px;
	}
#contentSecLeftTop {
	padding: 23px 16px 0px 152px;  background-color: #c2ce79;  
	height: 42px; /* HEIGHT 1 SECOND MIDDLE SECTION = this + padding above = should total 65---*/
	}
#contentSecLeftBot { 
	padding: 0; 
	height: 265px; /* eg 22 padding + 48 height above=65 + 265 here = 330 same as page 1;  HEIGHT 2 SECOND MIDDLE SECTION ---*/
	}
#contentSecLeftBot .wordSelection {
	margin-left: 152px; 
	}
#contentSecLeftBot	p.vocabLevel { 
    color: #536a03; font-size: 90%; margin: 25px 30px 0 0; text-align: right; 
	}
#contentSecRight {
    position: relative; 
	float: left; width: 354px;
	background-image: url(../images/bowl.jpg);
	background-position: 71px 15px;
	background-repeat: no-repeat;  
	}
#contentSecRight #ricePicture { 
	position: absolute; top: 50px; left: 106px; 
	}
#contentSecRight #amountThousands {
	position: absolute; top: 17px; left: 20px; 
	background-image: url(../images/iconsThousand.gif);
	background-repeat: no-repeat; 
	width: 45px; /* height set in style in html=how many hundreds to show */
	} 	
#contentSecRight #amountHundreds {
	position: absolute; top: 17px; left: 317px; 
	background-image: url(../images/iconsHundred.gif);
	background-repeat: no-repeat; 
	width: 45px; /* height set in style in html=how many hundreds to show */
	} 	
p#donatedAmount {
	font-size: 1.2em; color: #ffffd8; text-align: center; 
    margin: 278px 16px 12px 38px; 
	}







/*---SPONSORS-----------------------------------*/
	

#sponsorList {
	clear: both; padding: 0; background-color: #ffffff;
	padding-top: 20px; 	height: 55px; /* pad+height=75 = determines white space after sponsors */
    padding-left: 17px; 
	}
#sponsorList span { 
	padding-left: 154px; 
	}





/*---FOOTER-----------------------------*/
#footer {
	width: 100%; padding: 38px 0; color: #313150; font-size: .9em; text-align: center; background: url(../images/shadowBot.png) no-repeat;
	}
#footer ul {
	margin-left: 10px;
	}
#footer li {
	display: inline; margin: 0 7px 0 0px;
	}
#footer li a {
	border-left: 1px #ffffd8 solid; padding: 0 0px 0 10px;
	text-decoration: none; 
	}
#footer li.home a {
	border-left: none; padding-left: 0;
	}
#footer a:link, #footer a:visited, #footer a:hover {
	color: #313150;
	}
#footer a:hover {
	text-decoration: underline;
	}

	




	
/*---ABOUT, FAQ, TOTALS-----------------------------*/

body#faq, body#privacy, body#totals { 
     background-image: url(../images/bcgrRepeat.jpg);
	 background-repeat: repeat;
	 background-color: #313150;
	}	
#afContentWrap {
	width: 860px; padding: 22px 20px 0 20px;
	background-color: #ffffff; 
	}
#afSideBar {
    background-image: url(../images/ParisTack.jpg);
	background-repeat: no-repeat; /* repeating for long pages */
	}
body#about #afSideBar {
    background-image: url(../images/ParisTack.jpg);
	background-repeat: no-repeat; /* just for shorter page about */
    }
#afContent {
	width: 638px;
	margin-left: 174px;
	padding: 30px 22px 25px 26px;
	background-color: #e7e7f5;  /*ie6 problem with width at 640*/
	}
#afContentLinks {
	width: 638px;
	margin-left: 174px;
	padding: 30px 22px 25px 26px;
	background-color: #e7e7f5;  /*ie6 problem with width at 640*/
	}
body#about #afContent {	
	height: 350px; /* fits picture on side for short page - 445 for 500 pic, 495 for 550 (for form)*/
	}		
body#about #afContentLinks {	
	height: 750px; /* fits picture on side for short page - 445 for 500 pic, 495 for 550 (for form)*/
	}		
body#officers #afContent {	
	height: 445px; /* fits picture on side for short page - 445 for 500 pic, 495 for 550 (for form)*/
	}		
#afContent h2 {
 	margin: 0;  /* since 35 padding-top below on h3 */
	}
body#about #afContent h2, body#totals #afContent h2 {
	margin-bottom: 0px; /* for when no h3 next  */
	}
#afContent h3 { 
	padding-top: 35px;
	font-size: 1.1em;
	}
#afContent p {
	margin: 0 0 20px 0; padding: 0; line-height: 1.5;
	}
#afContent button {
	margin-left:5px;
	}	
body#faq #afContent ul {
	margin-bottom: 12px;
	}
body#faq #afContent ul li { 
    list-style: disc inside; 
    padding: 0px 14px 6px; 
	}
body#about #afContent ol{
	margin: 0px 0px 18px 20px;
	}
body#about #afContent ol li{
	list-style: decimal inside;
	margin-bottom: 12px; 
	}
#afContentBottom {   
	clear: both; width: 900px; background-color: #ffffff;
	height: 22px; 
	}
body#totals table {
	line-height: 1.5;
	margin: 0 0 30px -10px;
	}
body#totals td,th {
	text-align: right;
	vertical-align: bottom;
	}		
body#totals th {
	font-size:110%;
	}