/************************************************************
	Pocketmouse V3
	Default Stylesheet
	by www.egsystems.co.uk
************************************************************/

/* IDs */
#wrapper {
	/*height: 100%;*/
	margin: 20px auto 0 auto;
	border: 4px solid #fff;
}

/* box model hack for IE5 */
#wrapper { 
	width: 726px;  /* IE5 */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 720px; /* FF IE6 */
} 

/* Be nice to Opera 5 and get IE5 CSS parsing back on track */
html>body #wrapper {
	width: 720px; /* Opera 5 */
} 

#topnav {
	width: 100%;
	height: 38px;
	padding: 0;
	text-align: left;
	border-bottom: 4px solid #fff;
}

#topnav a {
	float: left;
	width: 144px;
	height: 38px;
	font: bold 13px/38px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #ccc; 
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
}

#topnav a.wraptext {
	line-height: 15px;
	padding-top: 8px;
	height: 40px;
}

#topnav a.one	{background-color: #cc9999;}
#topnav a.two	{background-color: #cba89c;}
#topnav a.three	{background-color: #cbb69f;}
#topnav a.four	{background-color: #cbc4a2;}
#topnav a.five	{background-color: #b6b699;}

#topnav a:hover {
	color: #c75b70;
	background-color: #eee6dd; 
}

#topfiller {
	width: 100%;
	height: 20px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #eee6dd;
}

#topimage {
	width: 100%;
	height: 175px;
	margin: 0 auto 0 auto;
	padding: 0;
	border-bottom: 4px solid #fff;
	/*background-color: #c99090;*/
	background: #eee6dd url(../images/headers/0.jpg) 0 0 no-repeat;
}

#content {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	color: #765;
	background-color: #f1e6dd;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	min-height: 360px;
}

#content div.content_1col {
	padding: 20px 20px 5px 20px;	
}

#content img {
	border: 4px solid white;	
	margin-bottom: 10px;
}

#content img.left {
	margin: 0 10px 0 0;
	float: left;
}

#content img.right {
	margin: 0 0 0 10px;
	float: right;
}

#content p.pagefootnav {
	margin-top: 20px;
	text-align: center;	
}

#content table {
	width: 680px;
}

#content td.twoup {
	width: 325px;
	padding-right: 30px;
}

#content td.twoup_right {
	width: 325px;
}

#content table.samples {
	margin: 10px 0 10px 0;
	width: 680px;
}

#content table.samples TD {
	padding: 15px 0 15px 0;
	border-top: 1px dashed #c99090;
}

#content table.samples IMG {
	margin: 0 0 10px 15px;
	text-align: right;
}

#content table.thumbs {
	margin: 10px 0 10px 0;
	width: 680px;
	border-top: 1px dashed #c99090;
}

#content table.thumbs td {
	padding: 10px 0 0 0;
	text-align: center;
	vertical-align: bottom;
}

#content table.thumbs img {
	margin: 0;
}

#content table.thumbs a {
	font-size: 10px;
	text-decoration: none;
}

#content table.contact_form {
	/*border: 1px solid #966;*/
	border: 1px solid #765;
	margin: 10px 25px 10px 15px;
	/*background-color: #E7C5C5;*/
	background-color: #ccc2b4;
	width: 250px;
}

#content table.contact_form td {
	padding: 5px 15px 0 15px;
}

#content table.search_form {
	/*border: 1px solid #966;*/
	border: 1px solid #765;
	margin: 5px 0 0 2px;
	/*background-color: #E7C5C5;*/
	background-color: #ccc2b4;
	width: 176px;
}

#content table.search_form td.caption {
	padding: 2px 5px 2px 5px;
	/*background-color: #c99090; */
	background-color: #ccc2b4;
	color: #fff;
	text-align: left;
}

#content table.search_form td.button_row {
	padding: 0 5px 5px 5px;
	text-align: right;
}

#content table.search_form td {
	padding: 0 5px 0 5px;
	text-align: left;
}

#content table.search_form input {
	margin: 5px 0 0 0;
	/*border: 1px solid #966;*/
	border: 1px solid #765;
	background-color: #fff;
	color: #666;
}

#content table.postcards {
	width: 325px
}

#content table.postcards td {
	text-align: center;
	vertical-align: top;
	padding: 0 0 7px 0;
}

#content table.postcards a {
	text-decoration: none;
}

#content table.postcards img {
	margin: 0;
	padding: 0;
}

#content #search_results ul {
	list-style: none;
	list-style-image: none;
	margin: 15px 0 0 0;
	padding-left: 0;
}

#content #search_results li {
	margin: 0 0 15px 0;
}

#content #search_results p {
	margin: 0 0 0 0;
}

