﻿/*********************************************************
	Author - Sean Connors, Web Merchant Services
	www.WMSmerchantservices.com - 707-443-4447
 *********************************************************/

/*********************************************************
	Core element styles
 *********************************************************/
td {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

tr {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

p {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

body {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

html {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;  
  background-color: #000;
}

p {
  margin: 2px 0 10px 0;
}

td {
  padding: 0 2px 0 2px;
}

td {
  vertical-align: top;
}

tr {
  vertical-align: top;
}

h6 {
  margin: 0 0 5px 0;
  padding: 0;
  color: #3a4460;
}

h5 {
  margin: 0 0 5px 0;
  padding: 0;
  color: #3a4460;
}

h4 {
  margin: 0 0 5px 0;
  padding: 0;
  color: #3a4460;
}

h3 {
  margin: 0 0 5px 0;
  padding: 0;
  color: #3a4460;
}

h2 {
  margin: 0 0 5px 0;
  padding: 0;
  color: #3a4460;
}

h1 {
  margin: 0 0 5px 0;
  padding: 0;
  color: #3a4460;
}

h1 {
  padding: 3px 5px;
  font: bold 16px Arial, Verdana, sans-serif;
  border: 1px solid #ccc;
  background-color: #faf8eb;
}

h2 {
  padding-bottom: 0;
  font: bold 12px Arial, Verdana, sans-serif;
  border-bottom: 1px solid #3a4460;
}

h6 {
  padding-bottom: 0;
  font: bold 12px Arial, Verdana, sans-serif;
}

h5 {
  padding-bottom: 0;
  font: bold 12px Arial, Verdana, sans-serif;
}

h4 {
  padding-bottom: 0;
  font: bold 12px Arial, Verdana, sans-serif;
}

h3 {
  padding-bottom: 0;
  font: bold 12px Arial, Verdana, sans-serif;
}

a {
  text-decoration: none;
  color: #804e4d;
}

a:hover {
  /*color: #111;*/
  text-decoration: underline;
}

a img {
  border: 0;
}

hr {
  border-top: 1px solid #3a4460;
}

ol li strong {
	color: #3a4460;
}

/*********************************************************
	Core div styles
 *********************************************************/

#container {
	/*width: 780px;*/
	height: 444px;
	background: url(/images/background3.jpg) no-repeat top center;
	clear: both;
	/*float: left;*/
	width: 100%;
	margin-top: 2px;
	margin-bottom: 27px;
	padding-top: 135px;
	text-align: left;
}

#cols {
  margin: 0 auto;
}

/*********************************************************
	Core class styles
 *********************************************************/

.alternate {
  background-color:#eee;
  padding: 2px 0 5px 0;
  }
  
.alternate hover{
  background-color:#000;
  padding: 2px 0 5px 0;
  }
  
.alternateOther {
  background-color:#ddd;
  padding: 2px 0 5px 0;
  }
  
.alternateOther hover {
  background-color:#000;
  padding: 2px 0 5px 0;
  }
 
.bold {
   font: bold 12px Arial, Verdana, sans-serif;
}

.alignRight {text-align:right;}

.alignLeft {text-align:left;}

.alignCenter {text-align: center;}

/* Images */
img.floatLeft {
    float: left;
}

img.floatLeft:after {
    content: "";
    display: block;
    clear: left;
}

img.floatRight {
    float: right;
}

img.floatRight:after {
    content: "";
    display: block;
    clear: right;
}

/**************************************************************
   Page Content
 **************************************************************/
/*#bg {
  background: url(images/background.jpg) no-repeat top center; 
  clear: both;
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 100%;
  }*/


#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 27px;
  text-align: left;
}

#columns {
  margin: 0 auto;
}

.width {
  width: 776px;
}

.widthPad {
  width: 650px;
}

.width50 {
  width: 48%;
}

.floatLeft {
  float: left;
  width: 145px;
  margin: 0;
  padding: 0;
}

