body,html,h1,h2,h3,h4,h5,h6,ol,p,ul,form{
	padding: 0px;
	margin:	0px;
}

body {
  margin-left: 	2px;
  margin-right:	2px;
  margin-top:		2px;
  margin-bottom:	2px;
  
  
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  text-align:justify;
  padding-left: 50%;
  position: absolute;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

form.normal {
	text-align: left;
}

form {
	text-align: right;
}

form.google {
	text-align: center;
}

.misty{
 font-size: 12px;
 opacity: 0.5;
}

.mistyleft{
 font-size: 12px;
 opacity: 0.5;
 text-align: center;
 float: left;
}

.textleft{
 font-size: 12px;
 font-weight: bold;
 color: #707578;
 opacity: 1;
  padding-top: 2px;  
  padding-left: 9px;
  padding-right: 5px;
  
 text-align: center;
 float: left;
}

.clearleft{
 font-size: 9px;
 opacity: 0.8;
 text-align: left;
 float: left;
}
.purple{
 font-size: 9px;
 background-color:  #C96AFF;
 opacity: 0.7;
}
.blue {
 font-size: 9px;
 background-color:  #366CFF;
 opacity: 0.7;
}
.green {
 font-size: 9px;
 background-color:  #28FF68;
 opacity: 0.7;
}
.yellow {
 font-size: 9px;
 background-color:  #FBFF0A;
 opacity: 0.7;
}
.pink {
 font-size: 9px;
 background-color:  #FC8DFF;
 opacity: 0.7;
}

.small {
 font-size: 6px;
 opacity: 0.7;
}

.medium {
 font-size: 10px;
 opacity: 0.7;
}

.big{
 font-size: 14px;
 opacity: 0.7;
}


.left {
    float: right;
    width: 20%;
    text-align: right;
}
.right {
    float: right;
    width: 20%;
    text-align: right;
}

.alignCenter{text-align: center;}
.alignLeft{text-align: left;}
.alignRight{text-align: right;}
.alignTopLeft{text-align: left; vertical-align: top;}
.alignBottomLeft{text-align: left; vertical-align: bottom;}


ul {
	list-style-type: none;
}



p {
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 4px;
  text-indent: 0px;
}
 
.c1 {
  width: 33%;
  background-color: #f7f4f7;
  line-height: 22px;
  float: left;

  text-align: left;
  margin-bottom: 25px;
}
.c2 {
  width: 33%;
  float: left;
  line-height: 22px;

  text-align: left;
  margin-bottom: 25px;
}
.c3 {
  width: 34%;
  background-color: #f7f4f7;
  line-height: 22px;
  float: right;

  text-align: left;
  margin-bottom: 25px;
}

 
.column_left {
  width: 45%;
  background-color: #f7f4f7;
  line-height: 22px;
  float: left;
  font-size: 90%;
  text-align: left;
  margin-bottom: 25px;
  padding-left: 	15px;
}

.column_center {
  width: 5%;
  float: left;
  line-height: 22px;
  font-size: 90%;
  text-align: center;
  margin-bottom: 25px;
  
}
.column_right {
  width: 45%;
  background-color: #f7f4f7;
  line-height: 22px;
  float: right;
  font-size: 90%;
  text-align: left;
  margin-bottom: 25px;
  padding-left: 	15px;
}

.column_heading {
   font-size: 110%;
 	font-style: italic;
 	color: #D15E2C;
}
.column_heading_main {
   font-size: 150%;
 	font-style: italic;
 	font-weight: bold;
 	color: #B9B9B9;
}


/*headers and coloumns for charts and lists grammar pages */ 

.column_1 {
  width: 33%;
  line-height: 100%;
  float: left;
  font-size: 120%;
  text-align: left;
  margin-bottom: 5%;
  margin-left:  2%;
}

.column_2 {
  width: 33%;
  float: left;
  line-height: 100%;
  font-size: 120%;
  text-align: left;
  margin-bottom: 5%;
  margin-left:  2%;
}
.column_3 {
  width: 33%;
  background-color: #f7f4f7;
  line-height: 100%;
  float: right;
  font-size: 120%;
  text-align: left;
  margin-left: 	2%;
}
.column_heading_chart {
   font-size: 120%;
 	font-style: italic;
 	color: #D15E2C;
 	margin-top:	8%;
 	margin-left:  2%;
}
.columns_under{
  width: 90%;
  line-height: 100%;
  float: left;
  font-size: 100%;
  text-align: center;
  padding-left: 	2%;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/


.column_left_essay {
  width: 48%;
  background-color: #f7f4f7;
  line-height: 110%;
  float: left;
  font-size: 100%;
  text-align: left;
  margin-bottom: 15%;
  padding-left: 	1%;
  padding-right: 	1%;
}
.column_right_essay {
  width: 48%;
  background-color: #f7f4f7;
  line-height: 110%;
  float: right;
  font-size: 100%;
  text-align: left;
  margin-bottom: 15%;
  padding-right: 	1%;
  padding-left: 	1%;
}
.column_heading_essay {
   font-size: 120%;
 	font-style: italic;
 	color: #D15E2C;
 	margin-top:	8%;
 	margin-bottom:	2%;
}
.column_heading_main_essay {
   font-size: 150%;
 	font-style: italic;
 	font-weight: bold;
 	color: #B9B9B9;
  	margin-top: 10%;
 	margin-bottom: -2%;
}





#tabs8 ul {
  margin: 0;
  padding: 10px 10px 0 5px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#tabs8 li {
  margin: 0;
  padding: 0;
  display: inline;
}
#tabs8 a:hover {
  background-position: 0% -42px;
  color: #B90A48;
}
#tabs8 #current a {
  background-position: 0% -42px;
}


