@charset "UTF-8";
/* CSS Document */

/* DEFINING THE BODY OF THE MAIN PAGE */
body {
	margin:20px 0px;
	padding:0px;
	text-align:center;
	background-color: #e0e0e0;
}
 
/* this is the box that everything goes in. it's background is the large gray box background. */
#mainContainer { /* a # hash mark before the name means apply this style to anything with this ID. you should only have one thing with each ID per page */
	width:890px; /* the actual width of the center rectangle image, minus the padding from each side below */
	height:520px; /* height - padding */
	margin:auto;
	text-align:left;
	background-image:url('images/background_images/background_logo.jpg');
	padding:40px;
}
 
#nav {
	float:left;
	width:120px;
	top:30px;
}
#content {
	float:left;
	width: 710px;
	color: #666666;
}

.nav { /* a . period before the name means apply this style to anything with this CLASS. you can use classes over and over again, like for all the nav links */
	display:block; /* makes it so the links won't be in a line */
	margin-bottom:6px;
	padding:3px;
	color:#749ab4;
	width:100px;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:9pt;
}

.nav:hover { /* adding :hover to a style selector means this is the style for mouse over. it keeps the old style, and adds this style on top */
	color:#299844;
	width:100px;
	padding-top:2px; /* we lose 1 px of padding because we're adding 1px of border,*/
	background-color:#f3f374;
	border-top:1px solid #6b6b32; /* these are the lines around the edges, depth lines */
	border-left:1px solid #c5c55d;
	border-right:1px solid #c5c55d;
}

.navCurrent { /* I set the navigation link of the current page to this class, so it stays yellow*/
	display:block; /* makes it so the links won't be in a line */
	margin-bottom:6px;
	width:100px;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:9pt;
	color:#299844;
	width:100px;
	padding-top:2px; /* we lose 1 px of padding because we're adding 1px of border,*/
	background-color:#f3f374;
	border-top:1px solid #6b6b32; /* these are the lines around the edges, depth lines */
	border-left:1px solid #c5c55d;
	border-right:1px solid #c5c55d;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}


/* all body copy */
p, div { /* a tag name alone, like this p, a paragraph tag, means apply this style to all paragraphs */
	font-family:Helvetica, arial, sans-serif;
	color:#666666;
	font-size:8pt;
	line-height:11pt;
}
 
a img { 
   border: none; 
}