/* This file was created by Leo Florendo, April 2007 */

/* This sets defaults for the entire page */
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;  
	/* 	1 em is essentially 100% of the normal font size of this particular font - about 12px
		Ideally, you want to use em instend of pixels. Why use em instead of pixels? 
		A good argument is on http://www.bigbaer.com/css_tutorials/css_font_size.htm
	*/
	color: #000000; /*Default font color chosen from Japanese Garden from http://kuler.adobe.com */
	text-align:center;  /* This centers all content wrapped by outerwrapper to the browser */
	background-color:#999999; /*This sets the background color to gray for the outer edges of the page */
}

/* 	This sets all margins and padding to a default of zero so that we don't have to recalculate for
	the previous default of 10 or 15 pixels.
*/
* {
	margin: 0;
	padding: 0;
}

/* This sets the text link normal color (instead of the default blue) */
a {
	color:#FFFFFF;
}

/*Resetting defaults for Heading3 and Heading6 HTML tags */
h3 {
	font-size:large;
	text-align:center;
}
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: #80C9FF; /*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; 
	/*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: #00487D;
	padding: 20px; /*This sets padding of 20px at the top, right, left, bottom */
}
#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;
}
#leftnav a:hover {   /* These rules only apply to the leftnav text links when mouse is over the link */
	background-color:#FFFFFF;
	color: #FFFFFF;
	padding:3px;
}
#content {
	font-size:0.8em;
	margin-left: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 */
	
}

/* 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. */
}