﻿*{margin:0px; padding:0px;}
html{overflow-y:scroll;}
body{background:#88b2ce url(../Images/body-bg.jpg) repeat-y scroll center top; color:#3d3d3d; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
a{color:#4486a5; text-decoration:none;}
img{border:none;}
p{line-height:17px; margin:0px 0px 10px 0px;}
input:focus{border:2px solid #A9C815; color:#88b2ce;}
textarea:focus{border:2px solid #A9C815;}
hr{border-top:none; border-left:none; border-right:none; border-bottom:1px solid #fff; margin:0px 0px 15px 0px;}
h1{color:#005a84; font-size:30px; font-weight:normal; font-family:Times New Roman; margin:0px 0px 0px 0px; text-shadow: 2px 2px 1px rgba(11, 97, 138, .3); border-bottom:1px solid #005a84; display:block;}
h2{color:#005a84; font-size:21px; font-weight:normal; font-family:Times New Roman; margin:0px 0px 12px 0px; text-shadow: 2px 2px 1px rgba(11, 97, 138, .3);}
h3{color:#FFF; font-size:16px; font-weight:normal; margin:0px 0px 12px 0px;}
h4{color:#005a84; font-size:18px; font-weight:normal; font-family:Times New Roman; margin:0px 0px 4px 0px; text-shadow: none;}

h2 a{color:#005a84 !important; font-weight:normal !important;}
h3 a{color:#FFF !important; font-weight:normal !important;}
h4 a{color:#005a84 !important; font-weight:normal !important; cursor: pointer;}

.clearBoth{clear:both;}
.displayBlock{display:block;}
.displayInline{display:inline;}
.floatRight{float:right;}
.floatLeft{float:left;}
.noIndent{text-indent:0px !important;}
.marginBot0{margin-bottom:0px;}
.marginBot2{margin-bottom:2px;}
.marginBot10{margin-bottom:10px;}
.marginLeft44{margin-left:44px;}
.overHidden{overflow:hidden;}
.paddingBot5{padding-bottom:5px;}
.paddingLeft10{padding-left:10px;}
.padding20{padding:20px;}
.textAlignRight{text-align:right;}
.textIndent94{text-indent:94px;}
.width50{width:50px;}
.width100{width:100px;}
.width440{width:440px;}

.listBullets{ list-style-type:disc; margin:0px 0px 20px 30px;}
.listBullets li{margin:3px 0px;}
.caption{ font-style:italic; font-size:11px; text-align:right;}
.noTitle{margin-top:36px;}
.subTitle{font-size:14px; font-weight:bold; color:#88B2CE; margin:0px 0px 0px 15px; text-shadow: none;}
.green{color:#A9C815; font-weight:bold;}

.contentLeftSide hr{border-top:none; border-left:none; border-right:none; border-bottom:1px solid #005A84;}

.titleImg1{background:url(../Images/titleImage1.jpg) no-repeat top left; min-height:120px;}
.titleImg2{background:url(../Images/titleImage2.jpg) no-repeat top left; min-height:120px;}
.titleImg3{background:url(../Images/titleImage3.jpg) no-repeat top left; min-height:120px;}
.titleImg4{background:url(../Images/titleImage4.jpg) no-repeat top left; min-height:120px;}
.titleImg5{background:url(../Images/titleImage5.jpg) no-repeat top left; min-height:120px;}
.titleImg6{background:url(../Images/titleImage6.jpg) no-repeat top left; min-height:120px;}
.titleImg7{background:url(../Images/titleImage7.jpg) no-repeat top left; min-height:120px;}
.titleImg8{background:url(../Images/titleImage8.jpg) no-repeat top left; min-height:120px;}
.titleImg9{background:url(../Images/titleImage9.jpg) no-repeat top left; min-height:120px;}
.titleImg10{background:url(../Images/titleImage10.jpg) no-repeat top left; min-height:120px;}
.titleImg11{background:url(../Images/titleImage11.jpg) no-repeat top left; min-height:120px;}


#wrapper{
    background:#88b2ce url(../Images/body-bg.jpg) repeat-y scroll center top;
    color:#303030;
    margin:0px auto;
    width:965px;}
    
    
    #header{
        background:url(../Images/header.jpg) no-repeat top left;
        height:106px;
        position:relative;}
        #mainNav{
            float:right;
            font-size:13px;
            margin:62px 100px 0px 0px;}
            #mainNav li{
                
                list-style-type:none;
                float:left;
                margin:0px 5px 0px 5px;}
                #mainNav li a{
                    color:#005a84;
                    display:block;
                    height:22px;
                    padding:5px 0px 0px 0px;
                    text-align:center;
                    width:100px;}
                #mainNav .active{
                    background:url(../Images/active-btn.jpg) no-repeat top left;
                    color:#FFF;}
                #mainNav li a:hover{
                    color:#a9c51a;
                    text-decoration:underline;}
    #banner{
        outline:none;
        height:275px;
        width:965px;}
        #banner object{outline:none;}
   
    #midNav{
        background:url(../Images/mid-bar-bg.jpg) repeat-x top left;
        height:47px;
        margin:20px 0px 0px 0px;}
        #midNav .midNavFirst a{ border-left:none;}
        #midNav .endCap{ background:url(../Images/mid-bar-bg-right.jpg) no-repeat top right; float:right; height:42px; padding:0px 0px 5px 0px;}
        #midNav .midNavLast a{ border-right:none;}
        #midNav li{
            list-style-type:none;
            float:left;
            text-align:center;}
            #midNav li a{
                border-left:1px solid #0096C0;
                border-right:1px solid #004471;
                color:#FFF;
                display:block;
                font-size:15px;
                padding:12px 0px 12px 0px;} 
            .ourServices li a{
                width:238px !important;}
            .aboutUs li a{
                width:238px !important;}
            #midNav .activeMid{
                  background:url(../Images/mid-bar-bg.jpg) repeat-x left -48px;}
            #midNav li a:hover{
                  background:url(../Images/mid-bar-bg.jpg) repeat-x left -48px;}
    
    #contentTop{
        background:url(../Images/content-top-bg.jpg) no-repeat top left;
        height:5px;
        margin:20px 0px 0px 0px;}    
    #content{
        background:url(../Images/content-bg.jpg) repeat-y top left;
        margin:0px;
        padding:20px;}
        #content a{font-weight:bold;}
        #content a:hover{text-decoration:underline;}
        #content span a{color:#88B2CE;}
        
        .pageIntro{
            margin:0px 0px 20px 0px;}
        .pageIntro img{
            float:left;
            margin:-12px 0px 0px 0px;}
        .pageIntro p{
            float:right;
            font-size:14px;
            line-height:21px;
            margin:0px;
            padding:12px 0px 0px 0px;
            width:580px;}
       
        #columnLeft, #columnMid, #columnRight{
            padding:0px 30px 0px 30px;
            width:247px;}
        #columnLeft{
            border-right:1px solid #c7c7c7;
            float:left;}
        #columnLeft.newsAndEventsHomepage h3{
            color:#A9C815;
            font-size:18px;
            font-weight:normal;
            font-family:Times New Roman;
            margin:0px 0px 4px 0px;
            text-shadow: none;}
         #columnLeft.newsAndEventsHomepage h3 a{
            color:#A9C815 !important; 
            font-weight:normal !important;}
        #columnLeft.newsAndEventsHomepage h4{font-size:16px;}
        #columnMid{
            border-right:1px solid #c7c7c7;
            float:left;}
        #columnRight{
            float:right;}
            
        #contentLeftSide{
            float:left;
            margin:12px 0px 0px 0px;
            width:650px;}
        #sideBarRight{
            background:#005c86;
            color:#FFF;
            float:right;
            width:240px;}
            #sideBarRight ul.child {margin-left: 15px;}
            #sideBarRight a{
                color:#A9C815;}
            #sideBarRight a:hover{
                color:#FFF;
                text-decoration:underline;}
            
        #pageQuote{
            background:#015A84 url(/Images/quoteStripes.jpg) repeat-y 375px top;
            color:#FFF;
            margin:0px -16px 0px 0px;
            padding:20px;            
            width:417px;}
            #pageQuote p{
                line-height:21px;
                text-indent:70px;}              
            #pageQuote span{
                display:block;
                height:37px;
                width:49px;}
                #pageQuote .openQuote{
                    background:#015A84 url(/Images/quoteOpening.jpg) no-repeat center top;
                    margin:0px 0px -15px 0px;}
                #pageQuote .closeQuote{
                    background:#015A84 url(/Images/quoteClosing.jpg) no-repeat center top;
                    float:right;
                    margin:25px 58px 0px 0px;
                    text-indent:0px;}
    #contentBot{
        background:url(../Images/content-bot-bg.jpg) no-repeat top left;
        height:4px;}       
                
                
                
                
    #footer{
        list-style-type:none;
        color:#FFF;
        clear:both;
        font-size:12px;
        margin:0px auto;
        padding:20px 0px 20px 0px;
        text-align:center;
        width:903px;}
        #footer li{
            display:inline;}
        #footer li a{
            color:#FFF;}
            
            
          
