/*
* 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 color, font, and image information for the site.
*/

body {
	
	font-size: 10px;
	font-family: calibri, sans-serif;
	
	background-image: url("../images/backgrounds/body_bg.png");
	background-color: #f9f9f9;
	background-position: top center;
	background-repeat: no-repeat;
	
}

/*============*/
/*    DIVs    */
/*============*/
div.wrapper {}

/*==============*/
/*    HEADER    */
/*==============*/

div.header {

	/* The 'background-image: url("../images/backgrounds/")' is in the header.asp file, to support random images */
	background-position: top right;
	background-repeat: no-repeat;

}

div.logo {

  display: table-cell;
  
  vertical-align: middle; 
  
}

/*==================*/
/*    NAVIGATION    */
/*==================*/
div.nav_mini {

	font-size: 1.4em;
	
	background-image: url("../images/backgrounds/nav/nav_mini_bg.png");
	background-repeat: no-repeat;
	background-position: top;
	
}

div.nav_mini ul {

	color: #6F6F6F;
	
}

div.nav_main {
		
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	
	background-image: url("../images/backgrounds/nav/nav_main_bg.png");
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: top left;
	
}

/*    TOP-LEVEL MENU    */
ul.menu a {

	color: #f9f9f9;
	
}

/*    TOP-LEVEL NAVIGATION ITEM    */
ul.menu li {

	border-right: 1px solid #f9f9f9;
	
}

/*    SUB-MENU    */
ul.menu ul {
  
	background-color: #262626;
	
}

/*    SUB-MENU NAVIGATION ITEM    */
ul.menu ul li {

	border: 1px solid #f9f9f9;
	border-top: none;
	
}

ul.menu ul li a {}

