/** generic **/

body {
    margin           : 0;
    padding          : 0;
    background-color : #FFFFFF;
    color            : #000000;
}

a, a:link, a:visited, a:active {
    text-decoration   : none;
    color             : #0000CC;
}

a:hover {
    text-decoration : underline;
    color           : #003366;
}

h1, h2, h3, h4, h5 {
    color            : rgb(0,102,153);
    font-family      : Verdana;
    font-weight      : bold;
}

p {
    color       : #000000;
    font-family : Verdana;
    font-size   : 11px;
    text-indent : 0px;
}

ul {
    text-align : left;
}

li {
    font-family : Verdana;
    font-size   : 11px;
}

span {
    font-family : Verdana;
}

table {
    border-collapse    : collapse;
    margin             : 0;
    padding            : 0;
    /* table-layout       : auto; */
}

tr {

}

td {
    font-family    : Verdana;
    margin         : 0;
    padding        : 0;
    vertical-align : top;
    text-align     : left;
}

/** page **/
div#pageContainer {
    margin  : 0 auto;
    border  : 1px solid #ccc;
    padding : 0;
    width   : 775px;
}

/** header **/

tr#headerTop td {
    background-color : rgb(0,102,153);
}

tr#headerBottom td {
    background-color : rgb(0,102,153);
}


/** menu **/

td#menu {
    background-color : rgb(0,102,153);
    margin           : 0;
    padding          : 0;
    vertical-align   : top;
}

td#menu h1 {
    background-color : rgb(0,102,153);
    color            : #FFFFFF;
    margin           : 0;
    padding          : .4em 0 .4em .8em;
    text-align       : left;
    font-size        : 11px;
    font-weight      : bold;
    font-family      : arial, helvetica, sans-serif;
}

td#menu p {
    font-family      : Verdana;
    background-color : rgb(0,102,153);
    color            : #FFFFFF;
    margin           : .4em 0 .4em .8em;
}

td#menu div.sidelink {
    font-family      : Verdana;
    background-color : rgb(0,102,153);
    color            : #FFFFFF;
    margin           : 0;
    padding          : .2em .5em .1em .5em;
}

td#menu a, td#menu a:link, td#menu a:visited, td#menu a:active {
    color           : #FFFFFF;
    font-family     : arial, helvetica, sans-serif;
    font-size       : 12px;
    font-weight     : normal;
    text-decoration : none;
}

td#menu a:hover {
    color           : #FFFFFF;
    font-family     : arial, helvetica, sans-serif;
    font-size       : 12px;
    font-weight     : normal;
    text-decoration : underline;
}


/** content **/

div#main {
    margin : 0 auto;
    border : 0;
    padding : 0;
    width : 880;
    background-image : url('../lagunaniguel/images/lagunaNiguelBackground.jpg');
    background-repeat : repeat;
}

td#main {
    vertical-align    : middle;
    padding-left      : 10px;
    color             : rgb(0,102,153);
    background-color  : rgb(0,102,153);
    font-size         : 11px;
    font-family       : arial, helvetica, sans-serif;
    font-weight       : bold;
}

td#content {
    background-color : #FFFFFF;
    padding-top      : 15px;
    padding-right    : 15px;
    padding-left     : 15px;
    padding-bottom   : 15px;
    vertical-align   : top;
    font-size        : 11px;
}

/** footer **/

td#footerLeft {
    background-color : rgb(0,102,153);
}

td#footerRight {
    background-color : #B9B9B9;
    vertical-align   : middle;
    padding-top      : 15px;
    padding-right    : 15px;
    padding-bottom   : 15px;
    padding-left     : 15px;
}

/** forms **/

input[type="text"] {
    font-family : Verdana;
    font-size   : small;
    height      : 22px;
}

select {
    font-family : Verdana;
    font-size   : small;
    height      : 22px;
}

option {
    font-family : Verdana;
    font-size   : small;
    height      : 18px;
}

label {
    font-family : Verdana;
    font-size   : small;
}

td.formLabel {
    font-family    : Verdana;
    font-size      : small;
    margin         : 0;
    border-width   : 0;
    border-spacing : 0;
    vertical-align : top;
    text-align     : left;
}


/** misc **/

span.large {
    font-family : Verdana;
    font-size   : large;
}

span.small {
    font-family : Verdana;
    font-size   : x-small;
}


/** calendar styles **/

table.calendar {
    margin           : 0;
    border           : 1px solid #000000;
    border-collapse  : collapse;
}

.backButton {
    float:left;
    clear:none;
}

.nextButton {
    float:right;
    clear:none;
}

.monthName {
    text-align : center;
}

.calendar tr {
    vertical-align   : top;
}

.calendar th, th.weekDayCell {
    border           : 1px solid #000000;
    padding          : 3px 3px 3px 3px;
    background-color : #FFFFFF;
    font-family      : Verdana;
    font-size        : small;
    text-align       : center;
}

.calendar td, td.dayCell  {
    border           : 1px solid #000000;;
    padding          : 3px 3px 3px 3px;
    background-color : #FFFFFF;
    font-family      : Verdana;
    font-size        : x-small;
}