/* START LOGIN POP UP FORM */

#loginPopUp{
    background:#FFF;
    border-bottom:12px solid #A9C815; 
    box-shadow:2px 2px 2px rgba(73, 73, 73, .3);
    -webkit-box-shadow:2px 2px 2px rgba(73, 73, 73, .3);
    -moz-box-shadow:2px 2px 2px rgba(73, 73, 73, .3);
    margin:10px auto 0px auto; 
    padding:30px 25px 30px 25px; 
    width:230px;}
#loginPopUp label{float:left;}
#loginPopUp input{
    float:right; 
    padding: 3px;
    margin:-5px 0px 0px 0px;
    width:150px;}
#loginPopUp input.checkbox{
     width:120px;
     margin: 0px}
#loginPopUp .loginBtn{width:60px;}

.formLine{
    min-height:35px;}

/* END LOGIN POP UP FORM */


/* CONTACT FORM */

#contactForm{
    margin:0px 0px 0px 20px;
    width:500px;}
    #contactForm input{ 
        color:#8e8e8e;
        margin:5px 0px 5px 0px;
        padding:3px;
        width:210px;}
     #contactForm input:focus{ 
        color:#3d3d3d;}
    #contactForm label{
        display:block;}
    #contactForm .displayInline{
        display:inline;}
    #contactForm textarea{
        height:90px;
        margin:0px 0px 10px 0px;
        width:500px;}
    #contactForm select{
        margin:5px 0px 5px 0px;
        padding:3px;
        width:218px;}
    #contactForm .checkBox{
        height:13px;
        line-height:0px;
        margin:3px 10px 3px 0px;
        width:15px;}

    #contactForm .submit{
        background:#005c86;
        border:1px solid #A9C815;
        color:#FFF;
        cursor:pointer;
        font-weight:bold;
        width:100px;}


/* CONTACT FORM */

/* NEWS AND EVENTS */
.pager{text-align:right;}
.pageNum{list-style-type:none; text-align:right;}
.pageNum li{display:inline; padding:0px 0px 0px 5px;}
.pageNum li a{}
.article{margin:0px 0px 20px 0px;}
.srcDate{color:#88B2CE; display:block;}
.author{color:#88B2CE; display:block; font-style:italic; margin:0px 0px 10px 0px;}
.articleCopy{margin:10px 0px 0px 0px;}

/* NEWS AND EVENTS */


/* STAFF PAGE */

.staffBio{margin:0px 0px 10px 0px;}
.staffPic{float:left; margin:0px 10px 15px 0px;}
.staffPic1{float:right; margin:0px 0px 15px 10px;}
.borderBlue{border-top:none; border-left:none; border-right:none; border-bottom:1px solid #015A84; margin:15px auto 15px auto; width:500px;}

/* STAFF PAGE */

/* RECENT TRANSACTION */

.transGallery{list-style-type:none; margin:10px auto; width:720px;}
.transGallery li{float:left; margin:10px 20px 10px 20px;}
.transTn{border:2px solid #015A84; display:block;}

/* RECENT TRANSACTION */