/*===== HAVE SOME INFO HERE ===== */
/* Digital Bullet 07/03/06 */

/*===== BODY and containers ===== */
html{
   height:100%;
   margin:0px;
   padding:0px;
}

body {
	height:100%;
	background:url(images/background.jpg) repeat-x;
	background-color:#fcefbc;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:100%;
	padding:0px; /* fixes opera */
	
}
#container {
	min-height:100%;

	background:#fcefbc url(images/content_bg.png) 0 0 repeat-y;
	
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
		
	width:780px;

}
/* REMEMBER TO REMOVE center aligned div around the border divs, there is a better way to center in css using margin auto*/

/*===== BODY and containers ===== */

/*===== nav ===== */
#nav {
/* position:absolute; */
/* float:left;
width:195px;
height:100%;
background:#fff; */

  position:absolute;
  left:0;
  top:20px;
  padding:0;
  width:195px;
  height:100%; /* works only if parent container is assigned a height value */
  

}

/*===== nav ===== */

/*===== content classes ===== */
/*
#content {
 float:left; 
width:585px;
min-height:100%;

display:inline;
position:relative; 
top:0px;
left:0px;

font-size:0.8em;
color:#443306;
line-height:1.6em;
text-align:left;
}*/
#content {
position: relative;
top:20px;
margin-left:210px;
margin-right:210px;
margin-bottom:20px;

padding:5px;

font-size:0.8em;
color:#443306;
line-height:1.6em;
text-align:left;
}
#content a {
color:#443306;

}
#right {
position:absolute;
right:0;
top:20px;
padding:0;
width:200px;
height:100%; /* works only if parent container is assigned a height value */

}

.quote {
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
font-style:italic;
color:#443306;
line-height:2.0em;
padding:8px;

}
.author {
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
color:#443306;
line-height:2.0em;
padding-left:8px;
margin-bottom:15px;


}
.title {

font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
font-style:italic;
color:#443306;
}
.table_text {
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
font-style:italic;
color:#443306;
line-height:2.0em;
padding:8px;
}

/* sort later */

#left_col_wide {
float:left;
width:375px;
min-height:100%;

padding: 16px 8px 6px 8px;

}
#left_col_narrow {
float:left;
width:200px;
min-height:100%;
}
#right_col_wide {
float:left;
width:375px;
min-height:100%;
}
#right_col_narrow {

display:inline;
position:relative; 
top:0px;
left:0px;

/* float:left; */
width:200px;
min-height:100%;
}

/*===== content classes ===== */


/*===== wrapper ===== */
.top {background: url(images/top_border.gif) 0 0 repeat-x #000000; width: 890px; height:100%}
.bottom {background: url(images/bottom_border.gif) 0 100% repeat-x; height:100%}
.left {background: url(images/left_border.jpg) 0 0 repeat-y; height:100%}
.right {background: url(images/right_border.jpg) 100% 0 repeat-y; height:100%}

.upper_left {background: url(images/upper_left.jpg) 0px 0px no-repeat; height:100%}
.upper_right {background: url(images/upper_right.jpg) 100% 0px no-repeat; height:100%;}

/*===== wrapper ===== */
/* REMOVE THIS */

#banner {
margin:0px;
padding:0px;

position:relative;
display:block;

}
#slideshow {
	position:relative;
	display:inline;
	top:0px;
	left: 0px;

}
#banner_picture {
	position:relative;
	display:inline;
	top:0px;
	left: 0px;
}
#gold_decor {
height:10px;
background-image:url(images/gold_decor.jpg) 0px 0px repeat-x;

position:relative;
display:block;

}
/*===== wrapper ===== */