/* CSS Document */

body {font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:center; 
	background-image:url(images_pres/grid9_clean.gif);
	}

* {margin:0; padding:0;}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #6E1017;
	font-weight: normal;
	text-decoration: none;
}

a:visited {
	color: #336600;
	font-size: .8em;
	text-decoration: none;
}

a:hover {
	color: #993300;
	font-size: .8em;
	text-decoration: underline;
	}
	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6E1017;
	text-indent: 10px;
	margin-bottom: 10px;
}
		
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color: #333300;
	text-indent: 5px;
	text-align: left;
}

.tags {
	text-indent: 15px;	
}

.emphasis {
	font-size: 1em;
	font-weight: bold;
	color: #333300;
}

/* Begin Positioned Elements */

div#mainwrap {min-width:800px; max-width:1000px;
	margin-left:auto; margin-right:auto;
	text-align:left;
	}

div#header {
	text-align:center; 
	height:220px;
	background:#666666 url(images_pres/navbarblkhwk.jpg) no-repeat center;
	padding-top:6px; 
	padding-bottom:0px;
	z-index:1;
	position:relative;
}


/* This is the content area, a three-column layout*/

div#contentarea1 { background-color:#999999; 
	background:url(images_pres/fauxcolumn_clean.gif) repeat-y top left;
	position:relative;
	}

div#contentarea2 {background-color:#999999;
	background:url(images_pres/fauxcolumn2_clean.gif) repeat-y top right;
	position:relative
	}

div#column1 {
	width:150px;
	position:absolute;
	top:0px;
	left:0px;
	padding-top:15px;
	background-color:#999999;
	overflow:hidden;
	height: auto;
	}

div#column1 li {
  list-style: none;
  background:url(images_pres/bullet_clean.gif) no-repeat left center;
  padding-left: 10px;
  font: .8em Arial, Helvetica, sans-serif;
  color:#333300;
  }
  
#mainwrap #contentarea1 #contentarea2 #column1 li {
	line-height: 16px;
}
 
div#column1 li a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #6E1017;
	font-weight: normal;
	text-decoration: none;
}

div#column1 li a:visited {
	color: #663300;
	font-size: 1em;
	text-decoration: none;
}

div#column1 li a:hover {
	color: #CCCC99;
	font-size: 1em;
	text-decoration: underline;
	}

 
div#column1 ul {
  margin-left: 1.3em;
  padding-top: 0;
  padding-bottom:10px;
}

div#column2 {background-color:#F6FAD4;
	margin:0px 150px 0px 150px;
	padding-top:15px;
	position:relative;
	z-index:13;
	}

div#column3 {
	width:150px;
	position:absolute;
	top:0px;
	right:0px;
	background-color:#999999;
	overflow:hidden;
	padding-top:15px;
	height: auto;
	}

div#delicious {width:150px; height:auto; padding:0px;
}


div#column2 p {font-size:.8em; margin:20px 20px 0 10px;}

div#column2 li {font-size:.8em; 
	margin:20px 20px 0 10px; 
	list-style-type: circle;
	list-style-image: none;
	padding: 0.2em 0.5em 0 0;}

div#column2 a:link {
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	color: #6E1017;
	font-weight: normal;
	text-decoration: underline;
}

div#column2 a:visited {
	color: #333300;
	font-size: 1em;
	text-decoration: underline;
}

div#column2 a:hover {
	color: #999999;
	font-size: 1em;
	text-decoration: underline;
	}


/* This is the footer*/

div#footer {
 	height:30px;
	background:url(http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png) no-repeat left top;
	background-color:#666666; 
	text-align:left; 
	padding-top:0px; 
	padding-left:100px;
}


div#footer p {
	color:#000000;
	font-weight:normal;
	font-size: 0.6em;
}

div#footer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #CCCC99;
	font-weight: normal;
	text-decoration: underline;
}

div#footer a:visited {
	color: #333300;
	font-size: 1em;
	text-decoration: underline;
}

div#footer a:hover {
	color: #663300;
	font-size: 1em;
	text-decoration: underline;
	}

/* Clearing Method */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {display:inline-block;}

* html .clearfix {height:1%;}

.clearfix {display:block;}