@import url('layout.css');
/*  "W3c  CSS Validation Service"
	
	http://www.css-validator.org/
		www.sharpepainting.ca/styles/style2.css
*/


body
{   color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:normal; /*	background-color:rgb(112,16,27); /* Andrew's maroon */ 
	/*	background-color:#dfeefc; */ /* bottom end of vert_fade_strip  */ 
	/*	background-image:url('../images/bkg/brown063.jpg'); */ 
	/*	background-image:url('../images/bkg/DSC03868_1200_1024.jpg' ); */ 
	/*	background-image:url('../images/bkg/Background1.jpg' ); */;
	background-repeat:repeat-x;
}

#container
{   /* width:100%; */
	width:841px; /* needed for IE or we get 100% width */;
	max-width:841px; /* IE does not respect this declaration. */;
	min-width:480px; /* IE6 does not respect this declaration. */;
	margin:0 auto;
	background-color:#FFFFf0;
	position:relative;
}

#page_content
{   position:relative;
/*	width:inherit; */ /* no good as does not allow for padding */

/* must subtract padding from container width   841-25-25=791*/
	padding:0 25px;
	width:750px; /* needed for IE or we get 100% width */;
	max-width:750px; /* IE does not respect this declaration. */;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#CCAA77;
	margin-left:20px;
	margin-right:20px;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#FFFFF0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	color:#600000;
	text-align:left;
	text-indent:0px;
}

#column_l
{   position:relative; /*	width:85%;*/;
	width:90%;
	margin:0 0 0 0;
	padding:0 25px;
	background-color:#FFFFF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	color:#600000;
	text-align:left;
	text-indent:0px;
}

#column_r
{   float:left; /*	width:auto;*/;
	width:0;
	margin:0;
	padding:10px;
	background-color:#cdf;
	position:absolute;
	right:0px;
	top:0px;
}


/* Styles for Content */
h1
{   padding:0px;
	font-size:1.75em;
	color:#000080;
	border-bottom:solid 1px rgb(112,16,27); /* Andrew's maroon */;
	font-family:Verdana, Arial, Helvetica;
	overflow:hidden;
	clip:rect(auto, auto, auto, auto);
}

h2
{   padding:0px;
	font-size:1.4em; /*	color:#469; */;
	color:#000080;
	border-bottom:solid 1px rgb(112,16,27); /* Andrew's maroon */;
	font-family:Verdana, Arial, Helvetica;
	overflow:hidden;
	clip:rect(auto, auto, auto, auto);
}

h3
{   font-size:1.3em;
	color:#000080;
}

h4
{   padding:0px;
	font-size:1.4em;
	color:#000080;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	border-bottom:solid 1px rgb(112,16,27); /* Andrew's maroon */;
	text-align:left;
	clip:rect(auto, auto, auto, auto);
	overflow:hidden;
	font-weight:bold;
}

h5
{   font-size:1.1em;
	color:#469;
}

h6
{   padding:0px;
	font-size:1.0em;
	color:#000080;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:rgb(112,16,27); /* Andrew's maroon */;
	overflow:hidden;
	clip:rect(auto, auto, auto, auto);
}

/* Styles for Footer */
#footer
{   background-color:#dfcfbf; 
	padding-bottom:5px;
	width:inherit;
/*     width:auto; */
	text-align:center;
	clear:both;
	overflow:auto;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-bottom-right-radius:10px;
	-moz-border-bottom-left-radius:10px;
	-o-border-bottom-right-radius:10px;
	-o-border-bottom-left-radius:10px;

}

#footer p
{   font-size:xx-small;
	text-align:center;
	color:#999999;
/*	margin:10px; */
	padding:1px;
}
#footer a
{   font-size:x-small;
	text-align:center;
	color:#404060;
	text-decoration:underline;
}
#footer a:hover
{   
	font-size:xx-small;
	color:#000;
	text-decoration:none;
}

