* {
margin: 0;
}


html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
}



html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

 



body{  font:13px/1.231 Arial,Helvetica,Tahoma,sans-serif;;
*font-size:small;
*font:x-small;
}
/* */


select,input,button,textarea,button{font:99% Arial,Helvetica,Tahoma,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

img { border: none; } /* stops image borders if they are links */

a { outline-style: none; color: black; text-decoration: none;} /* reset the dotted line on links in Firefox, when clicked */
a:hover { text-decoration: underline;}

.content {
    min-height: 100%;
    height: 100%;
    max-width: 1100px;
}

h1 {
	/* font-size: 138.5%; 18px via YUI Fonts CSS foundation. */
	font-size: 200%;
	text-transform:uppercase;
	
}

h2 {
	font-size: 108%;
	text-transform:uppercase;
	font-weight: bold;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
}


h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
	
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 1.3em;
	margin-top: 1.5em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

.content ul {
    margin-left: 0;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	margin-left: 0;
	list-style: none;
}


.content ul li:before { 
 content: "\2022  ";/* bullet + 2 spaces  */
 display: marker; 
 marker-offset: 3em; 
 color: #666; 
}


dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}    

article, aside, dialog, figure, footer, header, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 11pt;
    vertical-align: baseline;
    background: transparent;
}






/* end reset */

/* sticky footer */
    
html, body{  
    background: #EBE8DF url('/images/bg.png') repeat-x left top;
	min-height: 100%;
}

.wrapper {
	min-height: 100%;	
	height:  100%;
	height: auto !important;
    margin: 0 auto -49px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    clear: both;
    color: #FFFFFF;
	height:  49px; /* .push must be the same height as .footer */
}


.clearer{

clear: both; line-height: 0; height: 0;
}


/* @header */

.header{
clear: both;
}



.logo img{
    margin: 10px 0 10px 0;
}
/* @footer group*/


.content{
 
  width:  80%;
  clear: both;
  margin: 0 auto 2% auto; 
  padding: 12px;
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 0 8px #D1CEC6;
  -webkit-box-shadow: 0 0 8px #D1CEC6;
  box-shadow: 0 0 8px #D1CEC6;	
  min-width: 750px;
  
}



.topbar{
 width:  100%;
 min-height: 90px;
 clear: both;
 
 
  
 
}

.topbar h1 {
    font-size: 36pt;
     margin: 0 auto;
     text-align: left;
 }
 
 

.content a { color: #F0BF49; font-weight: bold } 


.content .primary {  
  width:  66%;
  display:table-cell;
  background: #f5f3ef;

 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 1em;
  padding: 1em;


}


.content .secondary {
    min-width:  33%;
    height: 100%;
    vertical-align: top;
    display:table-cell;
    margin: 1em 1em 0em 1em;  
      
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.content .secondary .singlecolumn { margin: 0 }




.content .data {
    margin-top:  2em;;
    margin-left: 10px;  
    margin-right: 0em; 
    margin-bottom: 1em;
    }


.content .secondary .singlecolumn a { color: black }
.content .secondary .singlecolumn {
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
   background: #edbf4c;
   color:  white;
   font-size: 1em;
   margin-top: 0;
   margin-left:  1em;
   padding: 1em 2em;
  }


.singlecolumn{
    
}
.singlecolumn h2:first-child {
    margin-top:  0;
}





/* @footer group */

.footer{
font-size: 11pt;
overflow: hidden;
max-height: 49px;
height: 49px;
background: #e5ae4a url('/images/footer-bg.png') repeat-x left top;
clear: both;
color: white;
font-size: 10pt;
}
.footer a{
color: white;
text-decoration: none;
}


.footer a:hover{
color: white;
text-decoration: underline;
}
.bottomnav {
    margin: 17px 0;
    text-align: center;
    width:  50%;
    clear: right;
    float:  left;
    height: 49px;
    line-height: 15px;
}

.footer .support{
  margin: 8px 0;
  float:  left;
  width:  50%;
  clear: none;
  text-align: right;        
  height: 49px;
  vertical-align: middle;

}






/*  IMAGE REPLACEMENT */


/* end image */

/* start decoration  */
.topbar{
    /*for hr*/
    position: relative;
    min-height: 90px
}
div.topbarhr {
  height: 15px;
  background: #fff url(/images/hrule.png) repeat-x; 
  margin: -12px -10px 0px -10px;
  width: 102%;
}
div.topbarhr hr {
  display: none;
}



table.products {
    float: right;
    margin: -12px 0px 7px auto;
}

.products td{
    padding: 0;
    margin: 0;
}

/* menu */

#fullnav { padding-right: 1%; padding-left: 1%;}
.menu {
	float: right;
	height: 41px; 
	padding: 0;
	margin: 0;
	clear:none;
	color:  black;
}

.menu a {
    color:  black;
}

.sf-menu a:hover{ text-decoration: none; background: #F4C257;   }

.sf-menu .sfHover sf-with-ul {
    background: #F4C257; 
    color: white;    
}

 /* nathan hack*/
.sf-menu li ul {
   margin-top: -4px;
}


.sf-menu li:hover .sf-menu a, .sf-menu li.sfHover  .sf-menu a{
	background: #F4C257; 
	outline:		0;
	max-height: 38px;
	
}


.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	max-height: 38px;
	background: #F4C257; 
}

.sf-menu a  {
	outline:		0;
	max-height: 38px;
}



.sf-menu li a{
	
	outline:		0;
	max-height: 38px;
	
}

.sf-menu li.first > a,.sf-menu li.middle > a{
	background:  url('/images/menusep.png');
	background-repeat:no-repeat;
	background-position:right top;
	outline:		0;
	max-height: 38px;
	
}

.sf-menu li.sfHover > a.sf-with-ul{
	background:  #F4C257 url('/images/menusep.png');
	background-repeat:no-repeat;
	background-position:right top;
	color: white;    
	outline:		0;
	max-height: 38px;
	
}

 


.sf-menu li.first > a:hover,.sf-menu li.middle > a:hover, .sf-menu li.last > a:hover{
	background:  #F4C257 url('/images/menusep.png');
	background-repeat:no-repeat;
	background-position:right top;
	color: white;    
	
}



.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000000;
}

.sf-menu li li{
  		background: white;  	
        outline:		0;
        max-height: 38px;
}




.sf-menu li ul
{
    border:  1px solid #CCC;;
}


.sf-menu li ul a:focus, .sf-menu li  ul a, .sf-menu li  ul  a:active{
	background: #FFFFFF;
	outline:		0;
	max-height: 38px;
	
}



sf-menu a  { max-height: 38px; }
.sf-menu {
	height: 38px;
 }
 
 
.message {
  font-size: 16pt; color: darkred;  
} 





/* Buttons  */

.button, input.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	margin: 1em 1em 1em 0;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -moz-border-radius: .5em;
	-webkit-border-radius: .5em;

	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-background-clip:padding !important ;
	text-transform:uppercase
	
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/*

from #f4d181
to #e78f2e

 */


.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #e78f2e;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4d181), to(#e78f2e));
	background: -moz-linear-gradient(top,  #f4d181,  #e78f2e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4d181', endColorstr='#e78f2e');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#e78f2e), to(#f4d181));
	background: -moz-linear-gradient(top,  #e78f2e,  #f4d181);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e78f2e', endColorstr='#f4d181');
}