body {/* set everything to zero for a good cross-browser starting point */
	margin: 0;/*zeroes the margins on the body*/
	padding: 0;/*zeroes the padding on the body ** Opera carries a default padding and requires this zeroing*/
	border: 0px none;/*zeroes off any existing border*/
	background-color: #C4AD70;/*sets the body background colour*/
	color: #202020; /*set the default text color */
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif;/*set the default fonts */
	font-size: 10px;
	min-width: 770px;
	scrollbar-base-color: #F0EACE;
}

/* These styles set up a "current page marker" or a "you are here" visual cue. 
By setting an ID on the body of each unique page, as well as an ID on each list 
item that contains a link, we can create an automatic look for current page links. */
body#homePage li#homePage a,
body#aboutPage li#aboutPage a, 
body#associatesPage li#associatesPage a, 
body#listingsPage li#listingsPage a,
body#newslettersPage li#newslettersPage a,
body#contactPage li#contactPage a,
body#linksPage  li#linksPage a,
body#servicesPage li#servicesPage a, {
	color: #F0EACE; /* Sets the type color for links in the hover or focus state within the outside div. */
}

#wrapper {
	margin: 5px auto;/* centers the wrapper first value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	width: 761px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	border: 5px solid #2C2C2C;/* sets a border to all 4 sides */
	text-align: left;/* Realigns the text to the left after the IE hack in the body rule */
	background-image: url('images/prairie_bkg.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #F0EACE;
	
}

#wrapperGallery {
	margin: 0px;
	padding: 0px;
	width: 582px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	text-align: left;/* Realigns the text to the left after the IE hack in the body rule */
	background-image: url('images/prairie_bkg.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #F0EACE;

}

#wrapperLinks {
	margin: 5px auto;/* centers the wrapper first value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	width: 761px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	border: 5px solid #2C2C2C;/* sets a border to all 4 sides */
	text-align: left;/* Realigns the text to the left after the IE hack in the body rule */
	background-image: url('images/dog_bkg.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #ebdbaf;
	
}

#wrapperServices {
	margin: 5px auto;/* centers the wrapper first value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	width: 761px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	border: 5px solid #2C2C2C;/* sets a border to all 4 sides */
	text-align: left;/* Realigns the text to the left after the IE hack in the body rule */
	background-image: url('images/table_bkg.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #ebdbaf;
	
}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

/* BANNER -------------------------------------------------------*/

#banner {
	width: 761px;/* Provides a width for the banner div */
	height: 175px;
	background-color: #2C2C2C;
	position: relative; /* Allows us to set the navcontainer div absolutely within the banner div*/
}

#banner .right {/* Float the right hand image to the right in the banner */
	float: right;/*Floats the image to the right*/
}
/* Set the navigation container */
/* The relative positioning on the banner allows us to set this div absolutely in relation to its containing element - the banner div. This div holds the image tabs */

#banner a img {
    border: none; /*removes the default link border from around the navigation images*/
}

/* NAVIGATION ---------------------------------------------------*/

#navcontainer {
	position: absolute;
	top: 149px;
	left: 70px;
	background-color: transparent;
	height: 20px;
	vertical-align: bottom;
	width: 670px;
}

#navigation {
	color: #DCC559; /* Sets the type color for text in the div outside the main container. */
	background: transparent;
	width: 105%; /* Sets margins on the right and left of the div, and these also match the container div. */
	margin-top: 5px; /* Sets a little space between the edge of the viewport and the div. */
	font-size: 11px; /* Sets the font-size to smaller than the default on the body. */
	font-weight: bold;
	
}

#navigation ul {
	margin: 5px 20px 5px 0; /* Sets the spacing around the unordered list that will function as an accessible navigation list. */
	display:inline; /* Sets the unordered list to display on the same line with the search form. */
	}

#navigation li {
	display: inline; /* Sets the list items to display horizontally. */
	}
	
	
/* The following fix corrects an IE Mac bug that creates ghost links upon hovering. */
	
/*\*//*/
#outside li {
	display: inline-block;
	white-space:nowrap;
	width:1px;
	}
/**/

