/* CSS Document */

/*
PUZUX COLORS:

Grey: rgb(80,80,80) | #505050
Green: rgb(127,168,1) | #7fa801 
Blue:  rgb(72,101,159) | #48659f
Orange:  rgb(245,149,3) | #f59503

Links: rgb(54,90,166) | #365aa6
*/

/* Remove all default padding/margins */
  * 
  {
  padding:0;
  margin:0;
  vertical-align: top;
  }
  
/* Set universal site styles */
  html, body 
  {
  text-align: center;
  height: 100%;
  min-height: 100%;
  font-family:Arial;
  margin:0px;
  padding:0px;
  background-image: url('../images/fadebackground.jpg');
  background-repeat: repeat-x;
  font-size: 12px;
  color: rgb(80,80,80);
  }
  
  div
  {
  text-align: justify;
  }

  a
  {
  color:#365aa6;
  text-decoration: none;
  font-weight: normal;
  }
  
  table
  {
  font-size: 12px;
  font-family:Arial;  
  }
  
  a:hover
  {
  color:#505050;
  text-decoration: underline;
  }
  
/* Containing divs for all pages */
  
  #outercontainer
  {
  margin: 0 auto;
  width:1000px;
  background-color: #fff;
  text-align: center;
  }
  
  #container
  {
  margin: 0 auto;
  width:960px;
  position:relative;
  background-color: #fff;
  padding-top:10px;
  }
  
/* Header for all pages */
  #header
  {
  background-color: rgb(255,255,255);

  }
  
  #toplogo
  {
  background-color: rgb(255,255,255);
  height:55px;
  float:left;
  }

  #topstripe
  {
  background-color: #ffffff;
  clear:both;
  border-bottom: 1px rgb(127,168,1) solid;
  }

  #loginemailinput
  {
  border: 1px rgb(180,180,180) solid;  
  width:100px;
  font-size:x-small;
  background-color: rgb(255,255,255);
  color: #505050;
  }

  #loginpasswordinput
  {
  border: 1px rgb(180,180,180) solid;  
  width:70px;
  font-size:x-small;
  background-color: rgb(255,255,255);
  color: #505050;
  }
  
  #topmenu
  {
  background-color: white;
  float:right;
  height:20px;
  width:320px;
  text-align: left;
  }
  
  #topmenuitems
  {
  float: right;
  padding-top:2px;
  padding-right:5px;
  background-color: none;
  color: rgb(80,80,80);
  text-align: right;
  }
  
 
/* Index page top and bottom containers */
  #indextopcontent
  {
  background-color: rgb(255,255,255);
  clear: both;
  }
  
  #indexbottomcontent
  {
  background-color: rgb(255,255,255);
  clear: both;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  margin-top:0px;
  }
  
/* Index page upper columns */
  #indexflashbanner
  {
  float:left;
  background-color: #ffffff;
  width:600px;
  border: 0px;
  margin-left:30px;
  }
        
  #indexstaticbanner
  {
  float:right;
  width:250px;
  background-color: #ffffff;
  border: 0px;
  margin-right:15px;
  text-align:right;
  
  }
  
/* Index page lower columns */
  #indexleftcolumn
  {
  float:left;
  width: 680px;
  background-color: rgb(255,255,255);
  }

  #indexleftcolumnone
  {
  float:left;
  width: 290px;
  background-color: rgb(255,255,255);
  margin-left:30px;
  }
  
  #indexleftcolumntwo
  {
  float:right;
  width: 340px;
  background-color: rgb(255,255,255);
  border-left: 1px rgb(192,192,192) solid;
  padding-left:10px;
  height:225px;
  }
  
  #indexrightcolumn
  {
  float:right;
  width: 290px;
  background-color: rgb(255,255,255);
  }

  #indexrightcolumnone
  {
  background-color: rgb(255,255,255);
  border-left: 1px rgb(192,192,192) solid;

  }
  
  #indexrightcolumntwo
  {
  float:right;
  background-color: rgb(255,255,255);
  padding-left:10px;
  border-left: 1px rgb(192,192,192) solid;
  margin-right:30px;

  }
  
  #indexinnercontent
  {
  padding:5px;
  vertical-align: top;
  }

  #indexinnercontent a
  {
  color:#365aa6;
  text-decoration: none;
  font-weight: normal;
  }

  #indexinnercontent a:hover
  {
  color:#505050;
  text-decoration: underline;
  }
  
