/* === STYLE SHEET FOR APPLICATION SITE === */
/* --- Style sheet created August 2008 - ILMB Web Services --- */
/* --- Sections arranged:
* wrapper
    * topBookmark
    * navigationLinks
    * header
    * pageLayout
        * leftColumn
    * footer
        * footerToTop
        * footerLinks

/* == Suggested Attribute order:
    * float
    * clear
    * width
    * height
    * position
    * display
    * margin
    * padding
    * list-style
    * font (family - size - weight)
    * letter-spacing
    * line-height
    * text (align - decoration - indent)
    * vertical-align
    * border
    * color
    * background (color - image)
    * other
== */

/* ====== FORMATTING FOR IMAGES ====== */
    img.startPageImage { float: right; margin: 0 0 0 10px; }


/* ====== FORMATTING FOR BODY ====== */
    body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background-color: #FFFFFF; }


/* ====== FORMATTING FOR H1 TO H6 ====== */
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #0066CC;
background-color: transparent;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #336699;
background-color: transparent;
}

h3 {
margin-bottom: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000000;
background-color: transparent;
}


/* ====== FORMATTING FOR START PAGE BOX ====== */
table.startPageBox {
width: 99%;
margin-bottom: 15px;
border: 1px solid #666666;
}
table.startPageBox td { padding: 6px; }

table.noBorder {
border-collapse: collapse;
border-style: none;
}

img.imageFloatRight {
	float: right;
	padding: 0px 0px 0px 10px;
}

img.imageFloatLeft {
	float: left;
	padding: 0px 10px 0px 0px;
}



/* ====== FORMATTING FOR OFFICE IMAGES AND YELP PIECES ====== */

.office-location{ float:right; margin-top:24pt; max-height:300px; max-width:400px; width:50%; border:0; margin-left:12pt; }

div.yelp{ float:right; }
div.yelp img { vertical-align:top; }
div.yelp h2{ display:inline; }

/* ====== FORMATTING FOR TAB CONTAINER (2 pixel Black #000000 border) ====== */
    #tabContainer { width: 99%; margin: 20px 0 0 0; padding: 0; border-collapse: collapse; border-style: none; }
    #tabContainer thead td { margin: 0; padding: 0; }
    #tabContainer img { display: block; }
    #tabContainer tbody td { width: 25%; padding: 20px; text-align: left; vertical-align: top; border-top: 2px solid #000000; border-left: 2px dashed #000000; border-bottom: 2px solid #000000; }

        a.fullCellLink { display: block; width: 100%; height: 100%; text-decoration: none; color: #000000; background-color: transparent; }


#vfcbcBanner { width: 99%; margin: 0; padding: 0; border-collapse: collapse; border-style: none; background-image: url(../../images/fcbc/portal_topleft.gif); background-repeat: no-repeat; background-position: top left; }

    /* ----- Formatting for the Blue Navigation Link Area ----- */
        #vfcbcBannerLinks {  }

            /* ----- Formatting for Blue Navigation Links (Black #000000 on Blue #6699CC) ----- */
                #vfcbcBannerLinks { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 13px; list-style: none; background-color: #014A8E; }
                #vfcbcBannerLinks li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; }
                #vfcbcBannerLinks a { text-decoration: none; color: #FFFFFF; background-color: transparent; }
                #vfcbcBannerLinks a:hover { color: #E3A82B; background-color: transparent; }


/* ====== FORMATTING FOR DATA TABLES (1 pixel Grey #333333 border) ====== */
	table.formFinder { width: 99%; margin-bottom: 1.50em; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #333333; border-left: 1px solid #333333; font-size: 11px; }
	table.formFinder thead td { font-weight: bold; text-align: center; background-color: #EEEEEE; }
	table.formFinder td { padding: 0.20em; border-top: 1px solid #333333; border-right: 1px solid #333333; }
	tr.even { background-color: #FFFFCC; }
    table.formFinder a { color: #000000; }

        td.centered { text-align: center; vertical-align: middle; }


/* ====== FORMATTING FOR FORMS INDEX ====== */
    #formIndex { width: 100%; margin-bottom: 1.50em; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #333333; border-left: 1px solid #333333; }
    #formIndex td { padding: 0.20em; font-size: 1.20em; text-align: center; border-top: 1px solid #333333; border-right: 1px solid #333333; color: #999999; }


/* ====== FORMATTING FOR PAGE SECTION LINKS ====== */
    #fcbcHomePage { border-top: 1px solid #999999; border-bottom: 3px double #999999; color: #003399; background-color: transparent; }
    #fcbcHomePage ul { margin-top: 10px; margin-bottom: 10px; list-style-image: url(/shared/images/fcbc/yellowArrowList_bullet.gif); }
    #fcbcHomePage ul li { padding-bottom: 3px; }


/* ====== FORMATTING FOR TO INDEX LINK ====== */
    div.toIndex { float: right; padding: 4px; background-color: #999999; }
    div.toIndex a { font-size: 0.80em; }


/* ====== FORMATTING FOR OFFICE LOCATION MAP ====== */
    #locationMap { width: 500px; height: 500px; margin: 0 auto 2.00em auto; border: 1px solid #000000; }


/* ====== FORMATTING FOR MAPPING BUTTON ====== */

table.mappingButtonContainer {
width: 99%;
margin: 0;
padding: 0;
border-collapse: collapse;
}
table.mappingButtonContainer td {
text-align: center;
}


div.mappingButton {
width: 150px;
height: 35px;
margin: 10px;
font-weight: bold;
text-align: center;
line-height: 35px;
color: #FFFFFF;
background-image: url(../../../images/fcbc/mapping_button.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div.mappingButton a {
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}

#fcbcToolFeedback textarea {
border: 1px solid #666666;
background-color: #FFFFCC;
}

input.formtext {
margin-top: 6px;
border: 1px solid #666666;
background-color: #FFFFCC;
}