* 
{
padding:0;
margin:0;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: auto;}


body, html, #outsideContainer{
	padding: 0;
	min-height: 100%;
	height: 100%; }


html>body, html>body #outsideContainer {
	height: auto;
}


body {color:#56544f; font-size:11px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}

#outsideContainer {width:950px; margin:auto; padding:10px 0 0 0;min-height:600px; }

#rightcolumn {width:334px;float:right;background:transparent;}

#imagetext {background: #F9F9F9 url('') top left no-repeat; width:336px; height:500px; min-height: 500px;padding:0px 0 0 0;margin:3px 0 0 0;z-index:0;} /* Could have used a bigger bakground image here and just put text on top */

#outsideContainer #imagetext p {padding: 0 0 0 30px!important; margin:0!important;margin: 0 0 0 0px;  z-index:50;position:relative;width:280px;left:-20px;top:20px;} /* Alter height of text here on index page (right column)and changing width brought the text in line with images*/

#centrecolumn {width:290px;float:right;background:transparent;margin:0 10px 0 0;}

#leftcolumn {width:240px;float:left;background:transparent;}

#index{width:100px;height:100px;float:right;background:transparent;}/*float:floats the photo to the left or right of text*/



#navlist {
margin: 0 auto;
padding: 1em 0;
font-family: trebuchet ms, serif;
font-size: 12px;
text-align: center;
text-transform: lowercase;
float:left;
position:relative!important;position:absolute;
height:250px; /*Height of image1*/
width: 184px; /*width of image1*/
z-index:3;
clear:right;
top:16px!important;top:90px;
left:16px!important;left:25px;
}

#navlist ul#navlist li {padding:0;margin:0;display:block;border:0!important;border:1px solid #f8e2b9;}/*color around buttons*/

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
}


ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

ul#navlist li a { width: auto; }

ul#navlist li#active a {
background: #f0e7d7;
color: #073e7f;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
color: #073e7f;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}


#footer { margin:auto; padding:0px; color:#594F49; font-size:10px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
position: relative;
height:10px;
width: 950px;
clear:right;
border:0;
text-decoration: none;
}


/* Classes */

p {padding: 3px;}

.center {text-align:center;}

.right {text-align:right;}