/* ==================== */
/*
/* HTML Elements
/* 
/* ==================== */

html { overflow-y: scroll; }

body {
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	background: #f6f6f6
}

img { border:0; }

h1, h2, .head {
	font-family:arial,helvetica,sans-serif; 
	font-size:18px;
	color:#85a55d;
}

#projectPhotos h1,
#projectPhotos h2,
#projectPhotos .head { clear: both; }

h2	{
	font-size: 16px; 
	font-style: italic;
}

li {
	background:transparent url(http://www.energylawwisconsin.com/images/bullet.gif) no-repeat bottom left;
	background-position:0 4px;
	line-height: 1.3em;
	list-style-type:none;
	padding-bottom: 5px;
	padding-left:15px;
}

p, tr, td, ul {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:13px;
}

hr {
	color: #ADF;
	margin: 30px 0;
}

a , a:link, a:visited {
	color: #4F5F37;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: underline;
}
	
	a:hover 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #990000;
		text-decoration: underline;
	} 
	
	.copy 
	{
		font-family: Arial, Helvetica, sans-serif; 
		font-size:10px;
		color:#838383;
	}
	
	a.copy 
	{
		font-family: Arial, Helvetica, sans-serif; 
		font-size:10px;
		color:#0066cc;
	}
	
	a.copy:hover 
	{
		font-family: Arial, Helvetica, sans-serif; 
		font-size:10px;
		color:#0066cc;
	}
	
	h1 a:link,
	h1 a:visited,
	h1 a:active { 
		border-bottom: 1px solid #897;
		font-size: 15px !important;
		padding-bottom: 0px;
		text-decoration: none;
	}

	h1 a:hover {
		border-bottom: 1px solid #900;
		font-size: 15px !important;
		padding-bottom: 0px;
		text-decoration: none;
	}
		


#speaking ul	{ padding-left: 1em; }
.footmenu {font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#000000;}
a.footmenu {font-family: Arial, Helvetica, sans-serif; font-size:10px;color:#000000; text-decoration:none;}
a.footmenu:hover {font-family: Arial, Helvetica, sans-serif; font-size:10px;color:#ff0000; text-decoration:none;}

.client {font-family: Arial, Helvetica, sans-serif; font-size:12px;color:#000000; text-decoration:none;}
a.client {font-family: Arial, Helvetica, sans-serif; font-size:12px;color:#000000; text-decoration:none; white-space: nowrap}
a.client:hover {font-family: Arial, Helvetica, sans-serif; font-size:12px;color:#000000; text-decoration:none;}

.con {font-family: Arial, Helvetica, sans-serif; font-size:14px;color:#000000;}
a.con {font-family: Arial, Helvetica, sans-serif; font-size:14px;}
a.con:hover {font-family: Arial, Helvetica, sans-serif; font-size:14px;}

.articletool {color:#000000; font-size: 9px;}
a.articletool {color:#990066; font-size: 9px;}
a.articletool:hover {color:#b1b1b1; font-size: 9px;}
a.articletool:visit {color:#990066; font-size: 9px;}


.spacer, #spacer {
	clear: both;
    padding: 0;
    margin: 0;
    height: 600 px; /* don't set to 0 or moz and konq have problems */
}

a.head {font-family:arial,helvetica,sans-serif; font-size:16px;color:#85a55d;text-decoration:none;}
a.head:hover {font-family:arial,helvetica,sans-serif; font-size:16px;color:#3366cc;text-decoration:none;}

.subhead {font-family:arial,helvetica,sans-serif; font-size:13px;color:#027caf;}
a.subhead {font-family:arial,helvetica,sans-serif; font-size:13px;color:#027caf;text-decoration:none;}
a.subhead:hover {font-family:arial,helvetica,sans-serif; font-size:13px;color:#ff6666;text-decoration:none;}

p.home {font-family: Arial, Helvetica, sans-serif; font-size:15px;color:#000000;}

.fl {border: thin solid #ccccaa;margin: 3px 3px 3px 3px;}

#dropmenudiv {
	position:absolute;
	z-index:100;
	background-color: #98c5e0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px solid black;
	text-color:#ffff99;
	line-height:18px;
}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 3px;
	text-decoration: none;
	color:#000000;
	font-size: 12px;
	background-color: #98c5e0;
	border-bottom: 1px solid black;
}

#dropmenudiv a:hover{
	/*hover background color*/
	color:#5c8727;
	text-decoration: none;
		font-size: 12px;
}

sup {line-height: 0;font-size:6px}


/* ---------- 
/* Home page styles
/* ---------- */

#featured-photo {
	border: 1px solid #ADC394;
	float: right;
	margin: 8px 0 1em 1em;
}

#sidebar-container { 
	height: 0px;
	position: relative; 
	width: 0px;
}

#sidebar {
	background-color: #C8D7B8;
	border: 1px solid #ADC394;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 

	-webkit-box-shadow: 1px 1px 15px 1px #C8D7B8;
	-moz-box-shadow: 1px 1px 15px 1px #C8D7B8;
	box-shadow: 1px 1px 15px 1px #C8D7B8;

	left: 580px;
	padding: 12px 12px 0;
	position: absolute;
	top: 38px;
	width: 200px;
}

#sidebar h2 {
	background-color: #5B8629;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px; 
	color: #EEE;
	font-size: 14px;
	font-style: normal;
	margin: -10px -10px 10px;
	padding: 5px 0;
	text-align: center;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar li {
	background: none;
	padding: 0 0 10px 0;
}

#sidebar li a { text-decoration: none; color: #3D591B; }
#sidebar li a:hover { text-decoration: underline; color: #1E2D0E; }


/* ==================== */
/*
/* Project Photos
/* 
/* ==================== */

.instructions {
	color: #897;
	font-size: 14px;
	font-style: italic;
	margin-top: -0.5em;
}

.currentPage {
	background: #8a6;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	-webkit-border-bottom-right-radius: 0.4em;
	-webkit-border-bottom-left-radius: 0.4em;
	color: #efd;
	font-size: 15px;
	padding: 0.2em 0.6em 0.2em 0.5em;
}

.photo {
	border-top: 1px solid #cde;
	float: left; 
	height: 300px;
	margin-bottom: 1em;
	margin-top: 0em;
	padding: 0 1em 1em;
	position: relative;
	width: 300px;
}

.photo-content {
	bottom: 0;
	margin: 0 auto;
	position: absolute;
	width: 100%;
}

.photo img {
	border: 1px solid #369;
	-moz-box-shadow: 0px 4px 20px #abc;
	-webkit-box-shadow: 0px 4px 20px #abc;
	box-shadow: 0px 4px 20px #abc;
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#99aabb');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#99aabb')";
	display: block;
	margin: 0 auto;
	max-height: 250px;
	max-width: 300px;
}

.caption, .subcaption {
	margin: 0;
	line-height: 1.25em;
	padding: 0;
	text-align: center;
}

.caption {
	font-weight: bold;
	font-size: 13px;
	margin-top: 1em;
}

.subcaption { 
	font-size: 12px;
	font-style: italic; 
}