body{
	padding: 0;
	margin: 0;
	text-align: center;
	color:#333333;
	font: 100%/130% Arial, Helvetica, sans-serif;
	background: #fffcff;
	
}

li{
  margin-left: 30px;
  padding-left: 5px;
  padding-top: 3px;
  text-align: left;
  font-size: 90%;
  }
  
.chapters{
     font-size: 90%;
     margin-left: 400px;
     }

p {
	font: normal Ariel, sans-serif;
	color:#444488;
	margin-left: 15px;
        margin-right: 15px;
        margin-top: 8px;
        margin-bottom: 10px;
	text-align: left;
	padding: 5px 10px 0px 0px;
}

.ln{
        margin-left: 20px;
        margin-right: 40px;
        padding-left: 20px;
        padding-right: 20px;
}
   

.letters{
        font-style: italic;
        font-family: times: 
        font-size: 110%
        color: navy;
        margin-left: 35px;
        margin-right: 15px;
        margin-top: 6px;
        margin-bottom: 6px;
        padding: 7px 12px 0px 0px;
        }

a, a:link, a:visited, a:active {
	text-decoration: none;
	color: navy;
        text-align: left;
}

.s { color: navy;
     font-family: "ariel black";
     font-size: 110%;
     
   }

.l {
    color: black;
    font-family: "times new roman";
    font-size: 120%;
    padding-left: 40px;
    }
.d {
    color: blue;
    font-size: 90%;
    font-family: "ariel";
   } 
    

a:hover {
	text-decoration: none;
	color: #FF6600;
}

h1 {
	font: bold "Ariel Black";
	color: #E44E1A;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 1px;}

h2 {
	color:#E44E1A;
	margin-top: 1px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 5px;	
	font-size: 115%;
	font-weight: bold;
}

h3 {
	font: normal 100%/115% georgia, serif;
	color: #006699;
	margin: 0;
	padding: 6px 0 0px;
}

h4 {
   font: normal 13px/16px georgia, serif;
   color: #D45222;
   margin:0 0 3px 0;
   padding:0px;
}


/*------------- layout ----------------- */

#wrapper {

	width: 80%;
        background: #fffcff;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	margin-right: auto;
	margin-left: auto;
}

#banner {
	height: 150px;
	width: 100%;
	text-align: center;
	background: #fcfffd;
	border-top: 5px solid #3A4251;
	border-bottom: 1px solid #CCCCCC;
}
.tagline {
	font: italic 135% Georgia, "Times New Roman", Times, serif;
	color: #006699;
	text-align: center;
	margin-bottom: 10px;
}
#banner h1 {
	font-family: "times new roman";
	font-size: 200%;
	font-weight: bold;

	color: Navy;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 1px;}

#banner h2 {
    font-family: "broadway";
	color: navy;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 5px;	
	font-size: 140%;
	font-weight: bold;
}

#bamer h3 {
	font: normal 100%/115% georgia, serif;
	color: #006699;
	margin: 5px;
	padding: 6px 0 0px;
}



#banner p     {
	text-align: center;
	font-size: 100%;
}


#content {
	background-color: #ccffff;
        font-size: 120%
        padding-left: 2em;
        padding-top: 20px;
        padding-right: 2em;
        text-align: left;
        margin: 20px 20px 10px 1px;
        width: 770px;
        float: left;
        color: navy;
        border-color: navy;
        border-width: 3px;
        border-style: solid;
}

#wrapper h2 {
        padding-top: 30px;
        padding-left: 90px;
        color: black;
        font-size: 140%;
}

#content p, h2, h1 {
        padding-left: 90px;
        color: navy;
}

#content h3 {
         padding-top: 10px;
         padding-left: 260px;
         padding-bottom: 20px;
         font-size: 300%;
         font-family: "Brush Script MT";
}

#content q
{
         font-family: "arial black";
         font-size: 105%;
}

.stuf {
        background #efe50;
        font-size: 80%
        padding 15px;
        float: right;
        text-align: left;
        margin: 0px 10px 10px 10px;
        margin top: 15px;
        width: 280px;
        float: left;
        }

#leftcolumn {
        background-colo: red; 
        font-size: 80%
        padding-left: 0px;
        padding-top: 20px;
        text-align: left;
        margin: 10px 10px 10px 10px;
        width: 100px;
        float: left;
        color:green;
        border-color: navy;
        border-top: 3px solid;
        border-left: 3px solid;
        border-right: 3px solid;

        }

#leftcolumn a { padding-left: 20px;
                font-size: 70%;
                color: brown;   }

#rightcolumn {
        float: right; 
        margin-left: 0;
        margin-top: 20px;
        margin-right: 22px;
        margin-bottom: 10px;
        /* width: 250px; */
	text-align: center;
        padding: 0;
        /*
	padding-top: 5px;
	padding-left: 30px;
        padding-right: 15;
        padding-bottom: 5px;
        
	border-right: 3px #CCCCCC;
        border-top: 3px #cccccc;
        border-style: solid;
        */
	background-color: #ffffcc;
	/* background: url(../images/outside2.jpg) no-repeat 25px; 
        border-color: navy;
        border-width: 3px;
        border-style: solid;*/
	
}

#leftsid
{
  background-color: silver;
  }

/*------------- footer ----------------- */

#footer_wrapper{
	text-align: left;
	width: 100%;
	position: relative;
	background: #eeffee;
	height: auto;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#footer{
	padding: 10px;
	margin: 0;
	text-align: center;
        background: #eeffee;
}
#footer a {
	color: #666;
}
#footer a:hover {
	color: #003366;
}
#footer ul {
	margin: 0px;
	padding: 10px;
	list-style: none;
}
#footer li {
	display: inline;
	padding: 8px 5px;
	font-size: 80%;
	font-weight: bold;
}
#copyright {
	display: block;
	font: bold 80% Georgia, "Times New Roman", Times, serif;
	color: navy;
	margin: 5px;
	padding: 5px 5px 15px;
	text-align: center;
}