.floatRight {
  float: right;
  width: 505px;
  text-align:left;
	background: url(/images/bodyText-bg.gif) no-repeat top center;
}

.center {
  text-align: center;
}
  
.overview {
  text-align: center;
}

.overview img {
  padding: 0;
  margin: 0;
}

.overviewText {
  margin: 0 0 5px 0;
  padding: 15px 0 5px 0;
  font: bold 12px Arial, Verdana, sans-serif;
  color: #000;
  border-bottom: 1px solid #000;
}

.bodyText {
  overflow:auto; 
  height: 325px;
  margin: 10px 0 0 3px;
  color: #555;
}


/**************************************************************
   Menu's
 **************************************************************/
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 125px; /*For KHTML*/
  list-style: none;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 125px; /*For KHTML*/
  list-style: none;
}

ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 125px; /*For KHTML*/
  list-style: none;
}

ul#navmenu {
  margin: 0;
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  border-bottom:1px solid #d0cfc8;
}

/* Root Menu */
ul#navmenu a {
  padding: 5px 1px 5px 5px;
  display: block;
  font: bold 13px Verdana, Arial, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  color: #585129;
}

/* Root Menu Hover */
ul#navmenu li.iehover a {
	background: transparent;
	color: #3a4460;
}

ul#navmenu li:hover a {
	background: transparent;
	color: #3a4460;
}

ul#navmenu a:hover {
	background: transparent;
	color: #3a4460;
}

#ResourceLinks {
  margin: 26px 0; 
  text-align: right;
  font: bold 10px Georgia, Arial, Verdana, sans-serif;
}

#ResourceLinks ul li {
  display: inline;
  list-style: none;
}

#ResourceLinks ul li a {
  padding: 0 5px 0 0;
  border-right: 1px solid #4D5760;

}

#ResourceLinks ul li a.last {
  padding-right: 0;
  border-right: 0;
}

/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

legend {
  color:#fff;
  background-color: #476C96;
  padding: 2px 5px 2px 5px;
  font: bold 11px verdana, arial, sans-serif;
}

/* If you\'re finding the input elements get pushed down, increase the width */
label {
  float: left;
  vertical-align: top;
  width: 110px; 
  font: bold 10px verdana, arial, sans-serif;
  margin: 0 5px 0 2px;
}

select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #666;
  background: #EEE;
  border: 1px solid #CCC;
  /*float: left;*/
}

textarea {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #666;
  background: #EEE;
  border: 1px solid #CCC;
  /*float: left;*/
}

input {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #666;
  background: #EEE;
  border: 1px solid #CCC;
  /*float: left;*/
}

select:hover {
  color: #000;
  background: #E7EDF4;
  border: 1px solid #888;
}

select:focus {
  color: #000;
  background: #E7EDF4;
  border: 1px solid #888;
}

textarea:hover {
  color: #000;
  background: #E7EDF4;
  border: 1px solid #888;
}

textarea:focus {
  color: #000;
  background: #E7EDF4;
  border: 1px solid #888;
}

input:hover {
  color: #000;
  background: #E7EDF4;
  border: 1px solid #888;
}

input:focus {
  color: #000;
  background: #E7EDF4;
  border: 1px solid #888;
}

input:hover.noBorder {
  padding: 0;
  border: 0;
}

input:focus.noBorder {
  padding: 0;
  border: 0;
}

input.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}


/*Forms defaults*/
label {
	color:#804e4d;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

.box {
  background-color: #E2E6ED;
  border: 1px solid #A1B9D4;
  padding: 7px;
}


/**************************************************************
   Footer
 **************************************************************/

#footer {
	position: relative; 
	top: -75px;  
	text-align:center;
	font-size: 10px;
	color: #ddd;
}

#footer a {
	font-size: 10px;
	text-decoration: none;
	color: #ddd;
}

#footer a:hover {
	color:#fff;
	text-decoration: underline;
}