/*Current main Style Sheet*/

/* Color Pallette: Light Olive=#DBE7D3, Sand=#DACFB9, Dark Sand (borders)=#9B8A78, Brown=#785A3C, Dark Brown=#573B1B, Saffron=#F7BB29, Maroon=#670000, Blue=#539DBC, Sea=#729692, Moss=#737231, Purple=#662C91, Dark Blue=#294694, Lapis=#6016A5, Gold=#E4B84D, Blood=#C2522D, Deep Blood=#872D00, Mustard=#F0CD7C, Midnight Blue=#1C326D, Copper=#D08761, Dark Copper=#7F402F, Rose=#C2522D */


/* ====HTML TAG STYLES==== */

html {margin: 0; padding: 0;}

body {
	margin: 0; padding: 0;
	background: #6016A5 url(images/bg_lapis2.gif) top left repeat fixed;
	font-size: 14px;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
	
p {
	font: .9em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	}
	
a:link {font-weight: bold; text-decoration: none; color: #670000;} /*maroon*/
a:visited {text-decoration: none; }
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}
	
h1, h2, h3 {
	font-family:  Papyrus, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-weight: bold;
	color: #670000;
	text-align: center;
	margin:0; padding: 10px 0 0 0;
	}

h1 {font-size: 2em;}
	
h2 {font-size: 1.6em;}	

h3 {font-size: 1.2em;}

h4, h5, h6 {
	font-family:  Papyrus, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin:0; padding: 10px 0 0 0;
	}

h4 {font-size: 2em;}
	
h5 {font-size: 1.6em;}	

h6 {font-size: 1.2em;}


/* ====LOOSE CLASS STYLES (can be applied anywhere)==== */	

.hide {display: none;}

.invisible {visibility: hidden;}

.quote {font-style: italic; color: #670000; padding: 0 40px 0 20px;}
	
.credit {color: #670000; text-align: right; padding: 0 40px 20px 20px; margin:0;}

.right {text-align: right; float: right;}

.left {text-align: left; float: left;}

.center {text-align: center;}

.clear {clear: both;}

/*div {border: 1px solid red;}*/


/* ====HEADER STYLES==== */

#header {
	position: absolute; top: 0; left: 0;
	height: 100px; width: 100%;
	background: #670000 url(images/bannerbg.gif) top left;
	background-repeat: repeat;
	border-bottom: 2px solid #000;
	z-index: 1000;
	}
	
#header img.logo {
	width: 350px;
	margin: 35px auto 0 auto;
	z-index: 2000;
	}
	
#header h1, #header h2, #header h3 {display: none;}

#header p {display: none;}


/* ====CORNER STYLES==== */

#leftcorner {
	position: absolute; top: 0; left: 0;
	width: 190px;
	height: 95px;
	z-index: 1200;
	text-align: left;
	}

#rightcorner {
	position: absolute; top: 0; right: 0;
	width: 190px;
	height: 95px;
	z-index: 1200;
	text-align: right;
	}


	
/* ====LEFTBOX STYLES==== */	
	
#leftnav {         /*** No side padding or borders, to avoid the IE5.x box model problem ***/
	position:absolute; left: 0; top: 100px;
	width: 200px;
	z-index: 800;
	}
	
#xtra {
	width: 200px;
	float: left;
	}
	
#xtra p a {
	font: bold .9em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	border: 0;
	}
	
#xtra p a:hover {
	color: #fff;
	background: transparent none;
	text-decoration: underline;
	}
	
#menu {
	margin: 10px 10px 0 10px;
	width: 172px; 
	border: 4px solid #F7BB29;     /*saffron*/
	background: #fff url(images/menubg2-lt.gif) top left;
	text-align: left;
	}
	
#menu h4 {
	margin: 0;
	font: bold 18px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #670000;
	background-color: #F7BB29;
	border-top: 2px solid #C2522D;
	padding: 5px 0 5px 5px;
	}
	
#menu a {
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #670000;      /*maroon*/
	display: block;
	padding: 5px 5px;
	border-top: 2px solid #C2522D;
	background: #fff url(images/menubg2-lt.gif) top left;
	}

#menu a:link {text-decoration: none;}

#menu a:visited {text-decoration: none;}

#menu a:hover {
	text-decoration: none; 
	color: #fff; 
	background: #872D00 url(images/menubg2-dk.gif) top left;
	}
	
#menu a:active {
	text-decoration: none; 
	color: #fff; 
	background: #872D00 url(images/menubg2-dk.gif) top left;
	}

#menu ul {
	margin: 0;
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #670000;
	padding: 0 0 0 20px;
	list-style: disc url(images/bullet.gif) outside;
	}
	
#menu li {
	margin: 0 0 0 5px;
	}
	
#menu li a {
	margin: 0; padding: 2px 0;
	border: 0;
	}
	
/* ====MIDDLEBOX STYLES==== */

#contentbox {
	margin: 0 175px 0 200px;
	border-left: 2px solid #573B1B;
	border-right: 2px solid #573B1B;
	padding: 10px 10px 0 10px;
	z-index: 600;
	background: #ECE9E6 url(images/tile-lt.gif) top left repeat;
	}
	
#content  {
	padding: 80px 10px 40px 10px;
		voice-family: "\"}\""; 
	voice-family:inherit;
	padding: 100px 10px 40px 10px;
	margin: 0;
	background: transparent url(images/flame.gif) bottom left;
	background-repeat: repeat-x;
	}
	
#content img {
	border: 4px solid #872D00;  /*dark blood*/
	}


/* ====RIGHTBOX STYLES==== */

#rightinfo {    /*** No side padding or borders, to avoid the IE5.x box model problem ***/
	position: absolute; right: 25px; top: 100px;
	width: 150px;
	color: #000;
	z-index: 100;
	}
	
#rightinfo img.photo {
	border: 4px solid #F7BB29;  /*saffron*/
	}
	
#info {
	margin: 10px 0 0 10px;
	border: 0;
	}
	
#info p {
	font: bold .80em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	}

/* ====FOOTER STYLES==== */

#footer {
	background: #670000 url(images/bannerbg.gif) top left;
	background-repeat: repeat-x;
	padding: 5px 0 5px 0;
	border-top: 4px solid #000;
	}

#footer p {
	margin: 0px; padding: 2px;
	font: bold .9em/1em Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	}



