/* Massapequa Park Merchants Assoc Project (massapequapark.net) */
/* Created by: Mark D'Agosta, StateSide Software, Inc. */
/* Create Date: Jan. 11, 2009 */

/* Main Style Sheet */

@import url(sytleprep.css);
@import url(styletables.css);

/* ***** Master Page section styles ***** */
body 
{
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #999999  /* #cccccc; */
}

#wrapper 
{
    /* background-color: #cccccc; */
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #e1e1e1;
    border-left: solid 3px #000000;
    border-right: solid 3px #000000;
}

#colwrapper1 
{
    /* Used to force the left sidebar graphic to cover the entire height of the left sidebar */
    background: url(images/leftSidebar.gif) repeat-y left top;
    float: left;
}

#colwrapper2 
{
    /* Used to force the right sidebar graphic to cover the entire height of the right sidebar */
    background: url(images/rightSidebar.gif) repeat-y right top;
    float: left;
}

#headerContent
{ 
    /* header section */
    background-color: #000000;
}

#topMenu 
{
    background-color: #000000;
    font-family: Geneva, Tahoma, Arial, Serif;
    font-size: 9pt;
    font-weight: bold;
    padding: 0 10px 0 10px;
    color: #FAC323;
}

#dividerTop 
{
    /* divider near top of page */
    background-color: #000000;
    border-top: solid 3px #FAC323;
    height: 4px;
    clear: right;    
}

.leftContent
{
    /* left-side container */
    width: 190px;
    float: left;
}
.leftContentInside 
{
    padding-left: 8px;
}
.leftitem 
{
    /* For all other left-column items, below the News 12 link */
    margin: 25px 0 0 2px;
    display:block;
    float: left;
    width: 170px;
    text-align: center;
}

.rightContent 
{
    /* right-side container */
    width: 190px;
    float: left;
}
#rightContentInside 
{
    margin: 0 4px 0 4px;
    padding: 0 4px 0 12px;
    border-bottom: solid 2px #000066;
}

#mainContent 
{
    /* main (central) container */
    width: 514px;
    background-color: #fff;
    line-height: 1.2em;
    float:left;
}
#mainContentInside 
{
    margin: 0 2px 0 2px;
    padding: 20px 8px 0 8px;
    text-align: center;
}

#dividerBottom
{
    /* divider near top of page */
    background-color: #000000;
    border-bottom: solid 3px #FAC323;
    height: 4px;
    clear: both;
}

#footerContent 
{
    /* footer section */
    background: #000000 url(images/footerback.gif) repeat-y top left;
    border-top: solid 4px #000000;
    clear: both;
}

.cpyRight 
{
    /* Custom copyright notice formatting */
    font-family: Arial;
    font-size: 9pt;
    color: #FAC323;
    text-align: right;
    line-height: 1.3em;
    padding: 5px 2px 5px 2px;
}

.cpyRight a 
{
    color: #fac323;
}

.cpyRight a:hover 
{
    color: #fff;
    font-weight: bold;
}

.cpyRight a:visited 
{
    color: #fac323;
}
 
/* ***** Paragraph Styles ***** */
h1 
{
    color: #152D6A;
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: solid 3px #FAC323;  /* #B2F511; */
    font: normal 2.0em Impact, "Arial Narrow", sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
	text-transform: uppercase;
}

h2 
{
    font-family: Geneva, Tahoma, Arial, Serif;
    font-size: 16pt;
    font-weight: bold;
    color: #000066;
    border-bottom: solid 3px #A5E10F;
    margin-bottom: 20px;
    padding: 0 0 10px 10px;
}

h3 
{
    font-family: Geneva, Tahome, Arial, Serif;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 10px;
}

.primaryParagraph 
{
    /* First paragraph on each page */
    margin-bottom: 14px;
    font-family: Geneva, Tahoma, Arial, Serif;
    font-size: 12pt;
    font-weight: normal;
    line-height: 1.2em;
}

.primaryParagraph:first-letter 
{
    color: #152D6A;
    font: normal 1.7em Impact, "Arial Narrow", sans-serif;
    letter-spacing: 1px;
	text-transform: uppercase;    
}

.contentParagraph 
{
    /* All other standard paragraphs */
    margin-bottom: 12px;
    font-family: Geneva, Tahoma, Arial, Serif;
    font-size: 12pt;
    font-weight: normal;
    line-height: 1.1em;
}


/* Navigation menus */
ul#topNav 
{
    margin: 0;
    padding: 0;
    list-style: none;
    border-right: solid 1px #000066;
    border-bottom: solid 1px #000066;
    float: right;
}
ul#topNav li 
{
    float: left;
    width: 10em;
}
ul#topNav a 
{
    display: block;
    border-top: solid 7px #000066;
    border-bottom: none;
    border-left: solid 1px #000066;
    border-right: none;
    padding: 5px 0 7px 0;
    margin: 0;
    background-color: #0066ff;
    background-image: url(images/blue-box.gif);
    background-repeat: no-repeat;
    background-position: 5% 40%;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
}
ul#topNav a:hover 
{
    font-weight: bold;
    background-color: #0099ff;
    text-decoration: underline;
    color: #FAC323;
}

