* {padding: 0; margin: 0;}

.display_inline {display: inline;}

body {
background: url(http://www.kjmaclean.com/Editing/Editing_PageBackground.jpg) fixed repeat; 
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font: 16px/100%;
line-height: 1.5; 
}

h1 {font-size: 2em; text-align: center; -moz-text-shadow: 2px 2px 4px #BBB;
-webkit-text-shadow: 2px 2px 4px #BBB;
text-shadow: 2px 2px 4px #BBB;}
h2 {font-size: 1.5em; text-align: center; -moz-text-shadow: 2px 2px 4px #BBB;
-webkit-text-shadow: 2px 2px 4px #BBB;
text-shadow: 2px 2px 4px #BBB;}
h3 {font-size: 1.3em; text-align: center;}
h4 {font-size: 1.2em;}
h5,p {font-size: 1em;}
h6 {font-size: 0.9em;}

p {margin-left: 1em;
margin-right: 1em;
margin-top: 0.6em;
}

img, table {
display: block;  /* for image centering */
border: 3px solid #A88873;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 4px 4px 8px #666;
	-moz-box-shadow: 4px 4px 8px #666;
	box-shadow: 4px 4px 8px #666;
}


div#container {width: 900px;
margin: 0 auto;
overflow: auto;
}

div#masthead {
background: url(BannerBkgrnd.png);
width: 900px;
height: 185px;
margin: 0.25em  auto 0 auto;
position: relative;
}

div#masthead img.banner {margin: 32px 0 0 32px; display: inline;}
div#masthead img.Ken {/*margin: 32px 0 0 60px;   */
width:105px; 
height:118px; 
position: absolute;
top: 32px;
right: 30px;
display: inline;
/* this pic is smaller than the banner  */
}

div#masthead img.W3C {/*margin: 32px 0 0 60px;   */
height: 31px;
width: 88px;
position: absolute;
top: 75px;
right: 135px;
display: inline;
/* this pic is smaller than the banner  */
}

div#maincontainer {position: relative;
overflow: auto;
margin: 0 auto 0 auto;
width: 900px;

} 

div#maintop {position: absolute;
width: 900px;
height: 83px;
background: url(BannerShadowTop.png);

top: 0;
left: 0;
}

div#leftshadow {
background: url(BannerShadowLeft.png) repeat-y top left;  /* 19px wide  */
}

div#rightshadow {
background: url(BannerShadowRight.png) repeat-y top right;   /* 20px wide  */
}

div#main {
width: 861px;  /* 900px  -19px  -20px  = 861px  */
background: #FFF;
/*height: 400px;*/
top: 80px;
margin: 73px auto 0 auto;
overflow: auto; /* need this to expand main div to cover floated content and nav divs  */
}

div#nav {position: relative;
overflow: auto;
width: 260px;
float: left;
margin: 20px auto;
}

div#navtop {width: 230px;
height: 30px;
background: url(navtop.gif);
margin: 0 auto;
/*position: absolute;
top: 0;
left: 15px; */
}

div#navmain {width: 230px;
background: #846900;
margin: 1px auto 0 auto;
}

ul#navlinks {
list-style: none;
margin: 0 5px 0 5px;
}

ul#navlinks li {
padding: 5px 0 5px 0;
}

ul#navlinks a {
text-decoration: none;
color: #FFF;
}

ul#navlinks li:hover {
background: #9E7E01;
}


ul#navlinks h5 {
margin: 5px;
font-size: 1.2em;
font-weight: bold;
display: inline;
}

div#navbottom {width: 230px;
height: 30px;
background: url(navbottom.gif);
margin: 1px auto;
}


/* container div for contact info  */
div#contact {
position: relative;
width: 230px;
overflow: auto;
margin: 0 auto;
margin-top: 50px;
background: #FFF;
}

div#contacttop {/*position: absolute;*/
width: 230px;
height: 30px;
background: url(contacttop.gif);
margin: 0 auto;
/*top: 0;
left: 0;*/
}


div#contactmain {width: 230px;
background: #C19F7C;
margin: 1px auto;
}


