/*********************************************
 * TITLE: Sun Splash Tans Stylesheet         * 
 * URI  : web.css			     *
 * MODIF: 2005-Mar-09 10:00 -10GMT           *
 *********************************************/


/* ##### Common Styles ##### */

body {
  color: rgb(34,70,79);
  /*background-color: rgb(255,255,192);*/
  /*  background-image: url('/images/suntile.jpg'); */
  background-image: url('/images/sunsplash-wm2.gif');
  font-size: 78%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
  
  SCROLLBAR-FACE-COLOR: red; 
  SCROLLBAR-HIGHLIGHT-COLOR: #000000; 
  SCROLLBAR-SHADOW-COLOR: #000000; 
  SCROLLBAR-3DLIGHT-COLOR: #808080; 
  SCROLLBAR-ARROW-COLOR: #ffffff; 
  SCROLLBAR-TRACK-COLOR: #c0b0b0};
}

html > body {
  font-size: 9.5pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(34,70,79);
  cursor: help;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}


/* ##### Header ##### */

#header {
  color: rgb(213,94,0);
  background-color: rgb(205,219,205);
  /*background-image: url('/images/sun-background-02.gif');*/
  background-image: url('/images/panoramichawaii.gif');
  border-bottom: 2px solid white; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0em; padding-left:0mm; padding-right:2.5mm; padding-top:.5em; padding-bottom:0ex
}

.headerTitle {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

.headerTitle a {
  color: rgb(213,94,0);
  background-color: transparent;
  text-decoration: none;
  font-size: 83%;
  /* font-weight: bold; */
  font-style: italic;
}

.headerTitle > a {
  font-size: 105%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}

.headerLinks {
  font-size: 89%;
  position: absolute;
  right: 2ex;
  top: 2.25em;
}

[class~="headerLinks"] {
  top: 1.75em;  /* For fully standards-compliant user agents */
}

.headerLinks a {
  color: rgb(255,255,0);  /* text color to links in top right border */
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.headerLinks a:hover {
  /* color: rgb(171,195,172); */
    color:#800000; /* hover text color to links in top right border, such as color: rgb(255,0,0); */
  background-color: transparent;
  text-decoration: none;
}

/* #### Sub Header #### Menu bar row */

#subHeader {
  color: white;
  background-color: RGB(207,92,1);
  font-size: 85%;
  margin: 0;
  height: 24px;
  padding: 0;
  clear: both;
}


/* ##### Side Bar ##### */

#side-bar {
  font-size: 90%;
  text-align: left;
  width: 125px;
  background-color: #FFEDC0;
  /* ## the 'filter' attribute can make the opacity different ## */
  /* filter:alpha(opacity=80); /* IE's opacity*/ */
  

/* next two lines are used to set menu bar to left */
  position: absolute; 
  left: 0px;

/* #############

  Below "float" line was commented out 
  because position is now "absolute" 
  with a "left" margin of 0px whereas
  using a floating left margin floats text around box -- mr
############  */

  float: left;
  clear: left;
  margin: 1em 5px 1em 0; /* margins are given in order of T, R, B, L */
}

.sideBarTitle {
  color: rgb(255,255,255); /* define color of font */
  /* background-color: rgb(255,192,192); */
  background-color: rgb(213,94,0); /* define background color of cell */
  font-size: 100%; /* define font size */
  font-weight: bold;
  margin: 0;
  padding: 0.5ex 1em 0.5ex 0.5ex; /* margins are given in order of T, R, B, L */
  border-top: 1px solid rgb(34,70,79);
}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

#side-bar li {
  margin: 0;
  padding: 1ex 1em 1ex 0.5ex; /*this puts a little space between line items */
  border-top: 1px solid rgb(34,70,79); /* this adds the line under each line item */
}

#side-bar a {
  color: rgb(34,70,79);
  background-color: transparent;
  text-decoration: none;
}

#side-bar a:hover {
  color: red;
  /*font-weight: bold;*/
  background-color: transparent;
  text-decoration: none;
}

.sideBarText {
  text-align: justify;
  margin: 0;
  padding: 1ex 1.5ex;
  display: block;
  border-top: 1px solid rgb(34,70,79);
}

#side-bar .sideBarText a {
  text-decoration: underline;
}

#side-bar .sideBarText a:hover {
  text-decoration: none;
}

.thisPage {
  font-weight: bold;
}


/* ##### Main Copy ##### */

#main-copy {
  text-align: justify;
  line-height: 1.5em;
  /* margin: 0 0px 0 0px; */
  padding: 0 0px 0px 0px;
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

.BlueBox {
  /* font-family: arial, "trebuchet ms", verdana, tahoma, sans-serif; */
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  color: rgb(34,70,79);
  background-color:#91b2cc;
  /* ## the 'filter' attribute can make the opacity different ## */
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;


  width: 650px;
  margin: 10px 0px 10px 135px; /* setting left margin to 135px gives room for menu bar on left */
  padding: 1ex 2em 0.25em 2em;
  border: 1px solid rgb(34,70,79);
  
  
}
  
.lighterBox {
  /* font-family: arial, "trebuchet ms", verdana, tahoma, sans-serif; */
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  color: rgb(34,70,79);
  background-color: rgb(255,255,255);
  /* ## the 'filter' attribute can make the opacity different ## */
  filter:alpha(opacity=99); /* IE's opacity*/

  width: 650px;
  margin: 10px 0px 10px 135px; /* setting left margin to 135px gives room for menu bar on left */
  padding: 1ex 2em 0.25em 2em;
  border: 1px solid rgb(34,70,79);
}




#main-copy TR {
	font-size: 78%;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}

#main-copy h1 {
  font-family: arial, "trebuchet ms", verdana, tahoma, sans-serif;
  color: rgb(192,0,0);
  font-size: 175%;
  font-weight: bold;
  margin: 0.25em 0 0 0;
  padding: 0;
}

#main-copy h2 {
  font-family: arial, "trebuchet ms", verdana, tahoma, sans-serif;
  color: rgb(235,89,0);
  font-size: 135%;
  font-weight: bold;
  margin: 0.25em 0 0 0;
  padding: 0;
}

#main-copy a {
  color: rgb(340,70,79);
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a:hover {
  text-decoration: none;
}

div.pullquote {
		float: right;
		width: 120px;
		font: Arial, Helvetica, Verdana, sans-serif;
		color: #A09080;
		border: solid red;
		border-width: 7px 0;
		padding: 3px 2px 3px 3px;
		margin: 8px 8px 8px 8px;
		}

/* code to make a transparent <div> box */
div.transbox
  {
  width:650px;
  height:180px;
  margin: 10px 0px 10px 135px; /* setting left margin to 135px gives room for menu bar on left */
  background-color:#91b2cc;
  border:1px solid rgb(34, 70, 79);
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }


		
dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

/* ##### Footer ##### */

#footer {
  color: white;
  background-color: RGB(213,94,0);
  font-size: 85%;
  margin: 0;
  padding: 1.25ex 4mm;
  clear: both;
}

#footer .left {
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

.subFooter {
  font-size: 85%;
  line-height: 1.5em;
  margin: 0;
  padding: 1ex 4mm;
}

.subFooter a {
  color: rgb(34,70,79);
  background-color: transparent;
  text-decoration: underline;
}

.subFooter a:hover {
  text-decoration: none;
}