/* CSS Document */
 
/* CSS Style Sheet for Screen */
 
/*=Color List
------------------------------------------------------------------------*/
#e0a107 gold
#fada0a yellow
#a03b02 brown
fff1c9 pale yellow
 
/*=Site-wide Style Rules
------------------------------------------------------------------------*/
* { 
	border: 0;
	margin: 0;
	padding: 0;
	}
body {
	background-color: #fff; 
	font-family: Arial, Helvetica, sans-serif;
	outline-style: none; /* Removes dotted border in Firefox */
	text-align: center;
	}


#wrapper {
	position: relative;
	margin: 0 auto;
	width: 62.5em;
	}
	

.red {color: #ff0000;}

.bold {font-weight: bold;}

.small {font-size: .7em;}

input.button {
width:100px;
background:#09C;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999;
}

input.button:hover {
background:#fff;
color:#09C;
}

textarea:focus, input:focus {
border: 1px solid #09C;

}

input    {
width:375px;
display:block;
border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

form    {
background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
margin:auto;
position:relative;
width:650px;
height:600px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #09C;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

textarea#feedback {
width:360px;
height:150px;
}

textarea.message {
display:block;
}
	/* Divs for Index page*/
/* ------------------------------------------------------------ */
div.header, div.headerinterior {
margin: 1 auto;
}
div.header h1{
font-size: 1.7em;
font-weight: normal;
text-align: center;
color: #e0a107;
}
div.headerinterior h1{
font-size: 1.25em;
color: #e0a107;
}

#image{
background-image: url(images/writinghelp2.jpg); 
background-repeat: none;
margin: 1em auto;
width: 900px;
height: 320px;
color: #fff;
}

#imageinterior{
background-image: url(images/writinghelplarge.jpg); 
background-repeat: none;
margin: 0 auto;
width: 1000px;
height: 209px;
color: #fff;
}
#image p{
color: #fff;
font-style: italic;
text-align: right;
margin-right: 1.45em;
font-size: 1.7em;
padding-top: 160px;
}
#imageinterior p{
color: #fff;
font-style: italic;
text-align: right;
font-size: 1.7em;
padding-top: 160px;
padding-right: 20px;
}

#main {

text-align: center;
}

#main h1{
font-size: 1.85em;
color: #e0a107;
font-weight: bold;
}

#main p{
color: #000;
font-size: 1.35em;
text-align: center;
}
#main h2{
font-size: 1.85em;
color: #e0a107;
font-weight: normal;
}

#maininterior {
text-align: left;}

#button {
background-image: url(images/button.jpg); 
background-repeat: none;
margin: 1em auto;
width: 480px;
height: 116px;
}

#button p {
color: #fada0a;
font-size: 40px;
padding-top: .2em;
}

#button a, #button a:link {
color: #fada0a;
}

#button a:hover {
color: #fff;
}
#footer {
border-top: double 12px #e0a107;
padding-top: .5em;
font-size: .8em;
width: 500px;
margin: 0 auto;}

#footer p {
}

#form {
float: left;
display: block;
width: 700px;
background-color: #fada0a;
border: solid 1px #a03b02;
padding: 1em;
}

#form p{
font-family: Arial, "Helvetica", san-serif;
font-size: 1.5em;
margin-bottom: .25em;
text-align: left;
}

/* Left Column NAVIGATION*/
/* ------------------------------------------------------------ */
#navbar {
float: right;
width: 260px;
font-size: 1.4em;
}
/* Remove bullets from ul in the navbar */
#navbar ul {
list-style-type:none;
}
/* List items in the navbar */
#navbar li {
background-color: #03639a;
border-top: 2px solid #f5da6e;
border-left: 2px solid #f5da6e;
border-bottom: 6px solid #d89903;
border-right: 2px solid #d09820;
position:relative;
}
/* Applies to navbar links,  unvisited and visited */
#navbar a, 
#navbar a:link, 
#navbar a:visited {
color:#fff;
display:block;
font-size:.8em;
font-weight: bold;
height: auto;
line-height:1.1em;
outline-style:none;
padding: 0.5em;
text-align:left;
text-decoration:none;
width:auto;
}
/* Navbar hover,  active,  and current page links */
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited {
background-color:#000;
color:#fff;
}
#navbar p{
color: #fff;
margin-left: 3.2em;
font-size: .55em;
line-height: .5em;
margin-bottom: 0em;
}

/* Divs for before and after boxes */


div.b41 {
background-color: #a03b02;
display: box;
width: 425px;
height: 500px;
color: #fff;
margin-left: 30px;
float:left;
padding: 1em;
margin-bottom: 1em;
text-align: left;
}

.b41 h1{
color: #FF0000;
}

.b41 p, .aft1 p{
font-size: 1.1em;
text-indent: 2em;
margin-bottom: .25em;
}

div.aft1 {
top: 400px;
display: box;
background-color: #fff1c9;
width: 425px;
height: 500px;
float: right;
margin-right: 30px;
padding: 1em;
margin-bottom: 1em;
color: #000;
text-align: left;
}
 
.aft1 h1{
color: #a03b02;
}