div#contactbottom {width: 230px;
height: 30px;
background: url(contactbottom.gif);
margin: 1px auto;
}

div#contact h5 {
text-align: center;
font-size: 1.2em;
font-weight: bold;
color: #000;
}

div#contact p {
font-size: 1.1em;
font-weight: bold;
color: #000;
}



div#success { /* container div for success stories  */
position: relative;
width: 230px;
overflow: auto;
margin: 0 auto;
margin-top: 50px;
background: #FFF;
}

div#successtop {
width: 230px;
height: 30px;
background: url(successtop.gif);
margin: 0 auto;
/*position: absolute;
top: 0;
left: 0;*/
}


div#successmain {width: 222px;
background:#DAC4AD;
margin: 1px auto 0 auto;
overflow: auto;
border: 4px solid #DAC4AD;
}

div#successmain h5 {margin-bottom: 15px;}

div#swfobject {text-align: center;
margin: 0 auto;
background: #DAC4AD;
width: 222px;
}

div#marqueecontainer {
position: relative;
width: 220px; /*marquee width */
height: 400px; /*marquee height */
background-color: #DAC4AD;
overflow: hidden;
padding: 2px;
color: #000;
margin: 20px auto;
}

div#successbottom {width: 230px;
height: 30px;
background: url(successbottom.gif);
margin: 1px auto;
}

div#success h5 {
text-align: center;
font-size: 1.2em;
font-weight: bold;
color: #000;
}

div#success p {
font-size: 1.1em;
font-weight: bold;
line-height: 1.3;
color: #000;
}

 

div#content {
position: relative;
width: 595px;
float:right;
} 

img#whyhire {
width:220px;
height: 100px;
margin: 20px auto 30px auto;
}

img#goodeditor{
width: 290px;
height: 100px;
margin: 0 auto 30px auto;
}

img#mission {
width: 160px;
height: 100px;
margin: 0 auto 30px auto;
}

img#freesample {
width: 200px;
height: 120px;
margin: 0 auto 30px auto;
}

img#conditions, img#payment, img#followup, img#fee {
width: 250px;
height: 100px;
margin: 0 auto 30px auto;
}

img#ghost {
width: 200px;
height: 110px;
margin: 0 auto 30px auto;
}

img#e_pub {
width: 220px;
height: 110px;
margin: 0 auto 30px auto;
}


img#payment {margin-top: 30px;}

table.feestructure, table.editrating { width: 550px;
margin: 0 auto;
border: 2px solid #00F;
margin-top: 15px;
}

table.feestructure td, table.editrating td, table.feestructure th {
border: 1px solid #DDD;
padding: 0.5em; 
}


table.feestructure th h3 {text-decoration: underline; margin-bottom: 1em;}
table.feestructure th#feeinfo h3 {color: blue; text-decoration: none; margin: 0;}

table.feestructure h4 {text-align: center;}
table.feestructure caption, table.editrating caption {color: blue; font-size: 2em; font-weight: bold; text-align: center;
}




div#content h3 {}
div#content p {font-size: 1.3em;}

ul#academic {
	width: 100%;
	margin: 1em 0;
	list-style: none;	
	font-size: 1.3em;
}

ul#academic li {
	margin-left: 1em;
	margin-right: 1em;	
	margin-top: 0.6em;
}

ul#academic ul li {
	list-style: none;	
	font-family:Verdana, Geneva, sans-serif;
	margin-left: 1.5em;
	margin-top: 0.4em;
	font-size: 0.9em;
	list-style: circle;
}

ul#academic ul ul li {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-indent: 1em;	
	list-style: disc;
	margin-left: 3em;
	margin-top: 0;
	line-height: 1.2;
}

div#mainbottom {clear: both;
width: 900px;
height: 81px;
background: url(BannerShadowBottom.png);
}



div#paymentbuttons img {display: block; 
margin: 0 auto;
}

div#paymentbuttons h1 {
margin: 1em auto 0 auto;
}

div#footer {
background: url(FooterBkgrnd.png);
margin: -10px auto 0 auto;
width: 900px;
height: 125px;
}


.indent {text-indent: 5em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.0;
}