* 
{
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:12px; font-family:Book Antiqua, Arial, Helvetica, sans-serif;}

#outsideContainer {width:950px; margin:auto; padding:0px 0 0 0;/*padding to top will give you movement on your header image downwards*/ min-height:600px; }

#header {}

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

#imagetext {background: #f7f3ea url('') top left no-repeat; width:336px; height:360px; min-height: 400px;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:340px;left:50px;top:40px;} /* Alter height of text here on index page (right column) left:increased to 10 from zero moved the type away from the images*/


#leftcolumn {width:300px;height:317px;float:left;background:transparent;}

#index{width:100px;height:300px;float:left;background:transparent;}





#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:160px;
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;
}

a:link {
 color:gray;
 background-color:transparent ;
 text-decoration: underline;
 }
 
a:hover {
  color:orange;
  background-color:transparent;
  }
/* Classes */

p {padding: 5px;}

.center {text-align:center;}

.right {text-align:right;}