/**  MAIN STYLING  **/

* { 
		margin: 0; 
		} 
a:link, a:visited {
		color: #663300;
		text-decoration: none;
		}
a:hover, a:active {
		text-decoration: underline;
		background: #ffff99;
		}
a img {
		border: none;
		}
html {
		padding: 0;
		height: 100%;
		}
body {
		background: #990000;
/*		background: #941515; */
/*		width: 890px; */
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		}
h1 {
		font-size: 1.5em;
		color: #941515;
		text-align: right;
		}
h2 {
		font-size: 1.3em;
		color: #000000;
		}
h3 {
		font-size: 1.3em;
		color: #657b96;
		padding-bottom: 10px;
/*		background: #ffffcc; */
		}
hr {
		font-size: 2px;
		color: #996633;
		}
ul {
		list-style-type: none;
		padding-left: 0;
		}

/**  MAIN FRAME  **/

#footer { 
		color: #663300;
		font-size: .8em;
		text-align: center;
		border-top: #660000 solid 1px;
		position: relative;
		top: 20px;
		padding-bottom: 15px;
		}
#footer a:link, a:visited {
		text-decoration: none;
		font-weight: bold;
		}
#footer a:hover, a:active {
		background: #ffff99;
		font-weight: bold;
		}
#container { 
		margin: auto;
		position: relative;
		width: 885px;
		min-height: 577px;
		background: url('./gfx/background-2.png') no-repeat top left;
/*		overflow: auto; */
		}
#col2bg {
		width: 100%;
		height: 100%;
		background: #ffffcc;
/*		background: #b8914e; */
/*		border-top: #ffff33 solid 1px; */
		border-left: #660000 solid 1px;
		border-right: #996633 solid 1px;
		padding-bottom: 10px;
		filter:alpha(opacity=50); 
		opacity:0.5; 
		position: absolute;
		top: 0px;
		left: 0px;
		z-index:-1;
		}
#col2 {
		width: 580px;
		padding-left: 20px;
		padding-right: 20px;
		position: absolute;
		top: 115px;
		left: 120px;
		}
#col2 ul, li {
		padding-left: 20px;
		line-height: 1.4em;
		}
#col2 ul {
		font-weight: bold;
		padding-bottom:10px;
		}
#col2 h6 {
		width: 80%;
		color: #000000;
		padding: 4px;
		font-size: .9em;
		font-weight:normal;
		text-align: center;
		background: #ffffff;
		border: #996633 solid 1px;
		filter:alpha(opacity=60); 
		opacity:0.6;
		}
#col2 p {
		line-height: 1.6em;
		padding-bottom: 7px;
		}
#col2 img {
		padding: 6px;
		}
#col3 {
/*		background: #ccffcc; */
		position: absolute;
		top: 144px;
		right: 161px;
		z-index: 0;
		}
#header {
		height: 80px;
		position: absolute;
		top: 10px;
/*		border-bottom: #660000 solid 1px; */
		}
#header #headscribe, #header #headscback {
		position: relative;
		top: -73px;
		left: 582px;
		width: 257px;
		color: #000000;
		height: 52px;
		padding: 2px;
		font-size: .8em;
		font-weight:normal;
		text-align: center;		
		}
#header #headscback {
		margin-top: -55px;
		background: #657b96;
/*		filter:alpha(opacity=40); */
/*		opacity:0.4; */
		z-index:-1;
		border: #996633 solid 1px;
		}
#sheer {
/*		background: #999966; */
		/* for IE */
		filter:alpha(opacity=80);
		/* CSS3 standard */
		opacity:0.8;
		}
#menu {
		width: 621px;
		background: #999966 url('./gfx/navback4.jpg'); 
		position: absolute;
		top: 95px;
		left: 121px;
/*		float: left; */
		}
#widget {
		color: #000000;
		font-size: xx-small;
		}
#widget h5 {
		font-size: xx-small;
		text-transform: uppercase;
		background-color: #bdb76b;
		text-align: center;
		margin-bottom: 0px;
		}
#subfoot {
		position: absolute;
		bottom: -88px;
		width: 885px;
		height: 108px;
		margin-left: -140px;
/*		background: url('./gfx/5crows.jpg'); */
		z-index: -2;
		}

#crnr_bl {
		width: 20px;
		height: 20px;
		background: url('./gfx/corner-bl.png')
		}
#crnr_br {
		width: 20px;
		height: 20px;
		background: url('./gfx/corner-br.png')
		}


/**  GLOBAL SWITCHES  **/

#dropcap {
		font-size: 2em;
		font-family: Garamond;
		}
#smlr {
		font-size: 80%;
		}
#bigr {
		font-size: 110%;
		}
#dent {
		padding-left: 20px;
		}
#note {
		font-size: .9em;
		font-weight: bold;
		}


.shadow-one {
    position: absolute;
    background: url(./gfx/shadow/upper-right.png) right top no-repeat;
    }  /* Absolute positioning used only to collapse the div-group width;
    floating, or a stated width, or a sized outer container will work as
    well for this purpose. */

.shadow-two {
    padding-top: 30px;
    padding-left: 30px;
    background: url(./gfx/shadow/lower-left.png) left bottom no-repeat;
    }

.shadow-three {
    background: url(./gfx/shadow/full-frame.png) right bottom no-repeat;
    }

.shadow-four {
    position: relative;
    left: -30px;
    top: -30px;
    background: url(./gfx/shadow/full-frame.png) left top no-repeat;
    }

.shadow-five {
    position: relative;
    left: 15px;
    top: 15px;
    }

.shadow-six {
	position: absolute;
	padding-right: 15px;
	padding-bottom: 13px;
    background: url(./gfx/shadow/full-frame.png) right bottom no-repeat;
    }

.shadow-seven {
    position: relative;
    left: 0px;
    top: 0px;
    }