/**************************************************************
   Headings
 **************************************************************/

h1 {     
  font-family: Arial, Helvetica, sans-serif ;
  color: #1569C7 ;
  font-size: 18px ;
  margin: 0 0 0 0 ;
}

h2 {
  font-family: Arial, Helvetica, sans-serif ;
  margin: 0 0 0 0 ;
  color: #C35617 ;
  font-size: 16px ;
}

h2 a {
  color: #C35617 ;
}


h3 {    
  color: #666666 ;
  font-size: 14px ;
  font-family: Arial, Helvetica, sans-serif ;
  margin: 6px 0 0 0 ;
  display: inline; 

}

h4 {
  font-family: Arial, Helvetica, sans-serif ;
  margin: 6px 0 0 0 ;
  font-size: 16px ;
  font-weight:bold;     
}

h5 {
  font-family: Arial, Helvetica, sans-serif ;
  margin: 6px 0 0 0 ;
  font-size: 12px ;
  font-weight:bold;     
  font-style:italic;
}

h6 {
  color: #153E7E;
  font-family:Verdana,Geneva,sans-serif;
  font-size: 54px;
  font-weight:bold;     
}


h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 10px 15px;
}

/**************************************************************
   Form Elements
 **************************************************************/

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #ffecca;
  border: 2px solid orange;
}

.button {
    border: none;
    background: url('/images/button_blank_orange.gif') no-repeat top left;
    width: 80px;
    height: 24px;
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
    display: inline; 
}

.button:hover {
    border: none;
    background: url('/images/button_blank_red.gif') no-repeat top left;
    color: #ffffff;
    cursor: hand;
    cursor: pointer;
}

.button120 {
    border: none;
    background: url('/images/button120_blank_orange.gif') no-repeat top left;
    width: 120px;
    height: 24px;
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
    display: inline; 
}

.button120:hover {
    border: none;
    background: url('/images/button120_blank_red.gif') no-repeat top left;
    color: #ffffff;
    cursor: hand;
    cursor: pointer;
}

a.button {
    border: none;
    background: url('/images/button_blank_orange.gif') no-repeat top left;
    width: 80px;
    height: 24px;
    display: block;
    text-indent: 1em;
    text-decoration: none;
    text-align: left;
    padding: 3px 0px 0px 0px; /* push text down 1px */
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
}

a.button:hover {
    border: none;
    background: url('/images/button_blank_red.gif') no-repeat top left;
    color: #ffffff;
    cursor: hand;
    cursor: pointer;
}

a.bigbutton {
    border: none;
    background: url('/images/button_big_orange.gif') no-repeat top left;
    width: 190px;
    height: 56px;
    font-weight: bold;
    color: #ffffff;
    font-size: 24px;
    display: block;
    text-indent: 1em;
    text-decoration: none;
    padding: 10px 0px 0px 0px; /* push text down 1px */
}
a.bigbutton:hover {
    border: none;
    background: url('/images/button_big_red.gif') no-repeat top left;
    color: #ffffff;
}

input.orangebutton {
  color: #900;
  font-weight: bold;
  border: 2px solid #900;
  background: #FFC url(/images/buttonbg.png) repeat-x;
  height: 25px
}

input.orangebutton:hover {
  color: #FFF;
  background-color: #900; 
  background-position: 0 -30px;
  cursor: pointer; /* cursor: hand; for IE5 */
}

a.orangebutton {
  color: #900;
  font-weight: bold;
  display: block;
  text-indent: 0em;
  text-decoration: none;
  padding: 4px 8px 0px 8px; /* push text down 1px */
  border: 2px solid #900;
  background: #FFC url(/images/buttonbg.png) repeat-x;
  height: 20px
}

a.orangebutton:hover {
  color: #FFF;
  background-color: #900; 
  background-position: 0 -30px;
  cursor: pointer; /* cursor: hand; for IE5 */
}

/**************************************************************
   Images
 **************************************************************/

img.floatRight {
  margin: 5px 0px 10px 15px;  
}

img.floatLeft {
  margin: 5px 15px 10px 0px;
}

a img {  
  border: none;
}

a:hover img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 0px solid #FFF !important;
  border: 0px solid orange;
}


/**************************************************************
Logo and top section
 **************************************************************/

#logoleft {
    float:left;
    width:330px;
    height:132px;
}

#logoright {
    float:right;
    width:420px;
    height:132px;
}

/**************************************************************
Special Fonts and headers 
 **************************************************************/

.subscription_title {
  font-family:Arial, Helvetica, sans-serif ;
  color:#1569C7 ;
  font-size:12pt ;
  font-weight:bold ;
  text-decoration:none;
  padding: 0 0 0 0 ;
  margin: 0 0 -8px 0 ;
}

.title_blue {
  font-family:Arial, Helvetica, sans-serif ;
  color:#587ec5 ;
  background-color: #ffffff ;
  font-size:12pt ;
  font-weight:bold ;
  padding: 0 0 0 0 ;
  margin: 0 0 -8px 0 ;
}

.textsmall {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:8pt;
  color:#000000;
}

.mission {
  font-family:Times New Roman, Times, serif;
  font-size:13pt;
  color:#726E6D;
  font-weight:normal;
  font-style: italic;
}


/**************************************************************
Used for availability table.
 **************************************************************/

.pretty-table
{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #333;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #000;
}

.pretty-table caption
{
  caption-side: bottom;
  font-size: 0.9em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

.pretty-table th, .pretty-table td
{
  border: 1px dotted #666;
  padding: 0.5em;
  text-align: left;
  color: #632a39;
}

.pretty-table th[scope=col]
{
  color: #000;
  background-color: #8fadcc;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

.pretty-table th+th[scope=col]
{
  color: #fff;
  background-color: #7d98b3;
  border-right: 1px dotted #666;
}

.pretty-table th[scope=row]
{
  background-color: #b8cfe5;
  border-right: 2px solid #333;
}

.pretty-table tr.alt th, .pretty-table tr.alt td
{
  color: #2a4763;
}

.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td
{
  background-color: #632a2a;
  color: #fff;
}

/**************************************************************
Used for favourites button ajax
 **************************************************************/
.greenmessage {
  font-family: Arial, Helvetica, sans-serif ;
  font-size:12pt;
  color:#348017;
  font-weight:bold;
  font-style:italic;
  text-align: center;
}

/**************************************************************
Used for hovering over icons
 **************************************************************/
a.resulticons {
color:#000000;
text-decoration:none;
position: relative;
z-index: 20;
}

a.resulticons:hover { 
z-index: 20;
cursor: default;
}

a.resulticons span {
display: none;
}

a.resulticons:hover span {
font-size: 8pt;
display: block;
position: absolute;
top: -30px;
left: -100px;
width: 130px;
border:1px solid silver;
padding: 3px;
background-color:#FFE87C;
text-align: left;
}

a.moreinfo {
color:#000000;
text-decoration:none;
position: relative;
z-index: 20;
}

a.moreinfo:hover { 
z-index: 20;
cursor: default;
}

a.moreinfo span {
display: none;
}

a.moreinfo:hover span {
font-size: 8pt;
display: block;
position: absolute;
top: -30px;
left: -10px;
width: 230px;
border:1px solid silver;
padding: 3px;
background-color:#FFE87C;
text-align: left;
}