/*******************************************
COLOURS - Colours used in the site
White               #FFF
Black               #000
Background Green    #061214
Extra Teal          #235563
Extra Dark Teal     #1A4553
Washed Out Teal     #7899a2
Footer BlueGrey     #353A46

*******************************************/

/*******************************************
BASE STYLES - This block sets all margins
and padding back to zero, so that we have
a consistent base to build from across all
browsers.
*******************************************/
html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;} 

body, p, div, td {
    font: 12px/18px Arial, Helvetica, sans-serif;}

body {
    background: url(../images/body_bg.gif) top left repeat-x #061214;}

p, table {margin-bottom: 18px;}

ol, ul, dl {margin: 0 0 18px 24px;}

ol ol,
ol ul,
ul ol,
ul ul {margin-bottom: 0;}


h1, h2, h3, h4, h5, h6 {
    color: #235563;
    margin-bottom: 18px;}}
 
h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}


a:link {color: #fff;}

a:visited {color: #ccc;}

a:focus,
a:hover,
a:active {color: #000;}

/*******************************************
LAYOUT - Try to keep the order of elements
the same as the HTML structure.
*******************************************/
#shadow1 {
margin: 2px auto;
width:953px;
background: url(../images/shadow_repeat.gif) top left repeat-y; }
    
    #shadowLeft {float: left;}
        
    #shadowRight {float: left;}
        
    #shadow2 {float: left;}

        #container {
        float: left;
        width:933px;
        background-color: #fff; }
            
            #header {
            height: 202px;
            width:100%;
            background: url(../images/header_bg.jpg) top left no-repeat #fff; }
            
                #logo {
                position: relative;
                left: 40px;
                top: 20px;
                width: 170px; }
                    
                    #logo a img {border: 0;}
            
                #primaryNav {
                float:right;
                width: 500px;
                position: relative;
                xright: 100px; }
                
                #searchBox {
                clear: right;
                float: right;
                width: 180px;
                position: relative;               
                top: 5px; right:20px; }
                    
                    #searchBox .searchField {
                    width: 124px;
                    height: 20px;
                    border: 0 none;}
                        
                    #ie7only #searchBox .searchField {
                    /*position: relative;
                    top: -2px;*/}
                    
                    #searchBox .searchButton {
                    border: 0 none;
                    width: 35px;
                    height: 25px;
                    position: relative;
                    top: 2px;
                    margin-left: 5px;
                    color: #fff;
                    background: url(../images/go_button.gif) top left no-repeat;}
                
                #callUs {
                float: right;
                width: 300px;
                position: relative;
                right: -280px;
                top: 35px;
                color:white;
                font-family:Myriad Pro;
                font: 18px Myriad Pro;
                font-style:italic; }  
                
                .main #home #utilityNav {
                display: none;}   
                
                #login { 
                float: right;
                width:195px;
                height:200px;
                background: url(../images/login_bg.gif) top left no-repeat;
                position: relative;
                xleft: 10px;
                xtop:100px;} 
                
                    #login .loginButton {
                    border: 0 none;
                    width: 55px;
                    height: 25px;
                    position: relative;
                    top: 10px;
                    margin-left: 0px;
                    color: #fff;
                    background: url(../images/loginButton.gif) top left no-repeat;}
                
                    #forgotPass{
                    color:#fff;
                    position: relative;
                    left:15px;
                    top:20px;
                    text-align:center;
                    width:155px;
                    padding-bottom:10px;
                    border-bottom: 2px solid #396573;}
                        
                        #forgotPass.a {color:#fff;}
                            
                    #userdetails{
                    color:#fff;
                    position: relative;
                    left:20px;
                    top:35px;}
                    
            #loggedIn { 
            color:#fff;
            display:none;
            padding: 15px 0px 0px 20px;
            float:left;
            clear:left;   
            position: relative;
            width:195px;
            height:200px;
            background: url(../images/logout_bg.gif) top left no-repeat;            
            left:15px;
            top:10px;} 
            
                #loggedIn a:link, #loggedIn a:visited {
                display: block;
                border: 0 none;
                width: 55px;
                height: 25px;
                line-height: 12px;
                padding: 8px;
                position: relative;
                top: 20px;
                margin-left: 0px;
                color: #fff;
                text-decoration: none;
                background: url(../images/loginButton.gif) top left no-repeat;}
                
                #loggedIn a:focus,
                #loggedIn a:hover,
                #loggedIn a:active {color: #ccc;} 
                
        #wrapper {}
        
/*******************************************
HOME PAGE STYLE
*******************************************/
        
    .main #home #content{
    float:right;
    width: 933px;
    height: 283px;
    background: url(../images/home_content_bg.jpg) top left no-repeat #061214;}
                    
        #weatherFeed{color:white; padding:10px;}
                    
        .main #home #minigenPageTitle {
                margin: 10px 10px 18px 18px;}
                    
        .main #home #minigenBody {
        width: 330px;
        position: relative;
        left: 592px;
        top: 10px;}
                    
            .main #home #minigenBody p {
            color: #fff;}
                            
            #minigenBody a:link {color: #235563;}

            #minigenBody a:visited {color: #7899a2;}
                            
            #minigenBody a:focus, 
            #minigenBody a:hover, 
            #minigenBody a:active {color: #000;}

            .main #default #content{
            float:right;
            width:500px; }
                    
            .main #default #minigenPageTitle {}
                    
            .main #default #minigenBody {}
        
            .main #home #navigation{display: none;}
                