ul#leftNav 
{
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
    float: left;
    width: 90%;
    border-bottom: solid 1px #000066;
}
ul#leftNav a 
{
    display: block;
    border-top: solid 1px #000066;
    border-bottom: none;
    border-left: solid 7px #000066;
    border-right: solid 1px #000066;
    padding: 8px 5px 8px 20px;
    background-color: #0066ff;
    background-image: url(images/blue-box.gif);
    background-repeat: no-repeat;
    background-position: 3% 50%;
    text-decoration: none;
    color: #ffffff;
}
ul#leftNav a:hover 
{
    font-weight: bold;
    background-color: #0099ff;
    text-decoration: underline;
    color: #FAC323;
}

#rightTitle 
{
    background: url(images/bluehatch.gif) repeat-y top left;
    font-family: Geneva, Tahoma, Arial, Serif;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    color: #A5E10F;
    padding: 5px 5px 5px 10px;
    margin: 10px 0 0 0;
    border-top: solid 2px #000066;
    border-left: solid 2px #000066;
    border-right: solid 2px #000066;
}

.rightStory 
{
    border-top: solid 2px #000066;
    border-right: solid 2px #000066;
    border-left: solid 2px #000066;
    padding: 7px 5px 7px 7px;
    text-align: center;
}

.rightStory h2
{
    padding: 0 2px 2px 2px;
    font-family: Geneva, Arial;
    font-size: 11pt;
    font-weight: bold;
    border: none;
}

.rightStory p 
{
    padding-bottom: 7px;
}

#featureItem a
{
    display: block;
    font-size: 9pt;
    font-weight: bold;
    color: #000066;
    background: url(images/feature_bug.gif) no-repeat 50% 1%;
    padding: 35px 5px 7px 7px;
    text-decoration: none;
}

#featureItem a span 
{
    font-size: 10pt;
}

#featureItem a:hover 
{
    background-color: #FAC323;
}

#featureItem:hover 
{
    /* For browswers other than Internet Explorer, this will highlight
        the entire box */
    background-color: #FAC323;
}

#merchCorner 
{
    display:block;
}

#merchCorner a 
{
    text-decoration: none;
}

#merchCorner a:hover 
{
    background-color: #FAC323;
}

#merchCorner:hover 
{
    /* For all browsers, other than IE, highlight the entire box */
    background-color: #FAC323;
}

#merchCorner span.storyTitle 
{
    margin-bottom: 10px;
    font-size: 11pt;
    font-weight: bold;
    display: block;
}

#merchCorner span.contentParagraph 
{
    margin-bottom: 10px;
    padding: 0 2px 2px 2px;
    font-family: Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    display: block;
}

#newMembers 
{
    display:block;
}

#newMembers a
{
    text-decoration:none;
}

#newMembers a:hover 
{
    background-color: #FAC323;
}

#newMembers:hover 
{
    /* For all browsers, other than IE, highlight the entire box */
    background-color: #FAC323;
}

#newMembers span.storyTitle 
{
    margin-bottom: 10px;
    font-size: 11pt;
    font-weight: bold;
    display: block;
}

#newMembers span.contentParagraph 
{
    margin-bottom: 10px;
    padding: 0 2px 2px 2px;
    font-family: Geneva, Arial;
    font-size: 10pt;
    font-weight: normal;
    display: block;
}

.nodisplay 
{
    display:none;
}

.imgStandard 
{
    margin: 5px 0 10px 0;
    border: solid 2px #000066;
}

#news12 
{
    float: left;
    margin: 15% 0 0 13%;
    display:block;
}

.alignLeft 
{
    float: left;
    padding: 5px 0 5px 0;
}

.alignRight 
{
    float: right;
    padding: 5px 0 5px 0;
}

/* Internet Explorer fixes */
* html .rightStory a {
    /* Right-hand column */
	height: 1px;
}

#leftNav li 
{
    display:inline;
}

* html #leftNav a 
{
    height: 1px;
}

.sigLine 
{
    /* For signature lines */
    font-family: Geneva, Tahoma, Arial, Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    padding: 3px 15px 0 0;
    margin: 0;
}

.boxText
{
    background-color: #1e90ff;
    color: #fff;
    padding: 10px;
    border: solid 2px #191970;
}

.darkLink:link { color: #fff; }
.darkLink:hover { color: Yellow; font-weight: bold; }
.darkLink:active { color: #eaeaea; font-weight: normal; }
.darkLink:visited { color: #fff; font-weight: normal; }

/* New class for Events Page list items */
.eventList 
{
    font-family: Geneva, Tahoma, Arial, Serif; 
    font-size: 12pt; 
    font-weight: normal;
    margin: 10px 0 15px 125px;
    padding-left: 50px;
    list-style-type: disc;
    text-align: left;
}

ul.eventList li 
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 0 5px 0;
}