#content #search_results a.url {
	font-size: 10px;
}

#content #search_results a.title {
	font-weight: normal;
	font-size: 12px;
}

#content #home_left {
	padding-right: 20px;
}

#content #home_centre {
	padding-right: 20px;
}

#content #home_right {
	border-top: 4px solid #C75B70;
	background-color: #e7d8d8;
}

#content #postcards_form {
	width: 230px;
	height: 274px;
	margin: 0;
	padding: 0 0 0 10px;
	border: 1px solid #966;
	background-color: #ccc2b4;
}

#sitemap {
	padding: 0;
}

#sitemap h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 10px 0;
	color: #765;
}

#sitemap h2 {
	margin: 0 0 5px 0;
	color: #766;
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	background: none;
	border: none;
}

#sitemap h2>a {
	color: #766;
	text-decoration: underline;
}

#sitemap h2>a:hover {
	color: #e05842;
}

#sitemap h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight: normal;*/
	margin: 0;
}

#sitemap h1>a, h2>a, h3>a {
	text-decoration: underline;
}

#sitemap ul {
	margin: 0 0 10px 30px;
	padding: 0;
	list-style-type : none;
	list-style-image : none;
}

#news {
	width: 160px;
	padding: 0 7px;
}

#news a:hover {
	color: #965;
}

#news h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
	color: #965;
	text-transform: uppercase;
}

#news h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 5px;
	color: #fff;
}

#news img {
	margin-bottom: 7px;
}

#news p {
	font-size: 10px;
	line-height: 13px;
}

#wodc_logo {
	margin: 8px auto;
	border: 3px solid #765;
	width: 150px;
	height: 153px;
	background: #fff url(../images/content/wodc_logo.png) center no-repeat;
	
}

#footer {
	width: 720px;
	height: 24px;
	margin: 5px auto 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	/* color: #353; */
	color: #fff;
}

#footer a {
	text-transform: lowercase;
	text-decoration: none;	
	/* color: #353; */
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}

#footer_left {
	float: left;
}

#footer_right {
	float: right;
}


/* Article List */

#article_list h2 {
	margin-bottom: 5px;
	clear: both;
}

#article_list h2 a {
	color: #fff;
	text-decoration: none;
}

#article_list h2 a:hover {
	text-decoration: underline;
}

#article_list img.thumbnail {
	margin: 0 10px 10px 0;
	float: left;
}

/* Subclassed Elements */
div.clear {
	clear: both;
	height: 10px;
}

div.superdrop {
	margin: 2px 4px 0 0;
	padding: 0;
	height: 28px;
	font: normal 36px/28px Arial, Helvetica, sans-serif;
	/*color: #d59;*/
	color: #c75b70;
	float: left;
	text-align: center;
}

/* Classes */
.textonlybrowsers {
	margin: 0;
	text-align: left;
	display: none;
}

.big {
	font-size: 12px;	
	line-height: 16px;	
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
}

.caption {
	text-align: center;
	font-size: 10px;
}

.hilite {
	/* color: #c99090; */
	color: #e05842;
}

.error {
	color: #f30;
}

.right {
	text-align: right;
}

/* Elements */
* {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}

a {
	text-decoration: underline;
	color: #765;
	/*color: #e05842;*/
}

a:hover {
	/*color: #f39;*/
	color: #e05842;
}

body {
	color: #000;
	/*background-color: #D1D1B9;*/
	/*background-color: #7f7060;*/
	background-color: #645343;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}

h1 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #c75b70;
	margin: 0 0 15px 0;
}

h2 {

	color: #fff;
/*	background-color: #666649; */
	background-color: #884A4A;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	height: auto;
	padding-left: 5px;
	margin: 0 0 5px 0;
	/*border-left: 9px solid #e59;*/
	/*border-left: 9px solid #f78ba0;*/
	border-left: 9px solid #e76B80;
}

h2>a {
	text-decoration: none;
	color: #fff;
}

h2>a:hover {
	color: #fff;
}

h3 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}

form {
	margin: 0;
	padding: 0;	
}

input, textarea, button {
	margin-bottom: 10px;
	border: 1px solid #966;
	background-color: #fff;
	/*color: #666;*/
	color: #765;
}

img {
	border: none;
}

li {
	font-size: 11px;
	margin-bottom: 2px;
}

p {
	margin: 0 0 10px 0;
	font-size: 11px;	
}

table {
	border-collapse: collapse;
}

td {
	font-size: 11px;
	text-align: left;
	vertical-align: top;	
}

ul {
	/*list-style-image : url(../images/bullet.gif);*/
	margin-top: 0; padding-top: 0;
}

ul.noindent {
	margin-left: 14px; padding: 0;
}