/* CSS for EmmaSwift.com site */
/* This section deals with the position of items on the screen, it uses absolute 
positioning - fixed x and y coordinates measured from the top left hand corner of a browser's content display*/
#navigation, #bodycontent, #header 
{	position: absolute;
	width: 100%;	
        top: 1em;}
#navigation {	
        top: 9.3em;
}
#bodycontent, #nothingthere 
{	top: 11.7em;
	background: #FFC0FF;
	padding: 3em 8.5em 3em 8.5em;
        width: 72%; /* To take the width down to the same as the header! */
 /*       border: 0.1em dashed red;*/
}
/* Main styling */
body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #FFC0FF;
	padding: 0;
	margin: 0;
}

h1 {	/* Note this is the header of the page */
        font-size: 200%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #800080;
	padding: 2.0em 0 0.4em 0.3em;
	margin: 0;
	background: #FFFFFF url(backgrounds/face2.jpg) no-repeat right bottom;
}
#header {
 	border-top: 0.2em solid #800080;
        border-bottom: 0.2em solid #800080;
}

/* Navigation - check order to make active work */
#navigation ul {
	padding: 0.5em 0;
	margin: 0;
	list-style-type: none;
	background-color: #FFFFFF;
	color: #800080;
	text-align: center;
	font-size: 90%;
	border-top: 0.2em solid #800080;
	border-bottom: 0.2em solid #800080;
}
#navigation li {  
	display: inline;
}
#navigation li a {
	color: #800080;
	background-color: #FFFFFF;
	padding: 0.5em 1.5em;
	text-decoration: none;
}
#navigation a:hover {
	color: #FFFFFF;
	background-color:  #800080;
}
#navigation #active a  {	
	text-decoration: underline;
	color: #000000;
}

a {	font-weight: bold;
}
.feature {
	margin-left: 50px;
	border: 0.2em solid #800080;
        margin: 0.5em;
        text-align: center;
}

a:link {
	color: #800080;
	}
a:visited {
	color: #000000;
}
a:hover {
	color: #FFFFFF;
	background-color:  #800080;
	}
a:active {
	color: #800080;
	}
p/*, ul, ol {	
	font-size: small;
	color: #800080;
	margin-top:0;
}
#valid a:link {
	text-decoration: none;
}

*/
ul, li {
	color: #800080;
}
p, h2, h3 {
	color: #800080;
        margin: 0;
        margin-bottom: 0.2em;
}
h2     {
        font-size: 150%;
        margin-top: 1.5em;
}
h3     {
        font-size: 100%;
        margin-top: 1.5em;
}
p     {
        font-size: 85%;
}

.borders {
	float: left;
	margin: 0 1.4em 0 0;
	border: 0.2em solid #800080;
}
#process {
	border: 0.2em solid #800080;
        padding: 0.2em 0.5em;
}