/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}


/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
  clear: both;
  position: relative;
  margin: 0 auto;
  height: 70px;
  background-color: #FFFFFF;
  
  text-align: right;
  /*border: 1px solid #000;*/
}

#header #bottomRight {
  padding-top: 25px;
  line-height: 0.8em !important;
  line-height: 1em;

}

#header #bottomRight p {
  margin: 0;
  padding: 0;
  font: 600 1.2em verdana, sans-serif;
}

#header #bottomRight img {
  padding-top: 5px;
}

#headerLogin {
  padding: 5px 0;
}

/**************************************************************
   Top Menu
 **************************************************************/

#menu {
  clear: both;
  position: relative;
  margin: 0 auto;
}


#bottomMenu {
  clear: both;
  position: relative;
  margin: 0 auto;
}


/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  text-align: left;
}

#spiffyColumnsContainer {
  margin: 0 auto;
}


#columns {
  margin: 8px 0;
  
  background-image: url(../images/common/rightColBg.gif);
  background-position: right;
  background-repeat: repeat-y;
  background-color: #FFFFFF;
}


/* Column widths */
.width {
  width: 760px;
}

.widthPad {
  width: 740px;
}

.width25 {
  width: 24%;
}

.width29 {
  width: 29%;
}

.width50 {
  width: 48%;
}

.width60 {
  width: 60%;
}

.width66 {
  width: 65%;
}

.width70 {
  width: 70%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}

.width210 {
  width: 210px;
}

.width409 {
  width: 409px;
}


/**************************************************************
   Footer
 **************************************************************/


#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 5em;
  /*margin-top: -5em;*/
}

#footer #bg {
  position: relative;
  height: 5em;
  margin: 0 auto;
}



/**************************************************************
   Column Pads
 **************************************************************/

#leftColumn {
  padding: 25px;
}

#rightColumn {
  padding: 50px 10px 50px 10px;
}

/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}


/**************************************************************
   Table Styles
 **************************************************************/

table.brochure {
  border-width: 1px 1px 1px 1px;
  border-spacing: 0px;
  border-style: solid solid solid solid;
  border-color: black black black black;
  border-collapse: collapse;
}

table.brochure th {
  border-width: 1px 1px 1px 1px;
  padding: 2px 2px 2px 5px;
  border-style: solid solid solid solid;
  border-color: black black black black;
  background-color: rgb(255, 204, 153);
  -moz-border-radius: 0px 0px 0px 0px;
}

table.brochure td {
  border-width: 1px 1px 1px 1px;
  padding: 2px 2px 2px 5px;
  border-style: solid solid solid solid;
  border-color: black black black black;
  -moz-border-radius: 0px 0px 0px 0px;
}

table.pageTable {
  border-width: 0px 0px 0px 0px;
  border-spacing: 0px;
  border-style: none none none none;
  border-color: black black black black;
  border-collapse: collapse;
  background-color: white;
  
  margin: 0 0 5px 0;
}

table.pageTable th {
  border-width: 1px 1px 1px 1px;
  padding: 2px 2px 2px 5px;
  border-style: none none solid none;
  border-color: gray gray gray gray;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px;
}

table.pageTable td {
  border-width: 1px 1px 1px 1px;
  padding: 2px 2px 2px 5px;
  border-style: none none solid none;
  border-color: gray gray gray gray;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px;
}

table.datashTable th {
  border-width: 2px;
  padding: 2px 2px 2px 5px;
  border-style: solid solid solid solid;
  border-color: black black black black;
  -moz-border-radius: 0px 0px 0px 0px;
}

table.datashTable td {
  border-width: 2px;
  padding: 2px 2px 2px 5px;
  border-style: solid solid solid solid;
  border-color: black black black black;
  -moz-border-radius: 0px 0px 0px 0px;
}


/**************************************************************
   Submenu Styles
 **************************************************************/

ul.pageList,
ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.pageList li,
ul.submenu1 li,
ul.submenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(/images/blank.gif); /* I hate IE */
}

ul.pageList li,
ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
}

ul.pageList li {
  background: url(../images/common/arrow_sm_blk.gif) no-repeat 5px 1px;
}

ul.submenu1 li a {
  /*background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;*/
}

ul.submenu1 a:hover {
  color: #FF6DCD;
  background-color: #E0E1F1;
  /*background: #B3C6C4 url(../images/bg/submenu1.gif) no-repeat 5px 50%;*/
}

ul.submenu1 li a span.active {
  font: 600 1.3em arial, sans-serif;
  letter-spacing: 0.1em;
  color: #CACCE9;
}

ul.submenu2 li a {
  color: #426F85;
  /*background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;*/
}

ul.submenu2 a:hover {
  color: #888;
  /*background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;*/
}


/**************************************************************
   Spiffy Stuff 
 **************************************************************/