#footer2 p /* copyright line lighter */
{   font-size:xx-small;
	text-align:center;
	color:#999999;
/*	margin:10px; */
	padding:1px;
}

#footer2 a /* copyright line lighter */
{   font-size:x-small;
	text-align:center;
	color:#999999;
	text-decoration:underline;
}









/* Styles for Links */
/* default colors:
a {	color:#469; text-decoration:underline;}
a:hover { color:#000; text-decoration:underline;}
*/
/* My styles for links */
a:link
{   color:#0000d0;
	text-decoration:none;
}

a:visited
{   color:#1010d0;
	text-decoration:none;
}

a:hover
{   color:#0000C6;
	text-decoration:underline;
}

a:active
{   color:#0000C6;
	text-decoration:none;
}

.style_bold
{   font-weight:bold;
}

.style_italic
{   font-style:italic;
}

/* used on articles/index page */
ul.index1
{   line-height:180%;
	background:#ffe4ff;
	color:#800080;
	font:bold 10pt Verdana, Arial, Helvetica;
	text-decoration:none;
}

/* sub index */
ul.index2
{   line-height:90%;
	background:#ffe4ff;
	color:#800080;
	font:10pt Verdana, Arial, Helvetica;
	text-decoration:none;
}

#table1
{   table-layout:auto;
	empty-cells:hide;
	border-style:dotted;
	border-width:thin;
	width:auto;
	padding:20px;
}

.center
{   text-align:center;
}

.box_center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}


div.indented
{   margin-right:50px;
	margin-left:25px;
}

.clear_float
{   clear:both;
}

.float_right
{   float:right;
}

.float_left
{   float:left;
}

.float_right275w
{	width:275px;
	float:right;
	border-style:none;
	border-width:0px;
	margin-top:0px;
	margin-bottom:35px;
	margin-right:0px;
	margin-left:5px;
	padding:10px;
}
.float_img_right
{   float:right;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:30px;
	border-style:none;
	padding:0px;
}

.float_img_left
{   float:left;
	margin-top:0px;
	margin-bottom:30px;
	margin-right:30px;
	margin-left:0px;
	border-style:none;
	padding:2px;
}

.boxshadow /* wide shadow all 4 sides */
{
	box-shadow:		-10px -10px 20px #888888,10px 10px 20px #888888;
	-webkit-box-shadow:-10px -10px 20px #888888,10px 10px 20px #888888;
	-moz-box-shadow:	-10px -10px 20px #888888,10px 10px 20px #888888;
	-o-box-shadow:		-10px -10px 20px #888888,10px 10px 20px #888888;
}

.boxshadow5 /* nice shadow on bot and right side, plus rounded box corners */
{	
  margin:15px;
  border:0px;
  border-radius:7px;
  -moz-border-radius:7px; /* Firefox 3.6 and earlier */	

  box-shadow:8px 8px 12px #888888;
  -webkit-box-shadow:8px 8px 12px #888888;
  -moz-box-shadow:8px 8px 12px #888888;
  -o-box-shadow:8px 8px 12px #888888;
}


.boxshadow8 /* use for most pictures (med size)  */
{
  padding:0px;
  margin:15px;
  border:0px;
  border-radius:7px;
  -moz-border-radius:7px; /* Firefox 3.6 and earlier */	

  box-shadow:			8px 8px 12px #888888;
  -webkit-box-shadow:	8px 8px 12px #888888;
  -moz-box-shadow:		8px 8px 12px #888888;
  -o-box-shadow:		8px 8px 12px #888888;
}

.boxshadow8p /* padded; use for text boxes */
{
  padding:10px;
  margin:15px;
  border:0px;
  border-radius:7px;
  -moz-border-radius:7px; /* Firefox 3.6 and earlier */	
  box-shadow:			8px 8px 12px #888888;
  -webkit-box-shadow:	8px 8px 12px #888888;
  -moz-box-shadow:		8px 8px 12px #888888;
  -o-box-shadow:		8px 8px 12px #888888;
}