/*
* CSS for Loup Power District project
*
* This website and its contents are solely owned by Loup Public Power District.
* Copyright 1933 - 2009. All rights reserved. 
* Author: Eric Grubaugh (eric.grubaugh@gmail.com)
* Date: 6/3/2009
*
* This style-sheet contains the structural information for the site.
*/

body {
	
	margin-left: auto;
	margin-right: auto;
	
}

/*    DIVS    */
div.wrapper {

	width: 996px;
	
	margin: 20px auto 0px;
	
	text-align: center;
	
}

/*    BANNER    */
div.header {

	width: 100%;
  height: 200px;
  
	margin-top: -1px;
  
	clear: both;
	
}

/*    LOGOS    */
div.logo {

	width: 280px;
  height: 100%;
	
	float: left;
	
	margin-left: 10px;
	
}

div.footer_logo {

  width: 75px;
  
  float: right;
  
}

/*    NAVIGATION    */
div.nav_mini {

  width: 275px;
	height: 35px;
	
	margin-top: -1px;
	
	float: right;

	margin-right: 5px;
	
}

div.nav_main {

	width: 100%;
	
	height: 28px;
	
	margin: 0px;
	
	clear: both;
	
}

/*    BODY CONTENT    */
div.content {

	width: 95%;
  height: 575px;
  
  margin: 7px auto;
  padding: 0 15px;
	
	clear: both;
	
}

div.content#main {

  width: 100%;
  height: 575px;
  
  margin: 0;
  padding: 0;
  
}

div.content_left {

	float: left;
	
	width: 320px;
	
}

div.content_mid {

	float: left;
	
	width: 320px;
	
	margin-left: 17px;
	margin-right: 2px;

}

div.content_right {

	float: right;
	
	width: 320px;
	
}

div.section {

  margin-bottom: 5px;
  
}

div.sidenote {

  width: 30%;
  
  margin-left: 10px;
  padding: 10px;
  
}

div.thumbnail {

  float: left;
  
  width: 150px;
  
  margin: 10px;

}

div.office {

  float: left;
  
  width: 190px;
  height: 280px;

}

div.float_left {

  width: 33%;
  
  float: left;
  
}

/*    NEWS CONTENT    */
div.news_headline {
	
	height: 26px;

	padding-left: 10px;
	
}

div.news_headline span {

  max-width: 290px;
  
  line-height: 26px;

}
  
div.news_body {

  height: 76px;
  
  padding: 5px;

}

div.news_body p {

  margin-top: 0;
  margin-bottom: 0;
  
}

div.news_link {

	height: 25px;
	
	padding-right: 10px;
	
}

/*    FOOTER    */
div.footer {

	width: 100%;
	
	clear: both;
	
	padding-top: 10px;
	
}

.footer .validation {

  width: 200px;
  
  float: left;
  
  padding-left: 2px;
  
  text-align: left;
  
}

/*    TEXT    */

/*    LISTS    */
.nav_mini ul {
	
	list-style-type: none;
  
  margin-top: 3px;
	
	padding: 0;
	
}

.nav_mini ul li {

	display: inline;
	
	padding: 5px;
	
}

/*    IMAGES    */
.logo img {}

.float_left img {

  clear: both;
  
}

div.sidenote img {

  margin: 7px;

}

/*    MISC    */
.clear {

	clear: both;
	
}

.office .thumbnail img, .manager .thumbnail img, .director .thumbnail img{

  height: 150px;
  
}

div.divider {

	height: 3px;
	width: 100%;
	
	margin: 1px auto;
	
	background-image: url("../images/backgrounds/divider.png");
	background-repeat: repeat-x;
	background-position: left;
	
}

/* SECTION-SPECIFIC */
#bill_pay {

  width: 305px;
  height: 189px;
  
  margin-top: -1px;
  margin-left: auto;
  margin-right: auto;
  
}

#bill_pay p {

  margin-left: 25px;

}

#bill_pay a {

  margin: 0 10px;

}

#bill_pay #register {

  width: 124px;
  height: 46px;
  
}

#bill_pay #signin {

  width: 124px;
  height: 46px;

}

#weather {

  width: 291px;
  height: 226px;
  
  margin-left: auto;
  margin-right: auto;

}

#weather #weather_label, #load_control #loadcontrol_label {

  height: 26px;
  
  padding-top: 9px;
  
}

#weather table {

  margin-top: 1px;
  margin-left: auto;
  margin-right: auto;
  
}

#load_control {

  width: 305px;
  height: 145px;

  margin-left: auto;
  margin-right: auto;
  
}

#load_control .thumbnail {

  width: 30%;
  
  margin: 0 auto;
  
}

#load_control .thumbnail img {

  margin-top: 7px;

}

#load_control .description {

  float: right;
  
  width: 65%;
  
  margin-right: 15px;

}

.director {

  width: 250px;
  
  margin: 7px;
  
}

.director .thumbnail {

  width: 95px;
  height: 150px;
  
  margin: 5px;

}

.director .description {

  width: 140px;
  
  margin: 5px;
  margin-left: 0;

}