.spiffyMessage{display:block}
.spiffyMessage *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E5A100}
.spiffyMessage1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f3d691;
  border-right:1px solid #f3d691;
  background:#ebb83f}
.spiffyMessage2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcf5e5;
  border-right:1px solid #fcf5e5;
  background:#e9b230}
.spiffyMessage3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e9b230;
  border-right:1px solid #e9b230;}
.spiffyMessage4{
  border-left:1px solid #f3d691;
  border-right:1px solid #f3d691}
.spiffyMessage5{
  border-left:1px solid #ebb83f;
  border-right:1px solid #ebb83f}
.spiffyMessagefg{
  text-align: center;
  font: 600 1.4em arial, sans-serif;
  color: #FFFFFF;
  background:#EF9C00}


.spiffyBlue{display:block}
.spiffyBlue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#99CCFF}
.spiffyBlue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d3e9ff;
  border-right:1px solid #d3e9ff;
  background:#b2d8ff}
.spiffyBlue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f4f9ff;
  border-right:1px solid #f4f9ff;
  background:#acd5ff}
.spiffyBlue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #acd5ff;
  border-right:1px solid #acd5ff;}
.spiffyBlue4{
  border-left:1px solid #d3e9ff;
  border-right:1px solid #d3e9ff}
.spiffyBlue5{
  border-left:1px solid #b2d8ff;
  border-right:1px solid #b2d8ff}
.spiffyBluefg{
  background:#99CCFF}
  
  
.spiffyPale{display:block}
.spiffyPale *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFCC}
.spiffyPale1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffffe9;
  border-right:1px solid #ffffe9;
  background:#ffffd8}
.spiffyPale2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fffff9;
  border-right:1px solid #fffff9;
  background:#ffffd5}
.spiffyPale3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffd5;
  border-right:1px solid #ffffd5;}
.spiffyPale4{
  border-left:1px solid #ffffe9;
  border-right:1px solid #ffffe9}
.spiffyPale5{
  border-left:1px solid #ffffd8;
  border-right:1px solid #ffffd8}
.spiffyPalefg{
  background:#FFFFCC}
  
  
.spiffyLightRed{display:block}
.spiffyLightRed *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFCC99}
.spiffyLightRed1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffe9d3;
  border-right:1px solid #ffe9d3;
  background:#ffd8b2}
.spiffyLightRed2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fff9f4;
  border-right:1px solid #fff9f4;
  background:#ffd5ac}
.spiffyLightRed3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffd5ac;
  border-right:1px solid #ffd5ac;}
.spiffyLightRed4{
  border-left:1px solid #ffe9d3;
  border-right:1px solid #ffe9d3}
.spiffyLightRed5{
  border-left:1px solid #ffd8b2;
  border-right:1px solid #ffd8b2}
.spiffyLightRedfg{
  background:#FFCC99}

/**************************************************************
   Spiffy Header Login
 **************************************************************/

.spiffyHeaderLogin{display:block}
.spiffyHeaderLogin *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E9EAEB}
.spiffyHeaderLogin1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5f5f6;
  border-right:1px solid #f5f5f6;
  background:#eeeff0}
.spiffyHeaderLogin2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfd;
  border-right:1px solid #fcfcfd;
  background:#ededee}
.spiffyHeaderLogin3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ededee;
  border-right:1px solid #ededee;}
.spiffyHeaderLogin4{
  border-left:1px solid #f5f5f6;
  border-right:1px solid #f5f5f6}
.spiffyHeaderLogin5{
  border-left:1px solid #eeeff0;
  border-right:1px solid #eeeff0}
.spiffyHeaderLoginfg{
  background:#E9EAEB}


/**************************************************************
   Generic Display 
 **************************************************************/

br.clear {
  height:1px;
  clear: both;
  line-height: 1px;
  background-color: #00CC33;
}

.block {
  display: block;
}

.clear {
  clear: both;
}

.marginTop {
  margin-top: 10px;
}

.marginRight {
  margin-right: 15px;
}

.marginBottom {
  margin-bottom: 10px;
}

.marginLeft {
  margin-left: 10px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #E0EDEF;
}

.whiteBg {
  background-color: #FFFFFF;
}

.blackBg {
  background-color: #000000;
}

.paleBg {
  background-color: #FFFFCC;
}

.dark {
  color: #353E47;
}

.pink {
  color: #FF6DCD;
}

.awOrange {
  font: 800 1.2em verdana, sans-serif;
  /*color: #FF6600;*/
  color: #EF9C00;
}

.bubble {
  font: 600 1.3em arial, sans-serif;
  letter-spacing: 0.1em;
}

.pageBold {
  font-weight: bold;
}

.headlineRow:hover {
  background: #f5f5ff;
}

.italic {
  font-style: italic;
}