﻿/****************************
BEGIN FONT ATTRIBUTES/CLASSES
****************************/
.pagetitles {
	font-family: Arial;
	font-size: 130%;
	font-style: italic;
	color: #492E11;
	padding-left: 4px;
}

.quotes {
	font-family: Arial;
	font-size: 80%;
	font-style: italic;
	color: #70491E;
}

.text {
	font-family: Arial;
	font-size: 100%;
	color: #5A3A17;
}

.text a:link {
	color: #5A3A17;
	text-decoration: none;
	background-color: #C4B483;
}

.text a:visited {
	color: #5A3A17;
	text-decoration: none;
	background-color: #C4B483;
}

.text a:hover {
	color: #82592C;
}


.admintext {
	font-family: Arial;
	font-size: 80%;
	font-style: italic;
	font-weight: bold;
	color: #918253;
}

.robsresume {
	font-family: Times New Roman;
	font-size: 85%;
	font-style: none;
	color: #6B4821;
}

.sfdesignz {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 60%;
	color: #F1E4C2;
	text-decoration: none;
	padding: 0px 0px 12px 4px;
}

a:active {
	color: #DFD1AC;
	text-decoration: none;
}

a:visited {
	color: #DFD1AC;
	text-decoration: none;
}

.sfdesignz a:link {
	color: #DFD1AC;
	text-decoration: none;
}

.sfdesignz a:hover {
	color: white;
}

.titles {
	font-family: Arial;
	font-size: 110%;
	font-style: italic;
	color: #5A3A17;
	border-bottom: 1px dotted #D8C09A;
	
}
.submenu {
	font-family: Arial;
	font-size: 90%;
	color: #6D5423; 
}
a:active {
	color: #6D5423;
	text-decoration: none;
}
a:visited {
	color: #6D5423;
	text-decoration: none;
}
.submenu a:link {
	color: #6D5423;
	text-decoration: none;
}
.submenu a:hover {
	color: #4F3B14;
}
.anchors {
	font-family: Arial;
	font-size: 90%;
	color: #5A3A17;
}
a:active {
	color: #6D5423;
	text-decoration: none;
}
a:visited {
	color: #6D5423;
	text-decoration: none;
}
.anchors a:link {
	color: #6D5423;
	text-decoration: none;
}
.anchors a:hover {
	color: #4F3B14;
}


/****************************
END FONT ATTRIBUTES/CLASSES
****************************/


body {
	background-color: #2F190C;
	background-image: url('sitebg2.jpg');
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
}


/*----------------------------------------------------------BEGIN MAIN CONTAINER DIVS*/
/*These are the main divs that contain and form the whole site 
  (they all have "_container" attached at the end of their names):
	
	#site_container: holds every div in this site
	#banner_container: holds all divs for the banner (includes #header)
	#body_container: holds all divs for leftnav and site content
	#footer_container: holds all divs corresponding to the footer portion of site
	
  After these first few divs, the code is organized from top to bottom, left to right,
  in the four above categories. It's all self explanatory, you will see.
  
  Also, the text definitions are all located at the bottom of the style sheet.
*/
#site_container {
	background-image:url('../SiteFiles/contentbg.jpg');
	margin-left: 14px;
	padding: none;
	width: 800px;
	height: 100%;
	border-top: 1px solid #3D2302;
	border-right: 1px solid #3D2302;
	border-bottom: 1px solid #3D2302;
	border-left: 1px solid #A76C2A;
}
#banner_container {
	position: relative;
	height: 163px;
	background-image: url('bannerbg.jpg');
}
#leftnav_container {
	background-color: #261002;
	position: relative;
	height: auto;
	width: 192px;
}
	html>body #leftnav_container {
		margin-top: 32px;
	}
#body_container {
	left: 0px; 
	top: 0px; 
	background-image: url('bodybg.jpg'); 
	background-repeat: repeat-y;
	background-color: #C0B07D;
	position: relative;
	height: auto;
	width: 798px;
	margin-bottom: 1px;
	border-bottom: 1px solid white;
}
	html>body #body_container {
		width: 800px;
	}
#footer_container {
	background: #2A1406;
	margin-top: 0px;
	width: 798px;
}
	html>body #footer_container {
		width: 800px;
	}

/*----------------------------------------------------------END MAIN CONTAINER DIVS*/


/*----------------------------------------------------------BEGIN BANNER CSS*/
#header {
	position: relative;
	height: 32px;
	background-image: url(topbannerbg.jpg);
}
#banner {
	position: relative;
	height: 163px;
	background: url(banner.jpg);
}
/*----------------------------------------------------------END BANNER CSS*/


/*----------------------------------------------------------BEGIN CONTENT CSS*/
#leftnav {
	z-index: 2;
	background-image: url('leftnav.jpg');
	margin-left: -196px;
	margin-top: 0px;
	position: absolute;
	height: 372px;
	width: 192px;
	background-repeat: no-repeat;
}
	html>body #leftnav {
		position: relative;
		margin-left: 0px;
		margin-top: 0px;
	}

#contact_button {
	position: absolute; 
	width: 82px; 
	height: 11px; 
	z-index: 3; 
	left: -132px; 
	top: 160px;
	
}
	html>body #contact_button {
		padding-top: 149px;
		margin-left: 50px;
	}

#content {
	z-index: 1;
	background-image: url('contentbg.jpg');
	position: relative;
	margin: 25px 0px 6px 196px;
	padding-left: 6px;
	width: 595px;
	border: 1px solid #E2D5AA;
	border-top: 1px solid black;
	margin-top: 10px;
}
	html>body #content {
		border-top: 1px solid #E2D5AA;
		margin-top: -368px;
		margin-right: 6px;
	}

#titles {
	background-image: url('titlesbg.jpg');
	background-repeat: repeat-x;
	width: 594px;
	margin-top: 6px;
	margin-bottom: 8px;
}
#submenu {
	margin-bottom: 30px;
	margin-left: 12px;
	background-image: url('../SiteFiles/quotesbg.jpg');
	padding: 2px 0px 2px 6px;
	border: 1px solid #9D8556;
}
#subheader {
	background-image: url('../SiteFiles/subheaderbg.jpg');
	background-repeat: repeat-x;
	margin-left: 50px;
	margin-right: 70px;
	border-bottom: 1px dotted white;
}
#anchors {
	background-image: url('../SiteFiles/quotesbg.jpg');
	width: 136px;
	margin-left: 420px;
	margin-top: 10px;
	padding: 4px 0px 4px 4px;
	border: 1px dotted #9D8556;
}
/*----------------------------------------------------------END CONTENT CSS*/


/*----------------------------------------------------------BEGIN FOOTER CSS*/
#footer {
	background-image: url('topbannerbg.jpg');
	left: 0px; 
	top: 0px; 
	height: 32px; 
	width: 798px;
}
	html>body #footer {
		top: 0px;	
	}


/*----------------------------------------------------------END FOOTER CSS*/
html>body #test {
	padding-top: 100px;
	margin-left: 10px;
}


