/* basic elements */
body { 
	font: .8em georgia; 
	color: #7D775C	;
/*  background: url(background.gif) repeat-y 50% 0;*/
	background: #d3d3d3;
	margin: 0px;
  padding: 0px;
  /*text-align:center;*/
	}
p {
	margin-top: 0px; 
	text-align: justify;
  margin-left: 100px;
  margin-right: 100px;
	}
h3 { 
	font: italic normal 1.3em georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px;
  margin-left: 90px;
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	/*color: #B7A5DF;*/
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	/*color: #D4CDDC;*/
	}
a:hover, a:active { 
	text-decoration: underline; 
	/*color: #9685BA;*/
	}


/* specific divs */
#container {  
  width: 100%;
/*	margin-left: auto;
  margin-right: auto;
  margin: 0px auto;
  text-align: left;
  padding: 0px;
  background: white;
*/	}
  
#top {
 	background: url(images/sitebuild/bgbar2.gif) repeat-x;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

#pageHeader {
	/*background: red url(background.gif) top right;*/
  padding: 0px;
  margin-left: 50px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
/*
#pageHeader h1 { 
	background: transparent url(images/sitebuild/logotest.gif) no-repeat top left; 
	margin-left: 100px;
  width: 424px;
	height: 160px;
	}
*/
#topNav {
  width: 500px; 
  float: right;
  padding: 0px;
  margin: 0px;
	}
#linkList { 
	font: 1em verdana, sans-serif; 
	/*padding: 10px;*/ 
	width: 100%; 
	}
#linkList ul {
	margin: 0px;
	padding: 0px;
  display: inline;
	}
#linkList li {
  display: inline;
	list-style-type: none;
/*	line-height: 2.5ex;*/
	background: transparent url(images/sitebuild/cr1.gif) no-repeat top center; 
	/*padding-top: 5px;*/
	padding-right: 5px;
  border-right: 1px solid;
	}
  
  
#mainbody {
  width: 100%;
/*	background: url(bg_bride.gif) no-repeat top right;*/
}
#content {
	font-size: 1em;
  margin: 0px 0px 0px 0px;
  /*padding-right: 100px;*/
  height:500px;
	}
.bg_left {
float: left;
margin: 0px;
}

#featureContainer {
  width: 400px;
	float: left;
  /*border-left: green solid;*/
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 5px;
  /*border-top: 2px solid;*/
}
#featureContainerInside {
	border: 1px solid #cbc;
  padding:5px;
  background-color: orange;
}

a.tipLink 
{ 
	position: relative; 
	z-index:24; 
	/*cursor:help;*/

	/* Safari won't remove the underline from 
	   the span, if the "a" uses one */
	   
	text-decoration:none;
} 

/* The "background-color" is required for some 
reason in IE, actual colors are OK too */

a.tipLink:hover { z-index:25; background-color: transparent;} 
a.tipLink span { display: none; }

a.tipLink:hover span
{
	display:block;
	position:absolute;
	top:-7em; 
	left:0em;
	
	/* I've sometimes run into oddities when I 
	didn't set the width.  YMMV. */
	
	width:30em;
	border:1px solid #000;
	background-color:#fff;
 	font: .8em georgia; 
	color:#000;
	text-align: center;
	padding:8px;
	text-decoration: none;
}

  /*drop shadows*/
/*
#shadowbox { margin: 20px; }
.box250 { width: 250px; float: left; margin: 10px; }
.box200 { width: 200px; float: left; margin: 10px; }
*/
.shadowN { background: url(images/sitebuild/shadowN.gif) repeat-x top left; }
.shadowW { background: url(images/sitebuild/shadowW.gif) repeat-y top left; }
.shadowE { background: url(images/sitebuild/shadowE.gif) repeat-y top right; }
.shadowS { background: url(images/sitebuild/shadowS.gif) repeat-x bottom left; }
.shadowNW { background: url(images/sitebuild/shadowNW.gif) no-repeat top left; }
.shadowNE { background: url(images/sitebuild/shadowNE.gif) no-repeat top right; }
.shadowSW { background: url(images/sitebuild/shadowSW.gif) no-repeat bottom left; }
.shadowSE { background: url(images/sitebuild/shadowSE.gif) no-repeat bottom right; }
.shadowOffsetAll { padding: 6px; }
.shadowOffsetN { padding: 6px 0 0 0; }
.shadowOffsetW { padding: 0 0 0 6px; }
.shadowOffsetE { padding: 0 6px 0 0; }
.shadowOffsetS { padding: 0 0 6px 0; }
.shadowOffsetNW { padding: 6px 0 0 6px; }
.shadowOffsetNE { padding: 6px 6px 0 0; }
.shadowOffsetSW { padding: 0 0 6px 6px; }
.shadowOffsetSE { padding: 0 6px 6px 0; }
.shadowOffsetNWE { padding: 6px 6px 0 6px; }
.shadowOffsetSWE { padding: 0 6px 6px 6px; }
/*.shadowInside { border: 1px solid #cbc; padding:5px; background-color: #fef; }
  */