/* This is the external style sheet for RamblingRanch.com */

/* Specify the style for the whole page */
div.container {
	position:absolute;
	left:4px;
	top:4px;
	width:800px;
	margin:0px;
	background-color:#FFFFCC;
	border:2px solid DarkRed; /* Put a border around the whole page */
	}

/* The "header" is the topmost block of the page */
div.header {
	padding:0;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:bold;
	font-style:italic;
	color:DarkGreen;
	text-align:center;
	border-bottom:solid 2px DarkRed; /* Put a border at the bottom of the header */
	/* clear:both; */
	}

/* This is the part of the page with navigation links */
div.topmenubar {
	height:20;
	padding:6;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:bold;
	border-bottom:solid 2px DarkRed; /* Put a border at the bottom of the menu bar */
	}

/* This defines the style for each of the items in the menu bar */
div.menuitem {
	float:left; /* Otherwise, the menu items will stack vertically rather than horizontally */
	width:25%; /* 25% because there are 4 menu items */
	margin:0;
	padding:0px;
	text-align:center;
	background-color:LightYellow;
	}

/* This defines the left column */
div.left {
	float:left; /* Bumps the column against the left side of the page */
	width:162px;
	margin:0;
	padding:0;
	font-weight:bold;
	text-align:center;
	clear:left; /* Don't let anything appear to the left of the left column */
	}

/* This defines the middle column */
div.content {
	float:left; /* Bumps the column against the left column of the page */
	width:472px;
	oldheight:734px;
	min-height:1000px;
	padding:1em;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:small;
	font-weight:bold;
	color:DarkGreen;
	text-align:left;
	border-left:solid 2px DarkRed;
	border-right:solid 2px DarkRed;
	}

/* This defines the right column */
div.right {
	
	padding:1em;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:bold;
	color:#000000;
	text-align:center;
	font-size:small;
	clear:right; /* Don't let anything appear to the right of the right column */
	}

/* Define the style for the footer */
div.footer {
	padding:0.5em;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:bold;
	color:DarkGreen;
	text-align:center;
	border-top:solid 2px DarkRed;
	clear:both;
	}

/* Define the style for the title of a featue */
.featuretitle {
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:bold;
	font-size: 175%;
	color:DarkGreen;
	text-align:center;
	}

/* Define the style for the headings on the directory pages */
.directorytableheadings {
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:bold;
	font-size:150%;
	color:DarkGreen;
	text-align:center;
	}

/* Define the style for displaying the date with the directory and with a feature */
.datecelldisplay {
	color:DarkRed;
	text-align:center;
	}

/* Define the style for displaying the header for each page */
.pageheader {
	color:DarkRed;
	font-size:150%;
	text-align:center;
	}

/* Specifiy where to place the Previous Page arrow */
img.previouspagearrow {
                    position: absolute;
                    left:37%;
                    }

/* Specify where to place the Next Page arrow */
img.nextpagearrow {
                    position: absolute;
                    left:53%;
	 }

/* Specify where to place the image in the Top Banner */
img.topbannerimage {
	 position: absolute;
	 left: 685px;
	 top: 25px;
	 }

/* Specify the margin around an image */
img.surroundmargin {
                   margin: 5px;
                   }

/* Use to center elements */
.center {
	text-align:center;
	}

/* Use for a blockquote */
.blockquote {
	margin-left:30px;
	margin-right:30px;
	}

/* Specify how to handle links */
a:link {text-decoration:none; color:Navy}
a:visited {text-decoration:none; color:Navy}
a:hover {text-decoration:none; color:DarkGreen}