#navigation a:link, 
#navigation a:visited {
	color: #DCC559; /* Sets type color for links in the initial and visited states in the outside div. */
	background: transparent; /* Sets the background color on the links. */
	text-decoration: none; /* Removes the underline from the links. */
	padding: 4px; /* Pads the links so that the background color extends a little beyond the text. */
}

/* The following fix corrects display problems of these links in IE 5. */

/*  \*/
* html #navigation a:link, * html #navigation a:visited {
 height: 1%;
 vertical-align: bottom;
 ve\rtical-align: middle;
}
/* */

#navigation a:hover, 
#navigation a:focus {
	color: #F0EACE; /* Sets the type color for links in the hover or focus state within the outside div. */
}


/* CONTENT ---------------------------------------------------*/
#content {
	width: 761px;
	margin: 0px;
	padding: 0px;
	height: 268px;
}
#contentHome {
	position: absolute;
	top: 205px;
	left: 313px;
	margin: 0 30 0 0px;
	width: 426px;
}

#contentHome p {
	font-style: italic;
	font-weight: 200;
	font-size: 16px;
	padding: 0 10 0 10 px;
	line-height: 20px;
	text-indent: 20px;
}
#contentHome a:link, 
    #contentHome a:visited {
	color: black;
	text-decoration: underline;
}
#contentHome a:hover {
	color: #DCC559; /* Sets the type color for links in the hover or focus state within the outside div. */
}

#contentAbout {
	width: 761px;
	margin: 0px;
	padding: 0px;
	height: 268px;

}
#contentAbout1 {
	position: absolute;
	top: 193px;
	left: 181px;
	width: 412px;
}
#contentAbout2 {
	position: absolute;
	top: 274px;
	left: 229px;
	width: 331px;
}

#contentAbout p, #contentAbout1 p, #contentAbout2 p  {
	font-size: 12px;
}

#contentAssoc {
	width: 761px;
	margin: 0px;
	padding: 0px;
	height: 285px;

}
#contentAssoc1 {
	position: absolute;
	top: 191px;
	left: 25px;
	width: 726px;
	height: 91px;
}
#contentAssoc p {
	font-size: 12px;
}

#contentContact {
	width: 761px;
	margin: 0px;
	padding: 0px;
	height: 300px;
}
#contentContact td.head {
    font-size: 13px;
	font-weight: bold;
	font-style:italic;
}
#contentContact td {
    font-size: 12px;
	margin-left: 40px;
	margin-top: 10px;
}
#contentContact p {
    font-size: 12px;
	margin-left: 40px;
	margin-top: 10px;
}
#contentContact p.head {
    font-size: 15px;
	font-weight: bold;
	font-style:italic;
	margin-left: 30px;
	margin-top: 10px;
}
#contentContact a:link, 
    #contentContact a:visited {
	color: black;
	text-decoration: underline;
}
#contentContact a:hover {
	color: #DCC559; /* Sets the type color for links in the hover or focus state within the outside div. */
}

#contentListings {
	width: 761px;
	margin: 0px;
	padding: 0px;
}

#contentListings h3 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0;
	font-style: italic;
	text-align: center;
}
#contentListings table.listings {
   margin:10px 20px 20px 20px;
   padding:0px;
   border: solid 3px #bea469;
   font-size: 12px;
   width: 700px;
   border-collapse: collapse;
}
#contentListings a:link, 
#contentListings a:visited {
	color: #202020; /* Sets type color for links in the initial and visited states in the outside div. */
	text-decoration: underline; /* Removes the underline from the links. */
}
#contentListings a:hover {
	color: #DCC559; /* Sets the type color for links in the hover or focus state within the outside div. */
}

#contentGallery {
	width: 761px;
	margin: 0px;
	padding: 0px;
	height: 700px;
}

#contentLinks {
	width: 761px;
	margin: 0px;
	padding: 0px;
	height: 480px;
}

#contentLinks p {
    font-size: 12px;
	margin-left: 60px;
	margin-top: 10px;
}
#contentLinks p.head {
    font-size: 15px;
	font-weight: bold;
	font-style:italic;
	margin-left: 30px;
	margin-top: 10px;
}
#contentLinks table.links{
   margin:10px 30px 10px 60px;
   padding:0px;
   font-size: 12px;
   width: 640 px;
   border-collapse: collapse;
}
#contentLinks a:link, 
    #contentLinks a:visited {
	color: black;
	text-decoration: none;
}
#contentLinks a:hover {
	text-decoration: underline; 
}