/*    HOVER ITEM    */
ul.menu .menulink:hover, ul.menu .menuhover {
	
  color: yellow;
  
	background-image: url("../images/backgrounds/nav/nav_main_hover.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top center;
	
}

/*    SUB-MENU HOVER ITEM    */
ul.menu ul li a:hover, ul.menu ul .menuhover{

  color: yellow;
  
	background-image: url("../images/backgrounds/nav/nav_main_sub_hover.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right center;

}

/*    FIRST ITEM IN SUB-MENU    */
ul.menu .topline {
  
  border-top: 1px solid #f9f9f9;

}

/*====================*/
/*    CONTENT BODY    */
/*====================*/
div.content {

  text-align: left;
  font-size: 1.6em;
  
  overflow: auto;
  
}

div.content#main {

  text-align: center;
  font-size: 1.1em;

  overflow: hidden;
  
}

div.section {}

div.description {}

div.thumbnail, div.office {

  text-align: center;

}

div.sidenote {

  float: right;

  border: 1px outset #222222;

}

div.sidenote h4 {

  margin-top: 4px;
  margin-bottom: 2px;
  
}

div.sidenote h5 {

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

div.sidenote p {

  font-size: 0.9em;
  
}

/*====================*/
/*    NEWS CONTENT    */
/*====================*/
div.content_mid div.section {}

div.news_headline {
	
  overflow: hidden;
  
/* NEW FONT FAMILY HERE */

  color: #f9f9f9;
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
	font-variant: small-caps;
  font-style: italic;
	
  background-image: url("../images/backgrounds/news/headline.png");
	background-position: left center;
	background-repeat: no-repeat;

	
}

div.news_headline span {

  overflow: hidden;

}

div.news_body {

  text-align: left;
	font-size: 1.2em;
  
  border-left: 1px solid #262626;
  border-right: 1px solid #262626;
  
  background-color: #f9f9f9;
  
  overflow: hidden;

}

div.news_link {
	
	text-align: right;
	font-size: 1.4em;
	font-variant: small-caps;
  font-style: italic;
	
  background-image: url("../images/backgrounds/news/link.png");
	background-position: left center;
	background-repeat: no-repeat;

}

/*==============*/
/*    FOOTER    */
/*==============*/
div.footer {

	text-align: right;
	font-size: 1.2em;

}

/*=============*/
/*    LINKS    */
/*=============*/
a.nav_mini_link {

	color: #f9f9f9;
	text-decoration: none;
	
}

a.nav_mini_link:hover {

  color: yellow;
	text-decoration: underline;
	
}

.news_link a {

  color: yellow;

}

.news_link a:hover {

  color: yellow;

}

/*==============*/
/*    IMAGES    */
/*==============*/
div.logo img {}

div.sidenote img {

  float: right;

}

div.imagebox div.right
{
	float: right;
	margin: .09em;
}

div.imagebox div.left
{
	float: left;
	margin: .09em;
}

div.float_left
{
	float: left;
	clear: left;
	margin: 0px 15px 10px 0px;
}

div.float_right
{
	float: right;
	clear: right;
	margin: 0px 0px 10px 15px;
}

div.imagebox
{
	border: 1px solid #ccc;
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
	background-color: #fff;
	padding: .5em;
	text-align: center;
	width: auto;
	display: block;
	margin-bottom: .7em;
}

div.imagebox img
{
	margin: 0em;
}

div.imagebox p
{
	margin: 0em;
}

/*=============*/
/*    EMBED    */
/*=============*/
object.pdf {

  border: none;

}

/*==============*/
/*    TABLES    */
/*==============*/
table.rates {}

table td.center {
	text-align: center;
}

table.rates tr td, table.rates tr th {

  padding: 5px;

}

table.rates caption {

  margin-top: 10px;
  
  text-align: left;
  text-decoration: underline;
  
}

/*====================*/
/*    GENERAL TEXT    */
/*====================*/
h1, h2, h3, h4, h5, h6, ul, ol {

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

h1, h2, h3, h4, h5, h6 {

  color: #182055;

}

p {

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

/*========================*/
/*    SECTION-SPECIFIC    */
/*========================*/
#bill_pay {
  
  color: #F9F9F9;
  
  font-size: 1.6em;
  font-variant: small-caps;
  font-style: italic;
  
  background-image: url('../images/backgrounds/billpay_bg.png');
  background-position: top center;
  background-repeat: no-repeat;
  
}

#bill_pay h2 {}

#bill_pay #register {
  
  display: block;
  
  background-image: url("../images/homepage/register-button.png");
  
}

#bill_pay #register:hover {

  background-image: url("../images/homepage/register-button-hover.png");
  
}

#bill_pay #signin {

  display: block;
  
  background-image: url("../images/homepage/login-button.png");
  
}

#bill_pay #signin:hover {
  
  background-image: url("../images/homepage/login-button-hover.png");
  
}

#slideshow {

	background-image: url("../images/backgrounds/slideshow_bg.png");
	background-position: top;
  background-repeat: no-repeat;
	
}

#weather {

  background-image: url('../images/backgrounds/weather_bg.png');
  background-position: center top;
  background-repeat: no-repeat;
  
}

#weather #weather_label, #load_control #loadcontrol_label {

  color: #F9F9F9;
  
  font-size: 1.4em;
  font-variant: small-caps;
  font-style: italic;
  font-weight: bold;
  
}

#load_control {

  background-image: url('../images/backgrounds/loadcontrol_bg.png');
  background-repeat: no-repeat;
  
}

#load_control .description {

  font-size: 1.4em;

}

#energywise img{}

/* DIRECTORS */
.director {

  float: left;

}

.director .thumbnail {}

.director .description {

  float: right;

  font-size: 12px;

}

/* OFFICES */
.office {

  font-size: 0.9em;
  
  background-image: url('../images/backgrounds/office_bg.png');
  
}

.office img {

  margin: 10px 0;
  
  border: 1px solid #888888;
  
}

.emphasis {

  font-style: italic;
  font-weight: bold;
  
}