/* css document */

a {
color: #0000ff; /* the color is blue. */ 
font-weight: bold;
} 

a:visited {
color: #007a7b; /* the color is teal. */ 
} 

a:hover {
text-decoration: underline overline;
} 

a:hover.intext {
background-color: #ffffff;
font-weight: bold; 
text-decoration: underline;
}

a:active {
color: #007a7b;
/* the color is teal. */ 
font-weight: bold;
} 

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

body {
background: #cc0000; 
font-family: arial, helvetica, sans-serif; 
font-size: 100%; 
/*** Bug fix. IE needs some kind of % value here to prevent a 
text resizing bug. This value may be changed to suit your taste. ***/
}



/*** XXXXXXXXXXXXXX Page structure elements XXXXXXXXXXXXXX***/

#wrapper {
background: #000000; /*** This BG image creates the teal line sections throughout the page. ***/
margin: 0 0 0 200px;
padding: 37px 0 5px;
position: relative;
z-index: 1;
min-height:1% /* Paul's suggestion to fix IE7 */
}

#colwrapper {
margin: 0 10px;
background: #ffffff;
position: relative;
}

#rightcol {
float: right;
width: 100%;
margin: 0 -2px;
padding: 20px 0;
position: relative;
}

#leftcol {
float: left;
width: 210px;
margin-left: -209px;
position: relative;
}

#innerleft {
width: 190px;
}


/*** XXXXXXXXXXXXXXXX Elements inside the cols XXXXXXXXXXXXXXXX***/

h1 {
position: absolute; 
top: 0; 
left: 210px;
z-index: 3;
padding: 5px;
margin: 0;
font-size: 1.75em;
font-family: arial, serif; 
color: #004040;
background: #fff;
text-decoration: underline overline;
}

#rightcol h2 { /***this rule block controls the look of the grey header bars in the main col ***/
font-size: 1em; 
margin: 0px 20px 10px 15px;
/* Was margin: 20px 20px 10px 15px; Changed 4-18-07 */
padding: 5px;
font-family: arial, tahoma, helvetica, sans-serif; 
color: #000000;
background: #cccccc; 
}

#rightcol h3  /* I added the H3 rule. */
{font-size: .9em; 
font-family: arial, tahoma, helvetica, sans-serif; 
margin: 10px 30px;
color: #000000;
background: #ffffff; 
}

#rightcol p {margin: 10px 30px;} /*** sets spacing for the main text paragraphs ***/

/* I added this on May 16, 2004 */
#rightcol p.answer {margin: 10px 30px 10px 9%;} /*** sets spacing for a quiz's answers ***/

/* I added this on May 16, 2004 */
#rightcol ul {margin: 10px 30px 10px 75px;} /*** sets spacing for the primary lists ***/

/* I added this on May 18, 2004 */
#rightcol ol {margin: 10px 30px 10px 60px;} /*** sets spacing for the primary lists ***/

p , li {
font-size: .8em; font-family: verdana, arial, helvetica, sans-serif;
}

p.text  /* This is the row of links at the bottom of each page. */
{
font-size: .7em; 
font-family: verdana, arial, helvetica, sans-serif;
margin-left: 3%;
text-align: center;
}

p.copyright {
font-size: .75em; font-family: verdana, arial, helvetica, sans-serif;
}


/*** XXXXXXXXXXXXXX Left col rules XXXXXXXXXXXXXXXX ***/

#leftheader { /*** this helps create the look of the top heading on the left col ***/
background: #000000; 
width: 196px;
padding: 6px 0 6px;
margin: -40px 0 0 8px;
position: relative;
}

#leftheader h2 { /*** this rule block controls the text of the top heading on the left col ***/
background: #ffffff;
font-size: .8em;
font-weight: bold;
margin: 0 5px 0 5px;
padding: 2px 0 2px 5px;
}

.leftcolbox { /*** this rule block decides the look of the left col boxes ***/
border: 1px solid #000000;
margin: 8px 0 5px 8px;
background: #dfddb6;
/* padding: 0 0 10px; */
}

