/* General styles */
body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background:#fff;
  min-width:900px;    /* Minimum width of layout - remove line if not required */
                      /* The min-width property does not work in old versions of Internet Explorer */
  font-size:90%;
  font-family: Palatino, serif ;
}
a {
  color:#369;
}
a:hover {
  color:#fff;
  background:#369;
  text-decoration:none;
}
h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
}
p {
  margin:.4em 0 .8em 0;
  padding:0;
}
img {
  margin:10px 0 5px;
}

/* Header styles */
#header {
  clear:both;
  float:left;
  width:100%;
  min-width:900px;
  margin : 0;
  padding: 0;
  background: #4d3876 url('../GRAPHICS/headerbg.png');
}
#header {
  border-bottom:1px solid #000;
}

#headerimage {
	width  : 600px;
	height : 100px;
	float  : left;
	margin : 0;
  padding: 0;
	background: url("../GRAPHICS/header.png");
	text-indent: -9999px;
}

#topPic1 {
	width  : 100px;
	height : 100px;
	float  : right;
	margin : 0;
  padding: 0;
	background: url("../GRAPHICS/topPic1.png");
	text-indent: -9999px;
}
#topPic2 {
	width  : 100px;
	height : 100px;
	float  : right;
	margin : 0;
  padding: 0;
	background: url("../GRAPHICS/topPic2.png");
	text-indent: -9999px;
}
#topPic3 {
	width  : 100px;
	height : 100px;
	float  : right;
	margin : 0;
  padding: 0;
	background: url("../GRAPHICS/topPic3.png");
	text-indent: -9999px;
}
/* Menu styles */
#centeredmenu {
  clear:left;
  float:left;
  padding:0;
  background:#4E3976 url('../GRAPHICS/menubg.gif') top repeat-x;
  border-bottom:1px solid #7E7567;
  width:100%;
  border-top:2px solid #000;
  overflow:hidden;
  font-family:Verdana, sans-serif;
}
#centeredmenu ul {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
  left:50%;
  text-align:center;
}
#centeredmenu ul li {
  display:block;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  right:50%;
}
#centeredmenu ul li.first {
  border-left:1px solid #7E7567;
}
#centeredmenu ul li.last {
  border-right:1px solid #ECE9D8;
}
#centeredmenu ul li a {
  display:block;
  float:left;
  margin:0;
  padding:10px 5px 6px 5px;
  border-left:1px solid #ECE9D8;
  border-right:1px solid #7E7567;
  text-decoration:none;
  color: #ADA04A;
  font-size:.8em;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1.3em;
}
#centeredmenu ul li a:hover {
  color:#000;
  background-color:#ECE9D8;
  border-left:1px solid #fff;
  padding-top:8px;
  padding-bottom:8px;
}
#centeredmenu ul li.active a,
#centeredmenu ul li.active a:hover {
  color:#fff;
  background:#000;
  border-left:1px solid #000;
  padding-top:8px;
  padding-bottom:8px;
}

/*HOLY GRAIL LAYOUT*/
		#colmask {
			padding-left : 200px;      /* LC fullwidth */
			padding-right: 240px;     /* RC fullwidth + CC padding */
			clear: both;
		}
		
		#colmask .column {
			position: relative;
			float: left;
		}
		
		#center {
			padding: 10px 20px;       /* CC padding */
			width: 100%;
		}
		
		#left {
			width: 180px;             /* LC width */
			padding: 0 10px;          /* LC padding */
			right: 240px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
			background: #FFD8B7;

		}
		
		#right {
			width: 180px;             /* RC width */
			padding: 0 10px;          /* RC padding */
			margin-right: -100%;
			background: #FFD8B7;

		}
		
		#footer {
			clear: both;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 200px;              /* RC fullwidth */
		}

		/*** Equal-height Columns ***/

		#colmask {
			overflow: hidden;
		}

		#colmask .column {
			padding-bottom: 1001em;     /* X + padding-bottom */
			margin-bottom: -1000em;     /* X */

		}

		/*** Footer Fix ***/

		* html body {
			overflow: hidden;
		}
		
		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: #FFF;         /*** Same as body background ***/
		}


/* Footer styles */
#footer {
    font-weight: bold;
    clear:both;
    float:right;
    text-align: right;
    width:100%;
    color: #fff;
    background:#4E3976 url('../GRAPHICS/menubg.gif') top repeat-x;
    border-top:1px solid #000;
}

#footer a {
    color: #fff;
    background: none;
    text-decoration: none;
}

#footer p {
    padding:5px;
    margin:0;
}