/*
   HOT_BEACH style sheet
*/


a:link     {color: #0033FF; text-decoration: none}
a:visited  {color: #0000AA; text-decoration: none}
a:active   {color: #0033FF; text-decoration: none}
a:hover    {text-decoration: underline}

/* general layout */
body       {
        background: #a2eceb;
        font-family: Arial, Helvetica, sans-serif;
}

.site-main {
	box-shadow: 0px -3px 6px #333333;
        background: white; 
        width: 700pt; 
        border: solid 1pt black;
        margin: 10pt auto 0pt auto; 
        padding: 5pt 0pt 0pt 0pt;
}

.top-menu {
	height: 25pt
}

.bread-crumb-bar {
	font-size: 10pt;
        padding: 5pt 5pt 5pt 10pt;
        vertical-align: center
}

.below-menu {
	padding: 0pt 20pt 30pt 20pt
}

.dotted-line {
  border-top: .1px dotted black;
  color: white;
  background-color: white;
  height: 1px;
}

.dashed-line {
  border-top: .1px dashed black;
  color: white;
  background-color: white;
  height: 1px;
}

.site-header {
	box-shadow: 0px -3px 6px #333333;
        background: white;
        width: 700pt;
        border: solid 1pt black;
        margin-top: 10pt; 
        margin-left: auto; 
        margin-right: auto;
        padding: 2pt 0pt 2pt 0pt;
}

.site-header-menu {
        background: white;
	color: white;
        border-collapse: collapse;
        width: 100%;
}

.site-header-item {
	font-size: 8pt;
}

.site-header-title {
	color: black;
	font-size: 24pt;
}

.site-header-subtitle {
	color: #21455e;
	font-size: 9pt;
}

.site-footer {
	box-shadow: 0px 0px 6px #333333;
        width: 700pt;
        border: solid 1pt black;
        margin: 0pt auto 10pt auto; 
}

.site-footer-menu {
        background: #21455e;
	color: white;
        border-collapse: collapse;
        width: 100%;
}

.site-footer-item {
	font-size: 8pt;
        padding: 5pt 0pt 5pt 0pt;
}

.site-footer-title {
        background: white;
	color: black;
	font-size: 8pt;
        padding: 2pt;
}

/* pull-down menu */    
option.o1  {background: white; color: black}
option.o2  {background: #ffffcc; color: black}
option.o3  {background: white; color: black; height: 25px; line-height: 25px}
form.f1    {margin-bottom: 0pt; margin-right: 20pt;}

.menu-pulldown {
	width: 50%
}


/* text modifiers */
h1         {font-size: 18pt}
h2         {font-size: 16pt}
h3         {font-size: 14pt}

.topic-header {
	background: #6eaaaa; 
	color: #FFF
}

.topic-sub-header {
	background: #f0f0f0;
}

.strong {
	color: red;
	font-weight: bold
}