/* RESET ----------------------------------------------------------- */

*
{
   margin  : 0;
   padding : 0;
   border  : none;
}

/* LAYOUT ---------------------------------------------------------- */

#contentwrapper 
{
	position    : absolute;
	border      : 2px solid #917450;
	margin      : 90px 0 10px -350px; 
	padding     : 0;
	right       : auto;    
	left        : 50%;
	width       : 700px;
}

#menu
{
	width         : 700px;
	height        : 50px;
	border-bottom : 2px solid #917450;
}

#main 
{
	padding  : 0 40px;
	width    : 620px;
	color    : black;
}

#footer
{
	width       : 700px;
	height      : 182px;
	clear       : both;
}

#footerContent
{
	margin      : 0 150px 10px 245px;
	padding-top : 100px;
}

#logo
{
   position    : absolute;
   width       : 182px;
   height      : 183px;
   top         : 24px;
   left        : 50%;
   margin-left : -410px;
	z-index     : 10;
}

/* MENU AND FOOTER ------------------------------------------------- */

#menu ul
{
	margin         : 0 0 0 150px; /* push out from logo */
   padding        : 18px 0 5px 0;
   list-style     : none;
}

#menu ul li
{
   display        : inline;
   padding        : 0;
   margin         : 0 16px 0 0;
   text-transform : uppercase;
}

#footer p
{
	margin      : 0 0 1em 0;
	font-size   : 80%;
}

#menu a, #menu a:visited, #menu a:active, #footer a, #footer a:visited, #footer a:active
{ 
	color           : #917450;  /* gold colour from logo */
	text-decoration : none;
}

#menu a:hover, #footer a:hover
{
	color : #b6966d;
}

/* BACKGROUNDS ----------------------------------------------------- */

body            { background  : #663300 url('./images/style/sunburst.png') no-repeat fixed center ; }	
#logo           { background  :         url('./images/style/rbc.png')      no-repeat              ; }
#footer         { background  :         url('./images/style/barrels.png')  no-repeat bottom left  ; }	
#main h2.graph  { background  :         url("./images/style/pumps.png")    no-repeat bottom right ; }
#menu           { background  : black   url("./images/style/masthead.png") no-repeat bottom right ; }
#contentwrapper { background  : #e8dac0 ; }

/* COLOURS ----------------------------------------------------------------- */

body           { color : black  ; }
#menu          { color : white  ; }
#footerContent { color : #706251; }

/* TYPOGRAPHY -------------------------------------------------------------- */

body, td
{
	font-family     : "Lucida Grande", Verdana, sans-serif;
	font-size       : small;
}

h1,h2,h3
{
	font-family   : "Palatino", Times, sans-serif;
}

#main h1
{
	font-size       : 200%;
	text-decoration : none;
	margin          : 20px 0 30px 90px;
}

#main h2
{
	clear         : both;
	font-size     : 150%;
	font-weight   : normal;
	display       : block;
	border-bottom : 2px solid black;
	margin        : 0 0 1em 0;
	padding-top   : 35px; /* allow space for pumps graphic */
}

#main h3
{
	font-size       : 110%;
	font-weight     : normal;
	text-decoration : underline;
	margin          : 0.5em 0 1em 0;
}

#main .cleared
{
	clear : both;
}

#main p
{
	margin        : 0 0 1em 0;
	text-align    : justify;
	line-height   : 1.4em;
}

/* LISTS -------------------------------------------------------- */

#main li
{
	margin-bottom : 0.3em;
	text-align    : justify;
}

#main ul, #main ol
{
	list-style    : square;
	margin        : 0 0 20px 1.5em;
	padding       : 0;
}

/* LINKS -------------------------------------------------------- */

#main a, #main a:visited, #main a:active
{
	color           : #5c380c;  /* gold colour from logo */
	text-decoration : underline;
}

img
{
	border: 2px solid black; 
}