/** site-specific **/

.siteLight {
    background-color : rgb(0,102,153);
}

.siteDark {
    background-color : rgb(0,102,153);
}

td.siteDark {
    background-color  : rgb(0,102,153);
    color             : #FFFFFF;
    font-size         : 11px;
    font-family       : arial, helvetica, sans-serif;
    font-weight       : bold;
    padding-left      : 10px;
    vertical-align    : middle;
}

td.siteLight {
    background-color  : rgb(0,102,153);
    color             : #FFFFFF;
    font-size         : 10px;
    font-family       : arial, helvetica, sans-serif;
    font-weight       : bold;
    vertical-align    : top;
}

p.siteTitle {
    color       : #000000;
    font-family : Verdana;
    font-size   : 14px;
    font-weight : bold;
    text-align  : center;
    text-indent : 0px;
}

p.title {
    color       : #000000;
    font-family : Verdana;
    font-size   : 14px;
    font-weight : bold;
    text-align  : center;
    text-indent : 0px;
}

p.construction {
    font-family : Verdana;
    font-size   : medium;
    font-weight : bold;
}


/** events **/

td.events {
    color            : #000000;
    font-family      : Verdana;
    font-size        : small;
    margin           : 0;
    border-width     : 0;
    border-spacing   : 0;
    text-align       : left;
    vertical-align   : top;
}

b.eventTitle {
    color           : #000000;
    font-family     : Verdana;
    font-weight     : bold;
    text-transform  : uppercase;
}


/** email styles **/

td.emailHeader {
    background-color : rgb(0,102,153);
    color            : #FFFFFF;
    border-width     : 0;
    border-spacing   : 0;
    border-style     : solid;
    font-family      : Verdana;
    margin           : 0;
    text-align       : center;
    vertical-align   : top;
}

td.emailSubheader {
    background-color : rgb(0,102,153);
    color            : #FFFFFF;
    border-width     : 0;
    border-spacing   : 0;
    border-style     : solid;
    font-family      : Verdana;
    font-size        : small;
    font-weight      : bold;
    margin           : 0;
    vertical-align   : middle;
}

td.addressBook, p.addressBook {
    color       : #222222;
    font-family : Verdana;
    font-size   : 9px;
    text-align  : center;
}


/** header **/

td.header {
    border-width     : 0;
    border-spacing   : 0;
    font-family      : Verdana;
    font-size        : large;
    margin           : 0;
    text-align       : center;
    vertical-align   : top;
}


/** middle **/

td.middle {
    border-width   : 0;
    border-spacing : 0;
    font-family    : Verdana;
    margin         : 0;
    text-align     : left;
    vertical-align : middle;
}


/** footer **/

td.footer {
    border-width     : 0;
    border-spacing   : 0;
    font-family      : Verdana;
    font-size        : xx-small;
    margin           : 0;
    text-align       : center;
    vertical-align   : top;
}


/** from pages, eliminate duplication **/

body#mainBody {
    background-color : RGB(153, 153, 153);
    color            : #000000;
    margin           : 0;
    padding          : 0;
}

table#calendarTable {
    margin : 0;
    padding : 0;
}

div#mainMenu {
    margin  : 0;
    border  : 0;
    padding-top : 9em;
    padding-left : 1em;
    padding-bottom : 10em;

    text-align : left;
}
div#mainMenu p {
    line-height : normal;
}
div#mainMenu br {
    line-height : .5em;
}
div#mainMenu a, div#mainMenu a:link, div#mainMenu a:visited, div#mainMenu a:active {
    text-decoration   : none;
    color             : rgb(0, 102, 153);
}
div#mainMenu a:hover {
    text-decoration : underline;
    color           : rgb(0, 102, 153);
}
div#mainMenu b {
    color : rgb(0, 102, 153);
}

td#heading {
    margin : 0;
    border : 0;
    width : 880px;
    height : 84px;
    background-image : url('../lagunaniguel/images/lagunaNiguelTop.jpg');
    background-repeat : no-repeat;
}

td#indexHeading {
    margin : 0;
    border : 0;
}

td#heading h1 {
    font-size : 20px;
    font-family : Georgia, serif;
    text-align : center;
    font-variant: small-caps;
    color : rgb(0, 102, 153);
}

td.pageSideLinks p {
    display : block;
    margin: .5em 1em 0 1em;
    border: 1px solid #000;
    padding: .3em .6em;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

td.pageSideLinks ul {
    margin  : 0;
    padding : 0;
}

td.pageSideLinks li {
    margin : 0;
    list-style-type: none;
}
td.pageSideLinks a {
    display : block;
    text-decoration : none;
    margin: .5em 1em 0 1em;
    border: 1px solid rgb(0, 102, 153);
    padding: .3em .6em;
    font-size: 12px;
    color : rgb(0, 102, 153);
}
td.pageSideLinks a:hover {
    color : rgb(255, 255, 255);
    background-color : rgb(0, 102, 153);
    text-decoration: none;
}
td.ZpageSideLinks a:before {
    content : "::";
}