#tabs8 #current a span {
  background-position: 100% -42px;
  color: #6FA61D;
}



#tabs9 {
  width: 90%;
  line-height: normal;
  font-size: 110%;
}
#tabs9 a {
  text-decoration: none;
}
#tabs9 a:hover {
  background-position: 0% -42px;
  color: #FF5000;
}


#tabs10 {
  width: 90%;
  line-height: normal;
  font-size: 90%;
}
#tabs10 a {
  text-decoration: none;
}
#tabs10 a:hover {
  background-position: 0% -42px;
  color: #000000;
}

#tabs99 {
  width: 90%;
  line-height: normal;
  font-size: 80%;
}
#tabs99 a {
  text-decoration: none;
}
#tabs99 a:hover {
  background-position: 0% -42px;
  color: #FF5000;
}





.col0 a span {
  background:  url(images_css/tabright8_blue1000.gif) no-repeat scroll right top;
}
.col1 a span {
  background:  url(images_css/tabright8_green1000.gif) no-repeat scroll right top;
}
.col2 a span {
  background:  url(images_css/tabright8_turquoise1000.gif) no-repeat scroll right top;
}
.col3 a span {
  background:  url(images_css/tabright8_gray1000.gif) no-repeat scroll right top;
}
.col4 a span {
  background:  url(images_css/tabright8_gold1000.gif) no-repeat scroll right top;
}
.col5 a span {
  background:  url(images_css/tabright8_yellow1000.gif) no-repeat scroll right top;
}
.col6 a span {
  background:  url(images_css/tabright8_blue1000.gif) no-repeat scroll right top;
}
.col7 a span {
  background:  url(images_css/tabright8_light_mauve1000.gif) no-repeat scroll right top;
}
.col8 a span {
  background:  url(images_css/tabright8_orange1000.gif) no-repeat scroll right top;
}
.col9 a span {
  background:  url(images_css/tabright8_lime1000.gif) no-repeat scroll right top;
}
.col10 a span {
   background:  url(images_css/tabright8_chocolate1000.gif) no-repeat scroll right top;
}

.col11 a span {
  background:  url(images_css/tabright8_dark_red1000.gif) no-repeat scroll right top;
}
.col12 a span {
  background:  url(images_css/tabright8_dark_green1000.gif) no-repeat scroll right top;
}
.col13 a span {
  background:  url(images_css/tabright8_light_green1000.gif) no-repeat scroll right top;
}
.col14 a span {
   background:  url(images_css/tabright8_light_blue1000.gif) no-repeat scroll right top;
}

.col15 a span {
  background:  url(images_css/tabright8_mint1000.gif) no-repeat scroll right top;
}
.col16 a span {
  background:  url(images_css/tabright8_salmon1000.gif) no-repeat scroll right top;
}
.col17 a span {
  background:  url(images_css/tabright8_light_gray1000.gif) no-repeat scroll right top;
}
.col18 a span {
   background:  url(images_css/tabright8_light_orange1000.gif) no-repeat scroll right top;
}
.col19 a span {
   background:  url(images_css/tabright8_light_red1000.gif) no-repeat scroll right top;
}

.col20 a span {
   background:  url(images_css/tabright8_pink1000.gif) no-repeat scroll right top;
}



a {
  text-decoration: none;
  color: #ff6600;
}
a:hover {
  text-decoration: underline;
 } 
a:visited{
  text-decoration: none;
  color: red;
}
a:active, a:focus, input[type="image"] {
outline: 0;
}


img.diagram{
	width: 800px;
	height: 600px;
}