/* #######################

ENGLISH COMPLETE Style Sheet
Version: 1.0
Date: 26-10-05

########################## */

body {
	background-color: #FFFFFF;  
	color: #000000;
	margin: 20px 0px 10px 0px;
	padding: 0px;
}



/* SET FONTS ========== */
body, p, div, li, dd, td, th, h1, h2, h3, h4, select, option, blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	}

h1 {
	background-color: #ffffff;
	color: #008896;
	}

h2 {
	background-color: #ffffff;
	color: #008896;
	}

h3 {
	background-color: #ffffff;
	color: #008896;
	}


/* LAYOUT =============== */

#content {
	margin: 25px;
	}
		
div.letter {
	padding: 1px 15px 0px 15px;
	background-color: #EFEFEF;
	border-right: 2px solid #A6A6A6;
	border-bottom: 2px solid #A6A6A6;
	margin-bottom: 20px;
	}
	
p.sig {
	text-align: right;
	font-style: italic;
	}


/* LAYOUT END ============= */


/* MENU STYLING ============= */

ul#menu {
	margin-top: 0px;
	padding: 0px;
	margin-left: 0;
	list-style-type: none;
}

ul#menu a {
	display: block;
	width: 142px;
	\width: 150px;
	w\idth: 140px;
	padding: 5px 5px 5px 5px;
	background-color: #999999;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	}
ul#menu li {
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #727272;
	margin-bottom: 0px;
	}

ul#menu a:link, ul#menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

ul#menu li a:hover {
	color: #FFFFFF;
	background-color: #CAC9C9;
	}


/* EMAIL FORM STYLES == */


div.mailFormRow input, div.mailFormRow textarea { 
	width: 380px; 
	}

div.mailFormRow p { 
	margin: 4px 0px 4px 0px; 
	}

table.orderForm input, table.orderForm textarea {
	width: 330px; 
}



/* STANDARD FONT SIZE ===== */

p, #content li, dd, h2, h3, blockquote {
	font-size : 105%;
	}

h1 {
	font-size : 110%;
	}
	
ul#menu a {
	font-size: 110%;
	}



/* To hide skip to contents link */
.skipLink a {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

.skipLink a:active, .skipLink a:focus {
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	/* The rest are purely presentational properties to make the link stand out */
	background-color: yellow;
	color: red;
	top: 5px;
	left: 5px;
	padding: 5px;
	border: 2px solid red;
	font-weight: bold;
} 



/* ACCESSIBILITY CONVERSIONS == */

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}


