/* external css file for www.sketeatcrosswood.com */

body {
	background-color: #f5efd8;
	color: #000000;
	font: 100% Arial, Helvetica, sans-serif;
} 

div.wholepage {
	width:100%;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
}

div.header {
	width: 100%;
	padding:0.25em;  /* padding will be 1/4 the size of the font used in this location */
	background-color: #f5efd8;
	border-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

div.navigation  /* sets the left column */
{
	float: left;
	width:240px;
	margin-top: 20px;
	padding:1em;  /* padding will be the size of the font used in this location */
	border:  3px solid #e5d8ca;
	background-color: #f5efd8;
	font-family: Arial, Helvetica, sans-serif;
}

.navlist
{
	padding: 0 1px 1px;
	margin-left: 0;
	font: bold 0.75em/1.0em Arial, Helvetica, sans-serif;
	background: #f5efd8;
	width: 20em;
}

.navlist li
{
	list-style: none;
	margin: 0;
	border-top: 3px solid #a52a2a;
	border-bottom: 2px solid #a52a2a;
	text-align: left;
	background: #e5d8ca;
	font-family: Arial, Helvetica, sans-serif;
}

.navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #a52a2a;
background: #dac365;
text-decoration: none;
}

.navlist li a:link { color: #000000; }
.navlist li a:visited { color: #b22222; }

.navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

div.content  /* sets the right column */
{
	margin-left:290px;
	margin-top: 20px;
	padding: 2em;  /* padding will be the size of the font used in this location */
	background-color: #D6BE9E;
	font-family: Arial, Helvetica, sans-serif;
}

div.footer {
	clear:left;
	width: 100%;
	background-color: #f5efd8;
	font-family: Arial, Helvetica, sans-serif;
}

p.navigation {
	color: #000000;
	text-align: center;
	background-color: #f5efd8;
	font: normal 0.8em/1.0em Arial, Helvetica, sans-serif;
}

h1.header {
	color: #000000;
	text-align: center;
	background-color: #f5efd8;
	font: bold 3em/normal Arial, Helvetica, sans-serif;
}

h2.header {
	color: #000000;
	text-align: right;
	background-color: #f5efd8;
	font: bold 1.6em/1.8em Arial, Helvetica, sans-serif;
}

h3.content-left {
	color: #000000;
	text-align: left;
	background-color: #D6BE9E;
	font: italic bold 2.2em/1.5em Arial, Helvetica, sans-serif;
}

p.content-left {
	color: #000000;
	text-align: left;
	background-color: #D6BE9E;
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
 }

p.content-left1 {
	color: #000000;
	text-align: left;
	background-color: #D6BE9E;
	font: italic normal 1.4em/1.6em Arial, Helvetica, sans-serif;
 } 
 
p.content-left2 {
	color: #000000;
	text-align: left;
	background-color: #D6BE9E;
	font: italic normal 1.2em/1.4em Arial, Helvetica, sans-serif;
}  

p.content-center {
	color: #000000;
	text-align: center;
	background-color: #D6BE9E;
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
 }	

p.content-center1 {
	color: #000000;
	text-align: center;
	background-color: #D6BE9E;
	font: normal 1.2em/1.4em Arial, Helvetica, sans-serif;
 }	 
 
p.footer {
	color: #000000;
	text-align: center;
	background-color: #f5efd8;
	font: normal 0.8em/1.0em Arial, Helvetica, sans-serif;
}

div.table {
	clear: left;
  text-align: center;
	width: 100%;
	background-color: #d6be9e;
	font-family: Arial, Helvetica, sans-serif;
}

table.center {
	width: 100%;
	text-align: center;
	color: #000000;
	background-color: #D6BE9E;
	padding: 4px;
	font: normal 1em/2.0em Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
 }
td.center {
	width: 50%;
	color: #000000;
	text-align: center;
	background-color: #D6BE9E;
	padding: 4px;
	font: normal 1em/2.0em Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
 }

img {
	border: 0;
}