/* Formatting styles for index page */
  #indexpagetitle
  {
  font-weight: bold;
  color: #505050;
  font-size: 16px;
  }
  
  #blogposttitle
  {
  color: rgb(85,113,0);
  vertical-align: bottom;
  font-weight: bold;
  }
  
  #blogpostdate
  {
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 10px;
  font-weight: none;
  color: rgb(80,80,80);
  vertical-align: bottom;  
  }

  #blogpostexcerpt
  {
  color:  rgb(80,80,80);
  text-align: justify;
  }
  
  #blogstripe
  {
  margin-top:10px;
  margin-bottom:5px;
  background-color: #ffffff;
  clear:both;
  border-bottom: 1px rgb(192,192,192) solid;
  }

  #newsletterfnameinput
  {
  border: 1px rgb(180,180,180) solid;
  height:20px;
  width:180px;
  }
  
  #newslettersnameinput  
  {
  border: 1px rgb(180,180,180) solid;
  height:20px;
  width:180px;
  }
  
  #newsletteremailinput
  {
  border: 1px rgb(180,180,180) solid;
  height:20px;
  width:180px; 
  }
  
  #newslettersubmit
  {
  font-size: 10px; 
  }
  
/* Formatting styles for standard pages */
  #maincontent
  {
  background-color: white;
  width:700px;
  float:right;
  font-size: 12px;
  padding-top:10px;
  }

  #maincontent ul
  {
  padding-left: 20px;
  }

  #maincontent ol
  {
  padding-left: 20px;
  }

  #maincontent hr
  {
  margin-top: 10px;
  }

  #maincontent li
  {
  padding-top: 10px;  
  }
    
  #maincontent p
  {
  padding-top: 10px;
  }

  #rightcontent
  {
  background-color: white;
  width:240px;
  float:right;
  }

  #leftcontent
  {
  background-color: white;
  width:240px;
  float:left;
  vertical-align: top;
  }
  
  #onecolcontent
  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;  
  margin-bottom: 20px;
  padding: 20px;  
  background-color: #FFFBEA;    
  width: 700px;
  font-size: 14px;
  border: 1px orange solid;
  }
  
  #onecolcontent p
  {
  padding-top: 10px;
  }

  #errorbox
  {
  clear:both;
  padding:5px; 
  }
  
  #clearbox
  {
  border: 1px #FFFFFF solid;
  width:240px;
  margin: 0 auto;
  margin-bottom: 20px;
  }

  #greenbox
  {
  border: 1px #7fa801 solid;
  width:240px;
  margin: 0 auto;
  margin-bottom: 20px;
  }

  #graybox
  {
  border: 1px rgb(200,200,200) solid;
  width:240px;
  margin: 0 auto;
  margin-bottom: 20px;
  }

/* Side menu formatting */

  #menuitem
  {
  padding-top: 5px;
  padding-bottom: 5px;  
  font-size: 12px;
  color: rgb(80,80,80);
  border-bottom: 1px rgb(160,160,160) solid;
  }

/* Formatting for breadcrumbs */
  #breadcrumbs
  {
  font-size: 14px;
  color: rgb(150,150,150);
  }

/* Formatting for blog page */

  blockquote
  {
  padding-left:10px;
  }

  h2
  {
  color: rgb(80,80,80);
  }

/* Footer for all pages */
  #footer
  {
  background-color: none;
  padding-bottom:10px;
  font-size: 10px;
  color: rgb(80,80,80);
  clear:both;
  padding-top: 10px;
  
  }

  #footer a
  {
  color: rgb(80,80,80);
  font-size: 10px;
  }

  #footer a:hover
  {
  text-decoration: underline;
  }
  
  #footergreenstripe
  {
  background-color: #7fa801;
  height:7px;
  width:960px;
  clear:both;
  }
  
  #footergraystripe
  {
  background-color: rgb(80,80,80);
  height:1px;
  clear:both;
  text-align: center;
  }

  #footermainstripe
  {
  background-color: rgb(255,255,255);
  clear:both;
  text-align: center;
  }
  
  #footercontent
  {
  background-color: none;
  padding-top: 5px;
  margin-left: 110px;
  text-align:center;
  width:800px;
  }
  
  #footercontent a
  {
  color: rgb(80,80,80);
  font-size: 10px;
  }
  
  #footercontent a:hover
  {
  text-decoration: underline;
  }
  
  #footerleftcontainer
  {
  float:left;
  background-color: none;
  width:300px;
  background-color: none;  
  }
  
  #footerrightcontainer
  {
  float:right;
  background-color: none;
  width:160px;
  background-color: none;
  }

  #footercentercontainer
  {
  background-color: none;
  width:300px;
  background-color: none;
  margin-left:320px;
  }
  
  #footercol1
  {
  float:left;
  width:120px;
  text-align:left;
  background-color: none;
  }
  
  #footercol2
  {
  float:right;
  width:120px;
  text-align:left;
  background-color: none;
  }

  #footercol3
  {
  float:left;
  width:120px;
  text-align:left;
  background-color: none;
  }

  #footercol4
  {
  float:right;
  width:120px;
  text-align:left;
  background-color: none;
  }  
  
  input.newsletterbutton 
  {
  font-family:Arial; 
  background-color:white;
  border:none;
  color:rgb(54,90,166);
  font-size:14px;
  cursor: default; 
  }
  
  input.newsletterbuttonhov 
  { 
  color:#505050;
  text-decoration: underline;
  cursor: pointer;
  }