/*******************************************
STANDARD PAGE STYLE
*******************************************/
   .broker #content {
    float:right;
    width:933px;
    background: url(../images/default_content_bg.jpg) top left no-repeat #1c505e; }

       .broker #utilityNav {
        float: left;
        position: relative;
        width: 150px;} 
                                    
       .broker #boardwalk {
        float: right;
        width: 933px;
        height: 100px;
        background: url(../images/boardwalk.jpg) bottom left no-repeat ; }
                                  
       .broker #utility {
        width: 150px;
        float: left;
        position: relative;
        left: 35px;}
                    
       .broker #bodyShadowContact {
        /*float: right;
        position: relative;
        top:0px;
        right: 20px;
        background: url(../images/agentBodyRepeat2.gif) top left repeat-y;
        margin-bottom: 108px;*/}
                    
       .broker #bodyShadow {
        float: right;
        position: relative;        
        right: 20px;
        background: url(../images/agentBodyRepeat2.gif) top left repeat-y;
        margin-bottom: 108px;}
                        
           .broker .agentShadow {
            display: block;}
                            
           .broker #minigenPageTitle {
                margin: 10px 10px 18px 18px;
            /*position: absolute;
            display:none;
            visibility:hidden;*/}
                        
           .broker #minigenBody {
            width: 670px;
            padding: 0px 10px 10px 10px;
            position:relative;                 
            min-height: 300px;
            /*xbackground: url(../images/agentBody_bg.gif) top left no-repeat;*/}                         
            
           .broker #ie6only #minigenBody, #ie6only #marginator {
            height: 300px;
            top: 0;}
                
                #minigenBody_contactus{
                background: url(../images/bgrd_contactus.jpg) center center no-repeat;
                }
                
                #minigenBody_aboutus{
                background: url(../images/bgrd_aboutus.jpg) right bottom no-repeat;
                }       
           
                #marginator {
                margin: 10px;
                min-height: 300px;}
                 
                #minigenBody img {
                display: block;}
                            
               .broker #minigenBody p {
                color: #000;}
                        
         		/*.standard #default #content{
                    float:right;
                    width:500px;}
                    
                   .broker #default #minigenPageTitle {}
                    
                   .broker #default #minigenBody {}
        
                */
 /************************************************************************************************/            
        
    #navigation{
    float:left;
    width:240px;}
        
    #extra {
    clear:both;
    width:100%;
    height: 150px;
    background-color: #235563; }
                
        .homeButton {
        width: 200px;
        height: 120px;
        float: left;
        margin: 18px 9px 0 9px;
        text-align: center;}
                                       
            .homeButton:hover, #extra .iehover {
            background: url(../images/home_button_bg.jpg) 0 0 no-repeat #1A4553;}
                    
            .homeButton img {
            border: 0 none;
            margin-top: 4px;}
                    
            .homeButton p {
            color: #fff;
            width: 170px;
            height: 50px;
            line-height: 14px;
            margin: 0 9px 0 18px;
            text-align: center;}
        		
    #quote {margin-left: 40px;}
                
    #ie6only #quote {
    margin-left: 20px;}
                
    #footerContainer { 
    float: left;
    width: 933px;
    background:#fff;
    height: 35px;}
    
    #footerDisclaimer {
        text-align: center;
        margin: 18px;}
        
        #footerDisclaimer p {
            color: #7899a2;
            font-size:90%;
            line-height: 120%;
            margin: 0 0 9px 0;}
            
            #footerDisclaimer a:focus,
            #footerDisclaimer a:hover,
            #footerDisclaimer a:active {
                color: #7899a2;}
            
            #editLink {text-align: center;}

/*******************************************
NAVIGATION
*******************************************/

/*******************************************
PRIMARY MENU
*******************************************/   

ul#primary {
    float:right;
    list-style: none;
    text-align: center;
    margin: 0;} 
    
    ul#primary li {
        display: inline;
        text-align: center;
        margin: 18px 0 0 0;
        padding: 0 10px;
        border-right: 1px solid #fff;
        line-height: 25px;}
        
        ul#primary a:link,
        ul#primary a:visited {
            color: #fff;
            text-decoration: none;}
        
        ul#primary a:hover,
        ul#primary li:hover,
        ul#primary li:hover a,
        ul#primary li.iehover,
        ul#primary li.iehover a {
            color: #fff;
            text-decoration: underline;}
            
ul#primary li.lastLi {border-right: 0 none;}  

/*******************************************
utility NAVIGATION - HORIZONTAL
*******************************************/   

/* Root = Horizontal, Secondary = Vertical */
ul#utility {
    list-style: none;
    text-align: center;
    margin: 0;} 
    
    ul#utility li {
        xdisplay: inline;
        text-align: left;
        margin:5px 0 0 0;
        padding: 0 0 0 3px;
        xborder-right: 1px solid #fff;
        line-height: 25px;}
        
        ul#utility a:link,
        ul#utility a:visited {
            color: #fff;
            text-decoration: none;}
        
        /* Root Menu Hover Persistence */
ul#utility a:hover,
ul#utility li:hover,
ul#utility li:hover a,
ul#utility li.iehover,
ul#utility li.iehover a {
  color: #fff;
  background-color: #1A4553;}
            
ul#primary li.lastLi {border-right: 0 none;}  



 

/*******************************************
FOOTER MENU
*******************************************/   

ul#footer {
    list-style: none;
    text-align: center;
    margin: 0;} 
    
    ul#footer li {
        display: inline;
        text-align: center;
        margin: 18px 0 0 0;
        padding: 0 10px;
        border-right: 1px solid #353A46;
        line-height: 35px;
        font-weight: bold;}
        
        ul#footer a:link,
        ul#footer a:visited {
            color: #353A46;
            text-decoration: none;}
        
        ul#footer a:hover,
        ul#footer li:hover,
        ul#footer li:hover a,
        ul#footer li.iehover,
        ul#footer li.iehover a {
            color: #353A46;
            text-decoration: underline;}
            
ul#footer li.lastLi {border-right: 0 none;}