@charset "utf-8";
/* CSS Document */

/* Default values */

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: #3c1b0a;
}
html, body, p, th, td, li, dd, dt {
  line-height: 1.6;
  font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;	
  font-size: 16px;
  letter-spacing: 1px;
  color: #4d230d;  /*brown */
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, serif;
	color:	#343e1c;
	font-weight: 500;
}
h1 { font-size: 1.5em; 
	margin-top: 0;
}
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

a:link { color: #6e3429 } /*  deep red/brown */
a:visited { color: #6e3429 } 
a:hover { color: #a2151e; text-decoration:none;} /* light red */
a: active { color: #91915f } /* khaki */
/*  End default values area */

html, body { margin: 0; padding: 0; }
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 698px;
	margin-top: 20px;  /* makes sure there is a brown border at the top */
	border: none;
	background: url(images/steward_writing_1200.jpg) top no-repeat;
}

#maincontainer {
  overflow: hidden ;  /* expanding box solution */
  position: relative;
  width: 980px;
  height: 518px;  /* total height is 698 - adjustments made for 170px padding */
  padding-top: 180px;
  margin-left: 110px;  /* center on background image */
  margin-right: 110px;
}

#nav {
  width: 575px;
  float: right;
}

#nav ul {
	list-style-type: none;
	display: inline;
	text-transform:uppercase;
}
#nav li {
	display: inline;
	letter-spacing: 1.5px;
	font-weight:100;
	font-size: 16px;
}
#nav li a {
text-decoration: none;
padding: 0 2px 0 2px; 
color: #6e3429;
}
#nav li a:hover {
text-decoration: underline;
color: #a2151e;
}

#content {
  padding: 14px 75px 10px 75px;
}
#content ul {
	margin-top: -8px;
	margin-bottom: -8px;
}	
#backcontent {
  padding: 20px 75px 10px 75px;
/*background-color:#FFFFFF;  /*remove when done building page - only for testing */
}
#backcontent p, th, td, li, dd, dt {
  line-height: 1.6;
/*  letter-spacing:normal;*/
}
#backcontent li {
	padding-top: 10px;
	line-height: 1.3;
}	

#footer {
  position: absolute;
  bottom: 70px;
  margin: 0 auto;
  font-size: 11px;
  color: #FFFFCC;
  letter-spacing:1.5px;
  text-align:center;
  padding-left: 12px;
} 
#footer a:link {
  color: #FFFFCC;
}
#footer a:hover {
  color: white;
}   
#footer a:visited {
  color: #ffffcc;
}

#samples {
	position: relative;
	top:-20px;
}

#samples ul {
	list-style-type: none;
}
#samples li {
	line-height: 1;
}



/* Styles for Steward Writing & Communication */
.byline {
	padding:20px 0 5px 0;
	font-style:italic;
	font-size: 20px;
	font-weight: bold;
/*	letter-spacing: 1px;*/
	color: #a2151e;  /*bright red*/
/*	color: #6e3429;  /*dull red */
}
.redline {
	padding-top: 5px;
	color: #a2151e;
	font-size: 1.2em;
	font-weight: bold;
}	
/* Table styles for services page  - also used for table on Samples page*/
#services_table {
	position: relative;
	top: -10px;
	left: 50px;
	border: 0;
}
#services_table th, td {
	text-align: left;
	padding:0;
	margin:0;
}
#services_table th {
	font-size: 1em;
	font-weight: bold;
}	

.contact_margin {
	position: relative;
	left: 50px;
}	
	
/* photo styles */
#photo_area {
	width: 200px;
	padding-top: 20px;
/*	margin-left: 30px;
	float: right;*/
	margin-right: 30px;
	float: left;
	
}

#photo_area p {
	font-size: 11px;
	font-weight:bold;
	text-align:center;
}	

#text_area {
	margin-left: 230px;
	padding-top: 5px;
}

.photo_float {
	float: right;
	border: none;
	margin-right: 250px;
}	
.tinytype {
	font-size: .7em;
}