/* table and gradient color left rose c67979, gradient color right and body oatmeal f9f3da, flower accent color light grey rose 554c4c, dark slate 556d79*/ 

* {
    margin: 0;
    padding: 0; 
    }
 
body {

	font-size: small;
	font-family: helvetica, verdana, "sans serif";
}

li {list-style:inside;color: #554c4c;

}

/*this section controls anchor behavior*/ 
 a:link {color: #554c4c; text-decoration: none}     /* unvisited link */
 a:visited {color: #554c4c; text-decoration: none}  /* visited link */
 a:hover {color: #8169bd; text-decoration: none}   /* mouse over link */
 a:active {color: #fff; text-decoration: none}   /* selected link */
 
#mainwrap {
	max-width: 2000px;
	min-width: 800px;
	min-height: 750px;
	background: url(gradientbg.png) repeat-y; 
	}
	
/*sets the minimum and maximum widths the overall content box may be resized to with a gradient background image that repeats vertically */

#secondwrap { 
	max-width: 2000px;
	min-width: 800px; 
	min-height: 750px;
	background: url(contentleft.png) no-repeat;
}

/* this is an overlapping transparent image that displays browser left*/

#header {
	height: 130px;
	width: 70%;
	float: right;
	background: url(banner.png) no-repeat;
}

#headerinner {
	padding: 20px;
}

h1 {
	font-size: 200%;
	text-align: left;
        color: #000;
	}

#contentwrap {
	width: 80%;
	float: left;
}

/*contentwrap contains two divs using float layout columns */ 
#contentleft {
	float: left;
	width: 40%;
}

#contentright {
	float: right;
	width: 60%;
	background-color: #c67979;
}



/* The contentright & contentfeft divs both have "inner" divs to handle padding,
	borders, etc.
*/

#contentinnerleft {
	padding: 5px;
	margin: 2px;
	text-align: center;
}

#contentinnerright {
	padding: 5px;
	margin: 10px;

}

#contentinnerright h2 {
	text-align: left;
	font-size: 150%;
	color: #554c4c;
	
}

#contentinnerright h3 {
	line-height: 200%;
}

#contentinnerright p { 
	text-align: left;
	font-size: 100%;
	color: #554c4c;
        line-height: 150%;
}


/*the navigation links appear in the nav section- it has an overall wrapper called "nav" for padding and positioning, also with a transparent image that appears browser right in nav div. there is an inner div for content */

#nav {
	width: 20%;
	float: right;
	background: url(navbg.png) no-repeat;
	
}

#navInner {
	padding: 25px;
	
}
#navInner ul {
	font-size: 150%;
	list-style: none;
	text-align: center;
	line-height: 300%;
	font-family: helvetica, verdana, "sans serif";
}

#footer { 
	clear: both;
	height: 50px; 

}


#footerInner {
	padding: 10px;
}

#footerInner p {	
	text-align: right;
	font-size: 100%;
}