/*
	RED rgb(240,75,68)
	GREY #ccc
*/



body {

	width: 720px;

	margin: 0 auto;

	padding: 0;

	border: 0;

	text-align: left;

	background-color: #ccc;

	color: black;

}



body, table {

	font-family: arial, 'lucida', sans-serif;

	font-size: 12px;

}



/* STRUCTURE */



#header {

	display: block;

	position: relative;

	top: 0;

	left: 0;

	height: 80px;

	margin: 0 0 20px 0;

	padding: 0;

	border: 0;

	background-color: rgb(240,75,68);

	background: url(../images/bar_top.gif) no-repeat top left;

	color: white;

}



#content {

	display: block;

	position: relative;

	margin: 0;

	padding: 0;

	border: 0;

	background-color: white;

}



#footer {

	display: block;

	position: relative;

	height: 40px;

	margin: 20px 0 20px 0;

	padding: 0;

	border: 0;

	background-color: rgb(240,75,68);

	background: url(../images/bar_bottom.gif) no-repeat top left;

	color: white;

	line-height: 40px;

	vertical-align: middle;

	font-size: 0.9em;

}



/* HEADER */



#header #logo {

	display: block;

	position: relative;

	top: 5px;

	left: 15px;

}



/* NAVIGATION */



#navigation {

	display: block;

	position: absolute;

	bottom: 12px;

	right: 12px;

	margin: 0;

	padding: 0;

	border: 0;

}



#navigation ul {

	display: block;

	margin: 0;

	padding: 0;

	border: 0;

	list-style: none;

}



#navigation ul li {

	display: inline;

	margin: 0;

	padding: 0;

	border: 0;

}



#navigation ul li a {

	display: block;

	float: left;

	margin: 0 0 0 4px;

	padding: 1px 20px 1px 4px;

	border: 1px solid white;

	text-decoration: none;

	color: white;

	font-size: 0.9em;

	background-color: transparent;

	background-position: right center;

	background-repeat: no-repeat;

	background-image: url(../images/arrow_white_blue.gif);

}



#navigation ul li a:hover {

	color: #193692;

	background-color: white;

	background-image: url(../images/arrow_blue.gif);

}



#navigation ul ul {

	position: absolute;

	left: 0;

	top: 0;

}



#navigation ul li ul {

	display: none;

	position: absolute;

	bottom: 0;

	left: 0;

}



#navigation ul li ul li a {

	display: block;

	background-colour: #193692;

	color: white;

	background-image: none;

}



#navigation ul li ul li a:hover {

	display: block;

	background: white;

	color: #193692;

	background-image: none;

}



#navigation ul li:hover ul {

	display: block;

}



/* CONTENT */



#content .wrapper {

	width: 680px;

	margin: 0;

	padding: 20px;

	border: 0;

}



#content #left {

	margin: -20px 180px -20px 0;

	padding: 20px 20px 20px 0;

	border: 0;

	border-right: 1px solid #ccc;

}



#content #right {

	position: absolute;

	top: 0;

	right: 0;

	width: 160px;

	margin: 0;

	padding: 20px 20px 10px 20px;

	border: 0;

	font-size: 0.9em;

}



#content #right ul {

	list-style: none;

	margin-left: 0;

	padding-left: 0;

}



/* FOOTER */



#footer a {

	color: white;

	text-decoration: none;

}



#footer a:hover {

	text-decoration: underline;

}



#footer #left {

	position: absolute;

	left: 10px;

	float: left;

	text-align: left;

}



#footer #right {

	position: absolute;

	right: 10px;

	float: left;

	text-align: right;

}



/* SIDES */



.side_top {

	background: url(../images/side_top.gif) no-repeat top left;

	width: 100%;

	height: 100%;

}



.side_bottom {

	background: url(../images/side_bottom.gif) no-repeat bottom left;

	width: 100%;

	height: 100%;

}



.side_left {

	background: url(../images/side_left.gif) repeat-y top left;

	width: 100%;

	height: 100%;

}



.side_right {

	background: url(../images/side_right.gif) repeat-y top right;

	width: 100%;

	height: 100%;

}



/* PARAGRAPHS */



table, p, address, blockquote, h1, h2, h3, h4, h5, h6, ul, ol {

	margin: 0 0 1em 0;

	padding: 0;

	border: 0;

	line-height: 1.5em;

}



blockquote {

	margin-left: 4em;

}



address {

	font-style: italic;

	font-weight: normal;

}



h1 {

	padding-top: 0;

	letter-spacing: 0.15em;

	font-size: 1.5em;

	font-weight: bold;

	color: #193692;

}



h2 {

	font-size: 1.2em;

	font-weight: bold;

}



h3 {

	font-size: 1em;

	font-weight: bold;

}



th h2 {

	margin-top: 1em;

}



/* LISTS */



ul {

 	margin: 0 0 1em 0;

 	padding: 0 0 0 2em;

 	list-style: circle;

 }

 

ul li {

 	margin: 0.5em 0 0.5em 0;

 	padding: 0;

 }



ul li ul {

	list-style: square;

}



ol {

	margin: 0 0 1em 0.2em;

	padding: 0 0 0 2em;

	list-style: decimal;

}

 

ol li {

	margin: 0.5em 0 0.5em 0;

	padding: 0;

}



ul li ol {

	list-style: lower-alpha;

}


ul.members {
  list-style: none;
  padding-left: 0;
  float: left;
}

ul.members h4 {
  margin-bottom: 0;
}

ul.members dl dd {
  margin-left: 2em;
  float: left;
}

h3.member-type {
  margin: 0;
  font-size: 1.2em;
  clear: left;
}

ul.members dl dt {
  float: left;
  clear: left;
  width: 11em;
}

ul.members li {
  clear: both;
  float: left;
}

/* LINKS */



a {

	text-decoration: underline;

	color: black;

}



a:hover {

	text-decoration: none;

}



/* IMAGES & OBJECTS */



img {

	border: 0;

	vertical-align: middle;

}



object {

	border: 0;

}



/* TABLES */



table {

	width: 100%;

	margin: 0.5em 0;

	padding: 0;

	border: 0;

	border-collapse: collapse;

}



tr {

	margin: 0;

	padding: 0;

	border: 0;

}



th {

	margin: 0;

	padding: 0;

	border: 0;

	font-weight: bold;

	vertical-align: top;

	text-align: left;

}



td {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: top;

	text-align: left;

}



.grid th {

	padding: 4px 4px;

	border: 0;

}



.grid td {

	padding: 4px 4px;

	border: 1px solid #CCC;

}



/* FORMS */



form {

	margin: 0;

	padding: 0;

	border: 0;

}



input {

	width: auto;

	vertical-align: middle;

}



textarea {

	width: auto;

}



select {

	width: auto;

}



/* CLASSES */



.lines { border-bottom: 1px solid #ccc }



.alert { color: red }



.auto { width: auto !important }



.full { width: 97% }



.left { text-align: left !important }



.centre, .center { text-align: center !important }



.right { text-align: right !important }



.justify { text-align: justify !important }



.print { display: none }



.small { font-size: 0.8em }



.large { font-size: 1.5em }



.spacer { height: 300px }



/* END */