/* This original file was created by Leo Florendo, April 2007 
This file has been edited by Schaffy, May 2007 */


body {
	font-size: 1em;
	color: #757E85;
	background-color:#000000;
	text-align:center;  /* This centers all content wrapped by outerwrapper to the browser */
	font-family:"Copperplate Gothic Light", "Calisto MT", Papyrus
	}

* {
	margin: 0;
	padding: 0;
}

a {
	color:#757E85;
}

/*Resetting defaults for Heading3 and Heading6 HTML tags */
h3 {
	text-align:center;
	font-size:large;
}
h1 {
	font-size: 36px;
}
h6 {
	font-size:small;
}


/*
This outerwrapper is big box that contains ALL other div containers
*/
#outerwrapper {
	text-align:left; /* This counteracts the text-align: center in the body tag above */
	background-color: #FFFFFF; /*This sets the background color for ALL div containers to a beige color */
	margin-top: 10px; /*This gives some space away from the top of the browser */
	margin-right: 25px; /*This gives some space away from the right of the browser */
	margin-left: 25px; /*This gives some space away from the left of the browser */
	min-width: 735px;
	max-width: 964px; 
	/*This resizes the container to fit in a space no smaller than an 800x600 resolution screen 
		because 735 + 25 + 25 + 15 (default scrolling bar) = 800 pixels */
}
#header {
	background-color: #2D3235;
	color:#FFFFFF;
	padding: 20px; /*This sets padding of 20px at the top, right, left, bottom */
	font-size:xx-large;
	text-align: center;
}
#leftnav {
	font-size: 0.8em;  
	/* 0.8 em is basically saying make the font 80% of the default font size set in the body rules  */
	width: 140px;
	float:left;
	line-height:1.5em;
	text-align:center;
	border-top:1px dotted black;
	color:#757E85;
}
#leftnav a:hover {   /* These rules only apply to the leftnav text links when mouse is over the link */
	background-color:#757E85;
	color: #FFFFFF;
	padding:3px;
}

#right-ads {
	font-size: 0.8em;  
	/* 0.8 em is basically saying make the font 80% of the default font size set in the body rules  */
	width: 140px;
	float: right;
	line-height:1.5em;
	text-align:center;
	border-top:1px dotted black;
	color:#757E85;
}
#right-ads a:hover {   /* These rules only apply to the leftnav text links when mouse is over the link */
	background-color:#757E85;
	color: #FFFFFF;
	padding:3px;
}

#content {
	font-size:1.05em;
	margin-left:140px;
	margin-right:140px; /* This makes space for the leftnav div */
	padding: 10px; /* This gets the content away from the border on all 4 sides */
	border-top:1px dotted black;
	border-left:1px dotted black;  
	min-height:370px; 
	}
	/* 	This ensures that the dotted border on the left goes down to the footer 
		if the content is smaller in height than the leftnav */
		
#contentarea1{
	background-image:url(../images/presentation/column.gif);
	background-position: left;
	background-repeat: repeat-y;
}
#contentarea2{
	background-image:url(../images/presentation/column.gif);
	background-position: right;
	background-repeat: repeat-y;
}


/* This formats any quotes used on any Photo Project Page. */
#quotes {
	font-weight: bold;
	text-align: center;
	font-size: x-large;
}


#footer {
	clear:both; /*This ensures that the footer will be below the tallest column above. */
	font-size: 0.6em;
	/* 0.6 em is basically saying make the font 60% of the default font size set in the body rules  */
	text-align:center;
	padding: 10px 0px; 
	/* 	This gets the content away from the border 
		with 10px from the top and bottom and 0 px from left and right */
	border-top:1px dotted black; /*This give s border between the footer and anything above it. */
	background-color: #2D3235;
	color:#757E85;
}