/* CSS Document */

/* layoutstyles.css */ 

/* Universal style rule */ 
*{ 
  margin: 0; 
  padding: 0; 
  /* Temporary borders */ 
  /* border: dashed 1px #f00; */ 
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
	background-color: #999966;
} 

#wrapper{ 
  width: 45em; 
  background-color: #CCCC99; 
  /* Put 20px margin above the wrapper */ 
  /* Set right and left to auto for centering */ 
  margin: 0px auto; 
  
  position:relative; 
} 

/********** Major layout divisions **********/ 
#branding{
	/* For absolutely-positioned hyperlinks */ 
  position:relative;
	height:4em;
	background-color:#333300;
	color:#CCCC99;
	text-align:center;
	background-image: url(../images/head.jpg);
}
#branding h1{
  font-family:Arial, Helvetica, sans-serif;
  font-size:2em;
  padding-top:0.25px;
}



#leftcolumn{
	/* Remember, content left margin must match this width */ 
  width:7em;
	float:left;
	/********** Leftcolumn division styles **********/ 

	/* Remember, content and navbar left 
  margins must match this width */ 
 
	/* Center images and text inside this div */ 
  text-align:center;
	/* For absolutely-positioned leftcolumn */ 
  position:absolute; /* Same as branding div height */
	left:10px;
	top: 89px;
	height: 908px;
} 
#leftcolumn a, 
#leftcolumn a:link, 
#leftcolumn a:visited{ 
  text-decoration:none; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:12px; 
  color:#000; 
  display:block; 
  height:2em; 
  width:8em; 
  line-height:2em; 
  text-align:center; 
  outline-style:none; 
} 

/* leftcolmn hover, active, and current page links */ 
#leftcolumn a:hover, 
#leftcolumn a:active, 
#leftcolumn li.selected a:link, 
#leftcolumn li.selected a:visited{
	color:#666633;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: auto;
} 


/* Applies to images in the leftcolumn div */ 
#leftcolumn img{ 
  width:80%; 
} 

/* Applies to paragraphs and lists in the leftcolumn division */ 
#leftcolumn p, 
#leftcolumn .leftcollist{
	padding:8px;
	width:80%;
	font-size:12px;
	text-align:center;
	text-decoration: none;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
} 

/* Unordered lists in left column */ 
#leftcolumn ul{ 
  margin-left:1em; 
} 

#content{
	/* Left margin must match leftcolumn width */ 
  margin-left:8em;
	background-color:#fff;
	color:#000;
	padding:2px;
} 
#content a:link, a:visited, a:hover, a:active {
}


/****** Style rules for the content division *****/ 

/* Applies to paragraphs in the content division */ 
#content p{ 
  line-height:1.5em; 
} 

/* Applies to all lists in the content division */ 
#content ul, #content ol{ 
  padding:10px 0 10px 40px; 

} 

/* Styles h1, h2, and h3 style rules in the content division */ 
#content h1, #content h2, #content h3{
	font-family: Charcoal, Impact, sans-serif;
	color:#000000;
	font-weight:normal;
	font-style:italic;
	font-variant:small-caps;
	letter-spacing:0.08em;
	padding-top: 0px;
	padding-right: 200px;
	padding-bottom: 0px;
	padding-left: 0px;
} 

/* Size h1 headings in the content division */ 
#content h1{ 
  font-size:2em; 
} 

/* Size h2 headings in the content division */ 
#content h2{ 
  font-size:1.5em; 
} 
/* Size h3 headings in the content division */ 
#content h3{ 
  font-size:1.25em; 
  font-style:normal; 
}

/********** Footer division styles **********/ 
#footer{
	background-color:#cccc99;
	padding:0.5em;
	text-align:center;
	font-size: x-small;
} 

#footer a:link, 
#footer a:visited{ 
  /* No underline on links */ 
  text-decoration:none; 
  color:#000;
} 

#footer a:hover, 
#footer a:active{ 
  color:#999966; 
  border:dotted 1px #333; 
}