/* body styles */

body,
html {
margin-top:2px;
padding:0;
background:#a7a09a;
color:#000;
font-family: Arial, Helvetica, sans-serif; font-size: 12px;
background-image: url('/images/CondoBgd.gif');
background-repeat: repeat;
background-attachment: fixed;
}
body {
min-width:750px;
}

td{
font-family: Arial, Helvetica, sans-serif; font-size: 12px
}

div{
font-family: Arial, Helvetica, sans-serif; font-size: 12px
}


#container
{
width:90%;
padding:0px;
background:#000066;
margin:0 auto;
border:solid #000000; 
border-width:1px 1px 1px 1px;
display: table;
}

#container
{
min-width:750px;
}
#container
{
max-width:900px;
}

.tableStyle
{
width:100%;
border:0px;
padding:0px;
border-collapse: collapse;
}

#header
{
height:70px;
padding:0px;
background:#000066;
color:#FFF;
text-align:center;
font-size:30px;
font-weight:bold;
background-image: url('/images/headerBgd.jpg');
position:relative;
z-index:10;
}


#navLeft
{
width:50%;
padding:2px;
background:#666699;
}

#navRight
{
width:50%;
padding:2px;
background:#666699;
text-align:right;
}

.navMenu
{
padding-right:10px;
color:#FFF;
font-weight:bold;
}

.navMenu2
{
padding-right:10px;
color:#FFF;
font-weight:bold;
}

.navMenu:hover
{
text-decoration:underline;
}

#contentLeft
{
width:1%;
padding:0px;
background:#000066;
vertical-align:top;
}

#menuGraphic
{
color:#FFF;
font-weight:bold;
margin:0px;
padding-top:15px;
padding-left:20px;
padding-right:20px;
padding-bottom:0px;
background:#000066;
vertical-align:top;
text-align:center;
clear: both;
}


#leftMenuContainer
{
margin:0px;
padding-left:20px;
padding-right:20px;
background:#000066;
vertical-align:top;
clear: both;
}

#menuGraphicOwners
{
color:#FFF;
font-weight:bold;
margin:0px;
padding-top:15px;
background:#000066;
vertical-align:top;
text-align:center;
}

.leftMenu
{
padding-bottom:4px;
}

.leftMenuLink
{
padding:0px;
color:#FFF;
font-weight:bold;
text-decoration:none;
}

.leftMenuLink:hover
{
text-decoration:underline;
}

.leftMenuLink3
{
font-size: 11px;
padding-left:5px;
padding-right:5px;
color:#CC0000;
font-weight:bold;
background:#FFFFFF;
text-decoration:none;
}

.leftMenuLink3:hover
{
text-decoration:underline;
}



#contentRight
{
width:99%;
padding:0px;
background:#FFF;
vertical-align:top;
}

#associationPicture
{
padding-top:5px;
padding-bottom:5px;
padding-left:25px;
width:1%;
}

#associationCaption
{
padding-top:30px;
padding-bottom:5px;
padding-left:10px;
vertical-align:top;
width:99%;
}

#contentMenuSpacer
{
width:175px;
height:400px;
}

.tableContentStyle
{
width:90%;
border:0px;
padding:0px;
border-collapse: collapse;
margin:auto;
}

#tableContentLeft
{
width:60%;
padding:0px;
vertical-align:top;
}

#tableContentRight
{
width:39%;
padding:0px;
vertical-align:top;
}



#aboutAssociationTitle
{
padding:4px;
background:#666699;
color:#FFF;
font-weight:bold;
border:1px solid #666699;
}


#aboutAssociationContent
{
margin-top:20px;
padding:10px;
border:1px solid #CCCCCC;
}


#associationDocumentsTitle
{
margin-top:40px;
padding:4px;
background:#666699;
color:#FFF;
font-weight:bold;
border:1px solid #666699;
}


#associationDocumentsContent
{
margin-top:20px;
padding:10px;
border:1px solid #CCCCCC;
}


#associationEvents
{
padding:4px;
background:#666699;
color:#FFF;
font-weight:bold;
border:1px solid #666699;
}


#associationEventsContent
{
margin-top:0px;
padding-top:5px;
padding-bottom:20px;
padding-left:15px;
padding-right:35px;
}


table.tableEventsStyle td {
padding: 5px;
}


#calendar
{
padding:2px;
background:#666699;
text-align:center;
color:#FFF;
width:175px;
font-weight:bold;
border:1px solid #666699;
text-align:center;
}


.main {
width:170px;
border:2px solid #666699;
padding:0px;
color:#FFFFFF;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}

.month {
background-color:#666699;
font:bold 12px arial;
color:white;
}

.daysofweek {
background-color:#778899;
font:bold 12px arial;
color:white;
}

.days {
font-size: 12px;
font-family:arial;
color:black;
background-color: #E5E5E5;
padding: 2px;
}

.days .today{
font-weight: bold;
color: #000;
}

.xdays{
font-weight: bold;
color: #FFFFFF;
}

.xdaysclear{
font-weight: bold;
color: #000;
}

#dropCap
{
margin-right:6px;
margin-top:5px;
float:left;
color:#000;
background:#EEEEEE;
border:1px solid #555555;
font-size:60px;
line-height:45px;
padding-top:2px;
padding-right:5px;
font-family:times;
}

#homepageWelcome
{
margin-right:30px;
text-align:center;
}

#magheadbigunder
{
border-bottom:5px solid #D4D4C7;
color:black;
background:transparent;
text-decoration:none;
font-size:28px;
}




#pageContent
{
width:90%;
margin-top:20px;
margin-bottom:0px;
margin-left:35px;
margin-right:30px;
vertical-align:top;
}

.pageContentBar
{
margin-top:15px;
padding:4px;
background:#666699;
color:#FFF;
font-weight:bold;
border:1px solid #666699;
}

.pageContentBlock
{
margin-top:18px;
padding:10px;
border:1px solid #CCCCCC;
}

.pageContentForm
{
margin-top:18px;
padding-top:0px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
border:1px solid #CCCCCC;
}

.pageLoginContentBlock
{
margin-top:18px;
padding-top:0px;
padding-left:10px;
padding-right:0px;
padding-bottom:0px;
border:1px solid #CCCCCC;
}

.pageContentClear
{
margin-top:15px;
padding:10px;
border:1px solid #FFF;
}


.contentTopMenu
{
padding-right:0px;
color:#000;
font-weight:bold;
text-decoration:none;
}

.contentTopMenu:hover
{
text-decoration:underline;
}

.ulBoardMembers
{
padding:0;
padding-left:20px;
margin:0;
}

.ulDocuments
{
padding:0;
padding-left:20px;
margin:0;
}

.daysclear {
font-size: 12px;
font-family:arial;
color:#E5E5E5;
background-color: #E5E5E5;
padding: 2px;
}

.mainpage {
width:100%;
border:2px solid #666699;
padding:0px;
color:#FFFFFF;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}

.events {
font-size: 12px;
font-family:arial;
font-weight: bold;
color: #FFF;
}