﻿/* hawaii.css - Stylesheet for LSBE Photo Resource Hawaii Portal Pages
 * Author: Sheryl Morgan
 * Copyright: 2010 Imagespan
 */
 
/* ===============
   GLOBAL SETTINGS
   =============== */
   
html, body, div, span, applet, object, iframe, h1,
h2, h3, h4, h5, h6,  blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
    {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }

body 
    {
    background: #4f7cde url(../../Images/prh_back.jpg) top left no-repeat;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    }

h1
    {
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
    text-align: center; 
    }

h3
    {
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 0px;
    font-size: 14px;
    text-transform: uppercase;
    }

blockquote
	{
	margin: 0 30px 15px 30px;
	line-height: 17px;
	}

p
    {
    line-height: 16px;
    margin-top: 5px;
    }


/* ===============
    ANCHOR STYLES
   =============== */

a,
a:link,
a:visited
    { 
    color: #6be200;
    font-weight: bold;
    text-decoration: none;
    }

a:active,
a:hover 
    {
    color: #6be200;
    font-weight: bold;
    text-decoration: underline;
    }


/* ===============
    LAYOUT STYLES
   =============== */

#menu
    {
    margin-top: 0px;
    margin-left: 44px;
    width: 215px;
    float: left;
    }

#menu #logo
    {
    width: 165px;
    height: 122px;
    }

#menu #navigation
    {    
    margin-top: 20px;
    .margin-top: 40px;
    }

#menu #nav li
    {
    list-style-type: none;
    }

#menu #nav li a
    {
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    padding-left: 10px;
    text-decoration: none;
    }

#menu #nav li a:hover
    {
    color: #f2b354;
    }

#menu #nav li a.aboutlink
    {
    display: block;
    background: transparent url(none);
    }

#menu #nav li ul
    {
    display: block;
    margin-left: 80px;
    margin-top: -20px;
    .left: 50px;
    .top: 207px;
    width: 135px;
    border-top: solid 1px #82A4E4;
    border-left: solid 1px #82A4E4;    
    border-right: solid 1px #82A4E4;
    position: absolute;
    background: #005AE2;
    opacity:.90;
    filter: alpha(opacity = 90);
    }

#menu #nav li li a
    {
    display: block;
    font-size: 13px;
    padding: 4px 0px 4px 10px;
    line-height: normal;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    border-bottom: solid 1px #4F7CDE;
    }

#menu #nav li li a:hover
    {
    background-color: #005AE2;
    color: #79EFA3;
    }

#container
    {
    margin-left: 352px;
    width: 615px;
    }

#header
    {
    height: 67px;
    margin-top: 15px;
    text-align: right;
    font-size: 11px;
    color: #eee;
    }

#header a
    {
    padding: 0px 3px;
    }

#headerSearch
    {
    margin-top: 14px;
    }

#headerSearch .txtBox
    {
    font-size: 12px;
    font-family: arial;
    color: #828282;
    }

#content
    {
    margin-top: 28px;
    font-size: 12px;
    color: #fff;
    }

#footer 
    {
    color:#a9cdf8;
    padding: 1px 0px 4px 0px;
    border-top: solid 1px #ff9900;
    font-size: 10px;
    } 

#footer a 
    {
    color: #a9cdf8;
    text-decoration:underline;
    font-weight: normal;
    } 

#footer #footerElement 
    {
    margin: 0;
    padding: 0px 0;
    }

#footer #footerElementText 
    {
    margin: 0px;
    padding: 0px;
    }

#footer #footerText 
    {
    text-align:center;
    padding:5px 10px 3px 0px;
    }

#footer #footerLogo 
    {
    float: left;
    display: none;
    }
    

/* ===============
   HOMEPAGE STYLES
   =============== */

.blurb
    {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    }

.blurb a,
.blurb a:link,
.blurb a:active,
.blurb a:visited
    {
    font-weight: normal;
    text-decoration: underline;
    }

.blurb a:hover
    {
    font-weight: normal;
    text-decoration: none;
    }

.slideshow
    {
    width: 615px;
    height: 410px;
    overflow: hidden;
    }

.clickHere
    {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 55px;
    }

.clickHere p
    {
    margin-top: 15px;
    }


/* ===============
    ABOUT STYLES
   =============== */

.aboutContainer
    {
    margin-right: 150px;
    }

.aboutImg
    {
    border: double 5px #83A2E5;
    margin-top: 8px;
    .margin-top: 3px;
    float: right;
    }
    
.aboutMenu
    {
    text-align: center;
    font-size: 11px;
    display: none;
    }

.aboutMenu a
    {
    font-size: 11px;
    padding: 0px 3px;
    }

a.email,
a.email:link,
a.email:visited,
a.email:active,
a.email:hover
    {
    font-weight: normal;
    }


/* ===============
    BUYER STYLES
   =============== */
    
ul.buyers
	{
	margin: 0 30px 5px 30px;
	list-style: disc inside;
	line-height: 20px;
	}


/* ===============
   CONTRIB STYLES
   =============== */
   
.toggle
    {
    cursor: pointer;
    margin-bottom: 0px;
    }

.toggle b
    {
    color: #6be200;
    text-decoration: none;
    }

.toggle b:hover
    {
    color: #6be200;
    text-decoration: underline;
    }
    
.answer p
    {
    }
    

/* ===============
   CONTACT STYLES
   =============== */

.contactVideo
    {
    width: 490px;
    height: 385px;
    overflow: hidden;
    margin: 25px auto;
    text-align: center;
    }

    
/* ===============
   GALLERY STYLES
   =============== */

.galleryView
    {
    margin-bottom: 25px;
    }
   
.roundedTab
    {
    margin: 15px 0px;
    }
    
.roundedTab .centeredLabel
    {
    text-align: center;
    margin: 4px 15px;    
    }
    
.roundedTab .centeredLabel i
    {
    display: block;
    margin-top: 4px;
    }
    
.tblBottomBar
    {
    color: #eee;
    }

.tblBottomBar td
    {
    padding-right: 1px;
    }
    
.tblBottomBar select
    {
    font-family: Arial;
    font-size: 12px;
    color: #444;
    }