#contentNewsletters {
	width: 761px;
	margin: 0px;
	padding: 0px;
}
#contentNewsletters p {
    font-size: 12px;
	margin-left: 60px;
	margin-right: 30px;
	margin-top: 10px;
}
#contentNewsletters p.head {
    font-size: 15px;
	font-weight: bold;
	font-style:italic;
	margin-left: 30px;
	margin-top: 10px;
}
#contentNewsletters ul {
    font-size: 12px;
	margin-left: 70px;
	margin-right: 40px;
	margin-top: 5px;
}
#contentNewsletters a:link, 
    #contentNewsletters a:visited {
	color: black;
	text-decoration: none;
}
#contentNewsletters a:hover {
	text-decoration: underline; 
}

#contentServices {
	width: 761px;
	margin: 0px;
	padding: 0px;
	height: 1010px;
}

#contentServices p {
    font-size: 12px;
	margin-left: 60px;
	margin-right: 30px;
	margin-top: 10px;
}

#contentServices ul {
    font-size: 12px;
	margin-left: 70px;
	margin-right: 40px;
	margin-top: 5px;
}

/* FOOTER ---------------------------------------------------*/
#footercontainer {
    width: 761px;/* Provides a width for the banner div */
	height: 58px;
	background: #2C2C2C;
	margin: 5px auto;/* centers the wrapper first value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	width: 761px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	border: 5px solid #2C2C2C;/* sets a border to all 4 sides */
	clear: both;
}

#footer {
    text-align:center; 
   	color: #F0EACE; 
	font-size: 12px; /* Sets the font-size to smaller than the default on the body. */
	font-weight: bold;
	line-height: 130%;
}

#footer a:link, 
    a:visited {
	text-decoration: none;
	color: #F0EACE;
}
#footer a:hover {
	color: #DCC559; /* Sets the type color for links in the hover or focus state within the outside div. */
}

/* SETS UP FLOATED IMAGE CLASSES.-----------------------------------------------------------------*/
.leftfloathome {
	float: left;/*Floats the image to the left*/
	margin: 20px 20px 0px 20px;/*sets the margins so the image sits nicely in the p elements*/
	border: 0px;
	clear: left;
}
.leftfloatfooter {
	float: left;/*Floats the image to the left*/
	margin: 5px 15px 2px 0;/*sets the margins so the image sits nicely in the p elements*/
	border: 0px;/*sets a border on the image*/
}
.rightfloatfooter { /*right float with no border */
	float: right;/*Floats the image to the right*/
	margin: 5px 0 2px 10px;/*sets the margins so the image sits nicely in the p elements*/
	border: 0px;
}

.leftfloatborder {
	float: left;/*Floats the image to the left*/
	margin: 5px 15px 2px 0;/*sets the margins so the image sits nicely in the p elements*/
	border: 1px solid #54242F;/*sets a border on the image*/
}
.rightfloatborder {
	float: right;/*Floats the image to the right*/
	margin: 5px 0 2px 15px;/*sets the margins so the image sits nicely in the p elements*/
	border: 1px solid #54242F;/*sets a border on the image*/
}

.leftfloatabout {
	float: left;
	margin: 5px 10px 0px 0px;
	border: 0px;
}
.rightfloatassoc {
	float: right;
	margin: 5px 10px 0px 0px;
	border: 0px;
}
.rightfloatabout { /*right float with no border */
	float: right;/*Floats the image to the right*/
	margin: 5px 0 0px 10px;/*sets the margins so the image sits nicely in the p elements*/
	border: 0px;
}
.rightfloatcontact { /*right float with no border */
	float: right;/*Floats the image to the right*/
	margin: 0px 0 0px 0px;/*sets the margins so the image sits nicely in the p elements*/
	border: 0px;
}

/* MISCELLANEOUS CLASSES.-----------------------------------------------------------------*/
.small {
	font-style: italic;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
}