/*  mwa.css	Mytholmroyd Walkers' Action CSS definitions  */

/*  basic sizes, styles, colours, margins and borders        */

/*
Dark Yellow  = #ffcc00	logo panel
Blue         = #6666ff	top menu
Burnt Orange = #cc6600	side menu
Brown        = #663300	side menu hover
Mid Blue     = #000099	text links
Red          = #cc0000	text links hover
Dark Blue    = #000066	h1 and h3
Dark Grey    = #666666	h2 and h4
Pale Grey    = #99cccc
*/

body {
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:  0px;
	padding: 0px;
	}

img {
	border: 0px;
	margin: 0px;
	}
a img {
	border: 0px;
	margin: 0px;
	}

.floatleft {
	float: left;
	margin-right: 15px;
	}
.floatright {
	float: right;
	margin-left: 15px;
	}
div.container {
	overflow: hidden;
	width: 100%;
	}
#container {
	overflow: hidden;
	width: 100%;
}

a {
	color: #000099;
	}
a:hover {
	color: #cc0000;
	}

.big {
	font-size: 140%;
	}	
.bigger {
	font-size: 120%;
	}	
.bitbigger {
	font-size: 110%;
	}	
.smaller {
	font-size: 90%;
	}	
.small {
	font-size: 80%;
	}	
.caption {
	font-size: 85%;
	font-style: italic;
	}	
.center {
	text-align: center;
	}
.bold {
	font-weight: bold;
	}
.highlight {
	font-weight: bold;
	color: #000066;
	}

.error {
	color: #cc0000;
	}
a.error {
	color: #cc0000;
	}
a:hover.error {
	color: #000066;
	}

.nobotmargin {
	margin-bottom: 0px;
	}

h1 {
	color: #000066;
	font-weight: bold;
	font-size: 150%;
	margin-top: 0px;
	margin-bottom: 15px;
	}
h2 {
	color: #666666;
	font-weight: bold;
	font-size: 135%;
	margin-top: 0px;
	margin-bottom: 13px;
	}
h2 a {
	color: #666666;
	text-decoration: none;
	}
h2 a:hover {
	color: #000066;
	text-decoration: none;
	}
h3 {
	color: #000066;
	font-weight: bold;
	font-size: 120%;
	margin-top: 0px;
	margin-bottom: 12px;
	}
h4 {
	color: #666666;
	font-weight: bold;
	font-size: 110%;
	margin-top: 0px;
	margin-bottom: 10px;
	}

td h1 {
	color: #000066;
	font-weight: bold;
	font-size: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
	}
td h2 {
	color: #666666;
	font-weight: bold;
	font-size: 135%;
	margin-top: 0px;
	margin-bottom: 0px;
	}
td h3 {
	color: #000066;
	font-weight: bold;
	font-size: 120%;
	margin-top: 0px;
	margin-bottom: 0px;
	}
td h4 {
	color: #666666;
	font-weight: bold;
	font-size: 110%;
	margin-top: 0px;
	margin-bottom: 0px;
	}

hr {
	border: 0;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	width: 100%;
	text-align: left;
	}

ul {
	margin: 10px 20px 20px 40px;
	padding: 0px 0px 0px 0px;
	}
li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

/*  layout components and dimensions  */

#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#logoheader {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 95px;
	width: 100%;
	background-image: url("../images/mwaground.gif");
	background-repeat: repeat;
	}

#mwalogo {
	float: left;
	padding: 10px 5px 5px 10px;
	text-align: left;
	}
#mwalogo img {
	vertical-align: top;
	border: 0px;
	}
#wawlogo {
	float: right;
	padding: 7px 40px 7px 5px;
	text-align: left;
	}
#wawlogo img {
	vertical-align: top;
	border: 0px;
	}

#headmenu {
	position: absolute;
	left: 0px;
	top: 95px;
	height: 25px;
	width: 100%;
	background-color: #6666ff;
	overflow: hidden;
	}
#headmenu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}
#headmenu li {
	padding: 0px;
	margin: 0px;
	display: inline;
	}
#headmenu li.title {
	padding: 0px;
	margin: 0px;
	display: inline;
	background-color: #6666ff;
	border-right: 1px dotted #ffcc00;
	display: block;
	float: left;
	text-align: center;
	padding: 6px 8px 7px 10px;
	font-weight: bold;
	font-size: 70%;
	color: white;
	text-decoration: none;
	}
#headmenu a {
	background-color: #6666ff;
	border-right: 1px dotted #ffcc00;
	display: block;
	float: left;
	text-align: center;
	padding: 6px 8px 6px 8px;
	font-weight: bold;
	font-size: 70%;
	color: white;
	text-decoration: none;
	}
#headmenu a:hover {
	border-right: 1px dotted #6666ff;
	background-color: #ffcc00;
	color: black;
	}

#breadcrumbs, #grey {
	position: absolute;
	left: 0px;
	top: 125px;
	height: 21px;
	width: 100%;
	background-color: white;
	}
