/* Cascading style sheet for Emmitt Barks Cartography web site */


/* Fonts */

body {
	font-family:		"Tahoma" "Verdana" "San-serif";
	font-size:		10pt;
	letter-spacing: 	-0.25;
	}

a:link {
	font-family:		"Tahoma" "Verdana" "San-serif";
	font-size:		10pt;
	color:			rgb(75,0,100);
	font-weight:		bold;
	text-decoration:	none;
	letter-spacing: 	-0.25;
	}

a:visited {
	font-family:		"Tahoma" "Verdana" "San-serif";
	font-size:		10pt;
	color:			rgb(75,0,100);
	font-weight:		bold;
	text-decoration:	none;
	letter-spacing: 	-0.25;
	}

a:hover {
	font-family:		"Tahoma" "Verdana" "San-serif";
	font-size:		10pt;
	color:			rgb(125,11,0);
	font-weight:		bold;
	text-decoration:	none;
	letter-spacing: 	-0.25;
	}

h1 {
	font-family:		"Tahoma" "Verdana" "San-serif";
	font-size:		12pt;
	color:			rgb(75,0,100);
	font-weight:		bold;
	text-align:     	right;
	text-decoration:	none;
	border-bottom: 		1pt solid rgb(0,0,0);
	letter-spacing: 	-1;
	padding-top:		8px;
	padding-bottom:		-2px;
	padding-right:		5px;
	}

h2 {
	font-family:		"Tahoma" "Verdana" "San-serif";
	font-size:		10pt;
	color:			rgb(255,255,255);
	font-weight:		bold;
	text-decoration:	none;
	letter-spacing: 	-0.25;
	background:		rgb(125,11,0);
	padding-top:		5px;
	padding-bottom:		1px;
	padding-left:		1px;
	}


/* Divisions */


/* menubox creates an olive-background panel to the left of the main content for the main menu */

#menustripe {
	background:  		rgb(231,238,216);
	position:    		absolute;
	left:				180px;
	top:         		0px;
	width:       		180px;
	height:      		100%;
	z-index:     		-1;
	}

#menubox { 	
	position:    		absolute;
	left:				160px;
	top:         		280px;
	width:       		180px;
	z-index:     		0;
	}

#menubox ul {
	list-style-type: 	none;
	text-align:		center;
	}

#menubox a {
	display: 			block;
	padding: 			0.4em 0em;
	margin:			0.15em 0em;
	width: 			120px;
	background-color: 	rgb(231,238,216);
	border-bottom: 		1px solid rgb(255,255,255);
	border-top: 		1px solid rgb(255,255,255);
	}

#menubox a:link, #menulist a:visited {
	color: 			rgb(0,0,0);
	text-decoration: 		none;
	font-family: 		"Tahoma" "Verdana" "San-serif";
	font-size:			10pt;
	letter-spacing: 		-0.25;
	font-weight:		bold;
	}

#menubox a:hover {
	background-color: 	rgb(125,11,0);
	color: 			rgb(255,255,255);
	}


/* banner creates a purple-red stripe along the top of the page */

#rbanner {
	background:  		rgb(125,11,0);
	position:    		absolute;
	left:        		0%;
	top:         		56px;
	width:       		100%;
	height:      		8px;
	z-index:     		0;
	}


#pbanner {
	background:  		rgb(75,0,100);
	position:    		absolute;
	left:        		0%;
	top:         		64px;
	width:       		100%;
	height:      		36px;
	z-index:     		0;
	}


/* content creates a box for the main content */

#content {
	background:  		rgb(255,255,255);
	position:    		absolute;
	left:        		360px;
	top:         		220px;
	width:       		600px;
	height:      		75%;
	padding-left: 		2%;
	padding-right:		5%;
	align				left;
	z-index:     		0;
	overflow:			auto;
	}


/* raven creates a box below the banner for the raven image */

#raven {
	background:  		rgb(255,255,255);
	position:    		absolute;
	left:        		120px;
	top:         		120px;
	width:       		160px;
	height:      		100px;
	z-index:     		0;
	}


/* title creates a box for the Emmitt Barks Cartography title image */

#title {
	background:  		rgb(255,255,255);
	position:    		absolute;
	left:        		280px;
	top:         		120px;
	width:       		280px;
	height:      		80px;
	padding-top:		20px;
	z-index:     		0;
	}


/* images creates a box along the top of the page for the rotating images */

#images {
	background:  		rgb(0,0,0);
	position:    		absolute;
	left:        		680px;
	top:         		20px;
	width:       		360px;
	height:      		120px;
	z-index:     		1;
	}