/*
CSS ideas from Keith Donegan at
http://www.code-sucks.com  
*/

/* 308 + 620 +52 = 980 */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0;
	text-align: center;
	background: #cad9ec url(/images/background.jpg) 0 0 repeat-x;
}
#wrapper { 
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	position: relative;
}
#preheader {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 1.3em;
	padding: 0;
	margin: 0;
}
#preheader p {
	padding: 0;
	margin: 0;
}
#header {
	width: 1000px;
	height: 268px;
	background: #fff url(/images/header.jpg) 0 28px no-repeat;
}
#content {
	width: 100%;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	background: #fff url(/images/bodybackground.gif) 0 0 repeat-y;
}
body.wide #content {
	background: #fff url(/images/bodybackgroundwide.gif) 0 0 repeat-y;
}
#main { 
	float: right;
	width: 720px;
	display: inline;
	position: relative;
	padding: 0;
}
body.wide #main { 
	width: 840px;
}
#mainleft { 
	width: 380px;
	float: left;
	margin: 0 30px 0 24px;
	padding: 0 0 20px 0;
}
#mainright { 
	width: 260px;
	float: right;
	margin: 0 24px 0 0;
	padding: 0 0 20px 0;
}
#mainboth { 
	width: 670px;
	float: left;
	margin: 0 24px 0 24px;
	padding: 0 0 30px 0;
}
body.wide #mainboth { 
	width: 820px;
	margin: 0 0 0 8px;
}
#leftside { 
	width: 280px;
	display: inline;
	float: left;
}
#leftcolumn { 
	margin: 0 15px 20px 15px;
}
body.wide #leftside{ 
	width: 160px;
}
body.wide #leftcolumn { 
	margin: 0 10px 20px 10px;
}
/* http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml */
#navigation {
	position: absolute;
	top: 232px;
	right: 20px;
	padding: 0;
	margin: 0;
}
#navigation a {
	color: #000;
	background: url(/images/tab_left.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
	line-height: 1em;
	font-size: 1.1em;
	white-space: nowrap;
}

#navigation a span {
	background: url(/images/tab_right.gif) right top no-repeat;
	padding: 0 10px 0 0;
	text-align: center;
}

#navigation a, #navigation a span {
	display: block;
	float: left;
	min-height: 36px;
	height: auto !important; /* ie6 */
    height: 36px;
}
#navigation a span span {
	background: url(/images/tab_center.gif) left top repeat-x;
	min-height: 36px;
	height: auto !important; /* ie6 */
    height: 36px;
	padding: 4px 0 0 0;
	font-weight: bold;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span {
	float: none
}
/* End hide */

#navigation a:hover {
	background: url(/images/tab2_left.gif) left top no-repeat;
	padding-left: 10px
}
#navigation a:hover span {
	background: url(/images/tab2_right.gif) right top no-repeat;
	padding-right: 10px
}
#navigation a:hover span span {
	background: url(/images/tab2_center.gif) left top repeat-x;
	padding-right: 0;
}
#navigation ul {
	padding: 0;
	margin: 0;
}
#navigation li {
	float: left;
	margin: 0 3px;
	list-style: none;
} 

#footer { 
	width: 1000px;
	padding: 1px;
	margin: 0 0 20px 0;
	clear: both;
	background: #cad9ec url(/images/footer.jpg) top left no-repeat;
	min-height: 167px;
	height: auto !important; /* ie6 */
    height: 167px;
}
body.wide #footer { 
	background: #cad9ec url(/images/footerwide.jpg) 0 0 no-repeat;
}
#footer p { 
	margin: 70px 0 0 340px;
	padding: 0;
}
.clear { clear: both; background: none; }