#navlinks {
	float: left;
	padding: 3px 10px 2px 10px;
	font-size: 70%;
	text-align: left;
	}
#navlinks a         { color: #000066; text-decoration: underline; }
#navlinks a:hover   { color: #cc0000; text-decoration: underline; }

#contentsplain {
	position: absolute; 
	left: 0px; 
	top: 150px; 
	width: 100%; 
	min-width: 900px;
	margin: 0px 0px 0px 0px; 
	background-color: white;
	}

#contentandsides {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 100%;
	min-width: 800px;
	max-width: 1200px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	}

#contentandsides900 {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 900px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	}
#contentandsides950 {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 950px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	}
#contentandsides1000 {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 1000px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	}
#contentandsides1050 {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 1050px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	}
#contentandsides1100 {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 1100px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	}
#contentandsides1200 {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 1200px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	}

#leftmenu {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	width: 225px;
	float: left;
	font-size: 70%;
	color: white;
	background-color: #cc6600;
	}
#leftmenu img {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
#leftmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
#leftmenu li {
	display: block;
	margin: 0px;
	padding: 0px;
	color: white;
	}
#leftmenu li.title {
	margin: 0px 0px 0px 0px;
	padding: 6px 10px 4px 10px;
	font-weight: bold;
	color: #ffcc00;
	border-bottom: 1px solid #ffcc00;
	}
#leftmenu li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
	font-size: 100%;
	text-decoration: none;
	font-weight: normal;
	color: white;
	border-bottom: 1px dotted white;
	}
#leftmenu a:hover {
	background-color: #663300;
	}
div.leftmenuBottom {
	height: 15px;
	}
#leftmenu p {
	margin: 0px;
	padding: 0px 0px 5px 10px;
	color: black;
	background-color: white;
	font-style: italic;
	}
#leftmenu p.first {
	padding: 10px 0px 5px 10px;
	}

#main {
	margin-left: 225px;
	padding: 0px;
	background-color: white;
	}

#center {
	margin-right: 240px;
	padding: 0px 20px 20px 20px;
	background-color: white;
	font-size: 80%;
	}

#fullcenter {
	margin: 0px;
	padding: 0px 20px 20px 20px;
	width: 525px;
	background-color: white;
	font-size: 80%;
	}

#footer
	{
	clear: both;
	padding: 0px 0px 20px 0px;
	background-color: white;
	font-size: 80%;
	}

#footnote {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	background-color: white;
	}

#bottomplain {
	padding: 0px 0px 0px 0px; 
	background-color: white; 
	}

#bottom {
	clear: left;
	margin-left: 0px;
	padding: 0px 0px 20px 0px;
	background-color: white;
	font-size: 70%;
	text-align: center;
	}

#gap {
	width: 60px;
	float: left;
	}

/* fix for blocks with floated elements that need to be cleared */
/* see http://www.positioniseverything.net/easyclearing.html    */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .block-with-float {height: 1%;}
/* End hide from IE-mac */


/*  table styles: colours, margins and borders  */

td { 
	font-size: 80%; 
	vertical-align: top;
	}

table.form {
	border-collapse: collapse;
	}
table.form td { 
	padding: 3px 2px 3px 0px;
	font-size: 80%;
	}

table.plain td { 
	padding: 4px 9px 4px 0px;
	font-size: 80%;
	}
table.plain tr.head td { 
	font-weight: bold;
	color: #000066;
	}

table.boxed {
	border-collapse: collapse;
	}
table.boxed td { 
	border: 1px solid #666666; 
	padding: 4px 4px 4px 5px;
	font-size: 80%;
	}
table.boxed tr.head td { 
	font-weight: bold;
	color: white;
	background-color: #666666;
	}

table.ruled {
	border-collapse: collapse;
	}
table.ruled td { 
	border-bottom: 1px solid #666666; 
	padding: 4px 5px 4px 5px;
	font-size: 80%;
	}
table.ruled tr.head td { 
	font-weight: bold;
	color: white;
	background-color: #666666;
	}

table.plainruled {
	border-collapse: collapse;
	}
table.plainruled td { 
	border-bottom: 1px solid #666666; 
	padding: 4px 5px 4px 5px;
	font-size: 80%;
	}
table.plainruled tr.head td { 
	font-weight: bold;
	color: #000066;
	border-top: 1px solid #666666; 
	}

table.background {
	border-collapse: collapse;
	}
table.background td { 
	border-bottom: 2px solid white; 
	padding: 3px 5px 3px 5px;
	font-size: 80%;
	background-color: #99cccc;
	}
table.background tr.head td { 
	font-weight: bold;
	color: white;
	background-color: #666666;
	}

table.alternating {
	border-collapse: collapse;
	}
table.alternating td { 
	padding: 4px 5px 4px 5px;
	font-size: 80%;
	background-color: white;
	}
table.alternating tr.alt td { 
	background-color: #99cccc;
	}
table.alternating tr.head td { 
	font-weight: bold;
	color: white;
	background-color: #666666;
	}


/*  end of file  */