.leftcolbox h2 { /*** this helps control the blue bar headings in the left column ***/
margin: 0;
padding: 3px 0 0 0;
text-align: center;
background: #0066cc url(images/bluebar.gif) repeat-x;
color: #ffffff;
font-size: 1.1em;
font-family: arial, sans-serif;
}

.leftcolbox h2 span { /*** this helps control the blue bar headings in the left column ***/
background: url(images/bluebar-bottom.gif) 0 100% repeat-x;
padding-bottom: 2px;
display: block;
}

.leftcolbox ul {
list-style: none;
margin: 3px 0 3px 15px;  /*** this controls the margin spacing on the link items in the left column boxes ***/
padding: 0; 
}

.leftcolbox ul a {
text-decoration: none;
}

.leftcolbox ul a:hover {
text-decoration: underline overline;
}

.leftcolbox h3 {
font-size: 1em;
margin: 10px 10px 5px 10px;
/* padding: 0 15px; */ 
/*** this controls the padding on the black text headings in the left column boxes ***/
}

.leftcolbox p {
margin: 5px 10px 10px 10px;
/* padding: 0 5px; */
/*** this controls the padding on the text in the left column boxes ***/
/*  I changed this from 15px to 5px */
}



/*** XXXXXXXXXXXXXX Original rules I left in because they don't hurt anything XXXXXXXXXXXXXXX ***/

textarea, input { 
 background-color: #99ffff;  /* light blue */
 color: #000000; 
}

.buttons { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 1em; 
 background-color: #333333; 
 color: #FFFFFF; 
}

.bold-look
{ font-weight: bold; }

p.menu {
font-size: .75em; 
font-family: verdana, arial, helvetica, sans-serif;
padding: .4em;
border: thin solid #007a7b;
border-left-width: 2em;
border-right-width: 2em;
background-image:  url(Images/crumpled_paper.jpg); 
}

blockquote {
font-size: .8em; 
font-family: arial, helvetica, sans-serif;
}

.alone { color: #ff0000;
/* the color is red. */ 
font-weight: bold; text-decoration: none;
} 

.center { text-align: center;
}
 
.underline { text-decoration: underline;
}

h4 {
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: .9em;
}

.boxed {
	position: absolute;
	width: 100px;
	left: 37px;
	top: 63px;
	padding: 5px;
	/* border: thin solid; */
	background-color: white;
	/* border-right: #008080 15px ridge; padding-right: 10px; 
	border-top: #008080 15px ridge; padding-left: 10px; 
	padding-bottom: 10px; margin: 20px; border-left: #008080 15px ridge; 
	padding-top: 10px; border-bottom: #008080 15px ridge; text-align: justify; */
}
.bquote {
	font-size: 9pt; font-family: verdana, arial, helvetica, sans-serif;
}
.crumpled {
	background-image:  url(Images/crumpled_paper.jpg);
}
 /* Answers to quiz questions.
#rightcol p.answers 
{
margin-left: 9%;
} */


/*** XXXXXXXXXXXX Special items and fixes XXXXXXXXXXXXXXXX ***/

#topline { /*** this is a decorative line at the page top ***/
position: absolute; 
top: 0; 
left: 10px; 
right: 0;
z-index: 2; 
height: 5px; 
font-size: 1px;
background: #ffffff;	
}

.floatleftimage {
float: left;
margin: 10px 20px 10px 15px;
display: inline;  /*** this fixes an ie bug ***/
}

.floatrightimage {
float: right;
margin: 10px 20px 10px 20px;
display: inline;  /*** this fixes an ie bug ***/
}

.hide { /*** This hides the first p with your keywords ***/
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of ie5 mac */
	}


/*** IE/Win Bug fixes ***/

/* \*/
* html #topline {width: 100%;}

* html #colwrapper {height: 1%;}

* html #rightcol h2 {height: 1%;}
/* */