﻿body {
    font-family:Arial;
    font-size:13px; 
    color:black;
}

#slideshow_wrapper {
    float:right; 
    padding:10px;
}

.content-slideshow {
    width:225px;
    height:200px;
}

.content-image {
    width:225px;
}

.content-ad {
    width:225px; 
    
    margin-top:5px; 
    border:ridge 1px silver;
}

.content-ad p {
    font-family:Arial; 
    font-size:16px; 
    color:Gray;
    margin:10px;
    height:205px;
}

.content-ad p span {
    font-family:Arial; 
    font-size:20px; 
    color:Gray;
 }

.quicklinks-ad {
    height:275px;
    width:175px;
    margin-top:5px;
    background-color:White;
    border:ridge 1px silver;
}

.quicklinks-ad p {
    font-family:Arial; 
    font-size:16px; 
    color:Gray;
    margin:10px;
}

.quicklinks-ad p span {
    font-family:Arial; 
    font-size:20px; 
    color:Gray;
}

.banner-ad {
    height:100px;
    width:750px; 
    margin-left:12px; 
    margin-top:10px;
    margin-bottom:15px; 
    color:White; 
    border:ridge 2px silver;
	text-align:center;
}

.banner-ad p {
    font-family:Arial; 
    font-size:16px; 
    color:Gray;
    margin:10px;
	text-align:left;
}

.banner-ad p span {
    font-family:Arial; 
    font-size:20px; 
    color:Gray;    
}

.banner-ad a {
	border:none;
	}

.banner-ad img {
	height:100px;
	width:750px;
	border:none;
	}

.title-large {
    font-size:17px; 
    color:#277559;
}

.title-small {
    font-size:14px; 
    color:#4865ae;
}

#main_content_wrapper {
    padding:10px;
}

p {
    margin:0px;
    padding-bottom:10px;
}   

ul {
    margin-top:5px;
    margin-left:0px;
    padding-left:25px; 
    list-style-type:disc;
}

/* These classes are for aligning the Staff Photo in DIVs on the AboutUs_Chamber page */

#left-column {
    float:left;
    width:275px;
}

#right-column {
    float:right; 
    width:275px;
}

#left-column p {
    float:left; 
    font-weight:bold; 
    margin-left:10px; 
    margin-top:0px;
}

#right-column p {
    float:left; 
    font-weight:bold; 
    margin-left:10px; 
    margin-top:0px;
}

.staff-container {
    height:110px; 
    padding:5px;
}

.staff-photo {
    float:left; 
    height:100px; 
    width:100px; 
    margin-left:10px; 
    border:solid 1pt black;
}

.staff-name {
    color:#4865ae;
}

.emailIcon {
    width:50px; 
    height:40px; 
    vertical-align:middle; 
    border:none;
}

/* Styling for Feature Businesses Section */
.feature_business {
}

.feature_business_logo {
    float:right; 
    width:200px;
    margin:5px;
}

/* These classes are for substituting DIVs for html tables for editing purposes */
.column-container {
    width:535px; 
    height:auto; 
    margin-top:5px; 
    margin-bottom:15px;
}

.column-left  {
     
    max-width:50%;
    margin-right:5px;
}

.column-right {
    float:right; 
    margin-right:5px; 
    max-width:50%;
}

.column-container-wide {
    width:auto; 
    height:auto; 
    margin-top:5px; 
    margin-bottom:15px;    
}

.column-wide {
    margin-right:5px;
}

.column-3-section 
{
    float:left;
    max-width:33%;
    margin-right:5px;
}

/* This is styling for the "Photos For Download" section on the ABF_Media page */
.photos-for-download 
{
    width:100px;
    border: 2px solid silver;
    padding:2px;
    margin:5px;
    vertical-align:top;
}

.photos-for-download-tall
{
    width:75px;
    border: 2px solid silver;
    padding:2px;
    margin:5px;
}

.photos-for-download-link 
{
    text-decoration:none;
    color:White;
    font-size:16px;
}

/* These classes are for any Masked Edit or validation controls */

.MaskedEditFocus {
    background-color:lightyellow;
}

.MaskedEditInvalid {
    background-color:lightred;
}
