/* #######################

SWCAR Style Sheet
Version: 1.0
Date: 14-02-05

########################## */

/* Cure IE odd scroll bar behaviour ===== */
html {
	overflow-y: scroll;
}

body {
	background-color: #EAEAEA;  
	color: #000000;
	margin: 20px 10px 20px 10px;
	padding: 0px;
}



/* SET FONTS ========== */
body, p, div, li, dd, td, th, h1, h2, h3, h4, select, option, blockquote {
	font-family: "Trebuchet MS", Arial, Helvetica, Helv, Geneva, sans-serif;
	}

h1 {
	background-color: transparent;
	color: #D60000;
	}

h2 {
	background-color: #FFFFFF;
	color: #D60000;
	}

td h2 {
	margin: 20px 0px 0px 0px;
	}

h3 {
	background-color: #FFFFFF;
	/* color: #D60000; */

	/* color: #000000; */
	}



/* FONT SIZE HACKS USE Font-size hacks from http://www.phespirit.info/cafe/css_hacks.htm Require DTD to be HTML 4.01 Transitional or absent to work in IE6 */

/* STANDARD FONT SIZE ===== */

p, li, dd, td, th, h3, blockquote, div.mailFormRow {
	font-size : small;
	}

/*/*/a{}

body p, body li, body dd, body td, body th, body h3, body blockquote, body div.mailFormRow {
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	}

html>body p, html>body li, html>body dd, html>body td, html>body th, html>body h3, html>body blockquote, html>body  div.mailFormRow {
	font-size : small;
	}

/* */

/* MENU FONT SIZE ===== */

#menu a {
	font-size : medium;
	}

/*/*/a{}

body #menu a {
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : medium;
	}

html>body #menu a {
	font-size : medium;
	}

/* */


/* HEADING FONT SIZES ===== */

h1 {
	font-size : large;
	}

/*/*/a{}

body h1 {
	font-size : medium;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : large;
	}

html>body h1 {
	font-size : medium;
	}

/* */

h2 {
	font-size : medium;
	}

/*/*/a{}

body h2 {
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : medium;
	}

html>body h2 {
	font-size : small;
	}

/* */



/* LAYOUT =============== */



div#container {
	max-width:748px;
	width:expression(document.body.clientWidth > 748? "748px": "auto" );
	border: 1px solid #CCCCCC;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 2px 2px 2px;
	background-color: #FFFFFF;
	background-image:url("../i/bg_menu.gif");
	background-repeat:repeat-y;
	background-position:top left;
	}

div#banner {
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 178px;
	background-color: #D60000;
	background-image:url(../i/banner_text.gif);
	background-repeat:no-repeat;
	background-position:top right;
	}

div#content {
	padding: 126px 10px 0px 12px;
	margin: 0px 0px 10px 176px;
	color: #000000;
	background-color: transparent;
	background-image:url(../i/banner_photos.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}

/* Correct margin for compliant browsers; -5px above is for IE */
html>body div#content {
	margin-left: 178px;
}

div#menu {
	float: left;
	width: 176px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	color:#000000;
	border-top: 2px solid #FFFFFF;
	}


img#swcar {
	background-color: #B2B197;
	border-bottom: 2px solid #FFFFFF;
	}

img#logo {
	border-bottom: 2px solid #FFFFFF;
	}

/* The following is a hack to avoid the IE 3px bug see
http://www.positioniseverything.net/articles/hollyhack.html */

/* Hides from IE5-mac \*/
* html #content {height: 1%;}
/* End hide from IE5-mac */ 


div#footer {
	clear: both;
	border-top: 1px solid #B2B197;
	padding: 0px;
	margin: 40px 0px 0px 0px;
	color:#000000;
	background-color: #FFFFFF;
}

/* LAYOUT END ============= */


/* MENU STYLING ============= */

#menu ul {
	margin-top: -5px;
	padding-top: 0px;
	margin-left: 0;
	padding-right: 0px;
	padding-left: 0px;
	list-style-type: none;
}

/* Correct menu top for compliant browsers - -5px above is for IE */
html>body #menu ul {
	margin-top: 0px;
}

#menu ul a {
	display: block;
	padding: 3px 5px 3px 5px;
	width: 166px;
	\width: 176px;
	w\idth: 166px;
	background-color: #858468;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	}


#menu li.parent {
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin-top:0px;
	padding-top:0px;
	}

#menu li {
	border-bottom: 1px solid #FFFFFF;
	}

#menu a:link, ul#menulist a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

#menu li a:hover {
	color: #FFFFFF;
	background-color: #9F9E80;
	}

#menu a.highlight, #menu a.highlight:link, #menu a.highlight:visited {
	background-color: #B2B197;
	color: #FFFFFF;
	background-image:url(../i/arrow_menu.gif);
	background-repeat:no-repeat;
	background-position:center right;
	}



/* EMAIL FORM STYLES == */


div.mailFormRow input, div.mailFormRow textarea { 
	width: 400px; 
	}

div.mailFormRow p { 
	margin: 4px 0px 4px 0px; 
	}

table.orderForm input, table.orderForm textarea {
	width: 350px; 
}


/* WEB LINKS STYLES == */


div.weblinks p { 
	margin: 5px 0px 0px 0px; 
	}

div.weblinks p.firstlinkletter{
	font-weight: bold;
	margin: 20px 0px 5px 0px;
	border-top: 1px solid #B2B197;
	padding: 10px 0px 0px 0px;	
	}


/* DATA LINKS STYLES == */


p.anomgrp { 
	margin:0;
	padding:0;
	padding-left: 23px;
	background-image:url(../i/icon_anom_group.gif);
	background-repeat:no-repeat;
	background-position:center left;

	}

p.bodygrp{
	padding-left: 23px;
	background-image:url(../i/icon_body_group.gif);
	background-repeat:no-repeat;
	background-position:center left;	
	}



p.topLink {
	text-align: right;
	}

p.topLink a {
	padding-right: 20px;
	background-image:url(../i/arrow_top_sm.gif);
	background-repeat:no-repeat;
	background-position:center right;
	text-decoration:none;
	}

/* Tables for data ============ */

table.data {
	background-color: #999999;
	color: #000000;
	}

table.data td {
	text-align: right;
	padding-right: 3px;
	}

table.data td.anom, table.data td.subanom {
	text-align: left;
	padding-left: 3px;
	}

table.data td.subanom {
	padding-left: 13px;
	}

table.data td {
	background-color: #FFFFFF;
	}

table.data tr.heading td {
	background-color: #E3E1C1;
	}

table.data th {
	background-color: #B2B197;
	}

tr.heading td.anom {
	font-weight: bold;
	}
	
table.data tr.swcar-head td {
	text-align: left;
	}

table.data tr.swcar-head td {
	border-top: 2px solid #000000;
	background-color:#DEDEDE;
	}

/* PRIVACY LINK ===== */

.privacylink {
	font-size: 70%;
	}

.privacylink a {
	color: #666666;
	}


/* Database Buttons ========= */

p#buttons {
	margin-top: 5px;
}

p#buttons  a {
	padding: 2px 4px 2px 4px;
	width: 18px;
	color: #FFFFFF;
	background-color: #858468;
	text-decoration: none;
}

p#buttons a:hover {
	color: #FFFFFF;
	background-color: #9F9E80;
}


/* HIGHLIGHT BOX ========= */

div.highlight {
	border: 2px solid #D60000;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

div.highlight p {
	margin: 5px 0px 5px 0px;
	font-weight: bold;
}


p.id-credit a {
	color: #999999;
	text-decoration: none;
	font-size: 0.8em;
}



/* 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;
}