/* CSS Document */

body {
	background-color: #666666;
	margin: 0px;
	color: 000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(/Images/bg_fade.jpg);
	background-repeat:repeat-y;
	background-position: top center;
}

#wrapper {
	width: 790px;
	margin: 0 auto;
	text-align: left;
}

#header {
	background-color: #666666;
	background-image: url(Images/header.jpg);
	background-repeat: no-repeat;
	width: auto;
	margin: 0px;
	width: 790px;
	height: 185px;
	
}

/*header menu*/

#rightmenu {
	height: 23px;
	width: 757px;
	margin: 0px;
	padding-left: 8px;
    padding-right: 25px;
	background-color: #64151D;
	font-family: Elmore;
	
}

#clear {
	height: 1px;
}

div.row span.left {
  float: left;
  text-align: left;
  background-color: #64151D;
  }

div.row span.right {
  float: right;
  text-align: right;
  padding-top: 3px;
  background-color: #64151D;
  font-family: Elmore;
  }
/*end of header menu*/

#headernavigation  {
       background-color: #64151D;
       height: 23px;
       width:auto;
       margin: 0px;
       border: 0;
       align: right;
}

a:link {
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

a:visited {
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

a:hover {
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

a:active {
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.headerlink:link {
        color: #ffffff;
        font-size: medium;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.headerlink:visited {
        color: #ffffff;
        font-size: medium;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.headerlink:hover {
        color: #ffffff;
        font-size: medium;
        font-variant: normal;
        font-weight: normal;
        text-decoration: underline;
}

.headerlink:active {
        color: #ffffff;
        font-size: medium;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.footerlink:link {
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.footerlink:visited {
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.footerlink:hover {
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: underline;
}

.footerlink:active {
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.standard a:link {
        color: #0000FF;
        font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.standard a:visited {
        color: #0000FF;
        font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.standard a:hover {
        color: #0000FF;
        font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: underline;
}

.standard a:active {
        color: #0000FF;
        font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.download:link {
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.download:visited {
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-variant: normal;
        font-weight: normal;
        text-decoration:none;
}
.download:hover {
        color: blue;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-variant: normal;
        font-weight: normal;
        text-decoration:none;
}

.download:active {
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.gamelink:link {
        color: #990000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
}

.gamelink:visited {
        color:#990000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-variant: normal;
        font-weight: bold;
        text-decoration:none;
}
.gamelink:hover {
        color: blue;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-variant: normal;
        font-weight: bold;
        text-decoration:underline;
}

.gamelink:active {
        color: blue;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
}

.linkspage a:link {
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.linkspage a:visited {
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.linkspage a:hover {
        color: #0000FF;
        font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: underline;
}

.linkspage a:active {
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
}

.maintable {
background-color:#FFFFFF;
width:790px}

td {
text-align: center;
}

td.linepad{
padding:5px
}

.borderright {
border-right-color: #000000;
border-style:solid;
border-top: none;
border-right:thin;
border-bottom: none;
border-left: none;
}

#footer {
background-image: url(Images/footer.jpg);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#000000;
text-align: center;
font-size: 12px;
}

.floatimageleft {
padding-right: 10px;
float: left;
} 

.pa {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
text-align:justify;
padding-right: 10px;
padding-left: 10px;
}

#other {
}

.sectionheader {
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bolder;
color:#000000;
text-align:left;
}

.sidebarbuttons {
padding-left: 5px;
text-align: left;
}

.worksheettext{
font-size:12px;
font-weight:bold;
}

#notegraphic {  /*tells div to go left of the notecontent box*/
float:left;
vertical-align:top;
width: 100px;
margin-left: 5px;
padding-top: 5px;
}

#bookgraphic {  /*tells div to go left of the bookcontent box*/
float:left;
vertical-align:top;
width: 200px;
margin-left: 5px;
}

#notecontent { /*notecontent box*/
float: right;
vertical-align:top;
width: 300px;
margin: 15px 125px 0px 0px ;  /* positions the box next to the other. This will have to be adjusted depending on the  notegraphic.*/
padding-top: 5px;
text-align:left;
}

#bookcontent { /*bookcontent box*/
float:right;
width: 300px;
margin: 0 50px 0 0px ;  /* positions the box next to the other. This will have to be adjusted depending on the  bookgraphic.*/
padding-top: 20px;
text-align:left;
}

.term {/*name of note*/
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:16px;
font-weight:bold;
font-style: normal;
text-align: left;
}

.definition { /*definition of note*/
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
font-style: italic;
font-weight: normal;
text-align: left;
}

.pagetext {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
text-align:center;
width:550px;
}

ol li { /*fun-facts list*/
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
font-style: italic;
text-align:justify;
line-height:1.15em;
}

.factwidth { /*fun-fact width of text*/
width:500px;
text-align:left;
}

.symbolsectionheader {  /*Name of each section*/
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bolder;
color:#000000;
text-align:left;
}

.aboutmesectionheader {  /*Name of each section*/
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
color:#000000;
text-align:left;
}

.lessonsectionheader {  /*Name of each section*/
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
color:#000000;
text-align:left;
}

.bookheader {  /*Name of each section*/
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
color:#000000;
text-align:left;
}

.gamesectionheader {
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bolder;
color:#000000;
text-align:left;
}

.linksectionheader {
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bolder;
color:#000000;
text-align:left;
}

.symboldivider {  /*horzonatal rule*/
color:#660000;
text-align: left;
width: 350px;
background: #660000;
border: 0;
margin: 0;
padding:3px;
}

.aboutmedivider {  /*horzonatal rule*/
color:#660000;
text-align: left;
width: 350px;
background: #660000;
border: 0;
margin: 0;
padding:3px;
}

.lessondivider {  /*horzonatal rule*/
color:#660000;
text-align: left;
width: 350px;
background: #660000;
border: 0;
margin: 0;
padding:3px;
}

.bookdivider {  /*horzonatal rule*/
color:#660000;
text-align: left;
width: 550px;
background: #660000;
border: 0;
margin: 0;
padding:3px;
}

.gamedivider {
color:#660000;
text-align: left;
width: 450px;
background: #660000;
border: 0;
margin: 0;
padding:3px;
}

.linkdivider {
color:#660000;
text-align: left;
width: 450px;
background: #660000;
border: 0;
margin: 0;
padding:3px;
}