/* LLME HOA styles
/***** Body and main container *****/
/**	background:#dbf2ff ; old pretty light blue **/
body {
	margin:0 auto;	padding:0;	font:76% Verdana,Tahoma,Arial,sans-serif;
	background: aliceBlue ; 
	font-size: 16px;}

.mainTable {
	background:white; border: 3px solid royalBlue; 
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding:0;
}

table {margin-left:auto;margin-right:auto}


td  {  vertical-align:top; padding: 3px; }
	
th  {  vertical-align:bottom; padding: 3px; }	

h2  {
	font-size:16pt;
	font-weight:bold;
	color: royalBlue;
	padding:0;
	text-align:center
}

h3  {
	font-size:14pt;
	font-weight:bold;
	color: royalBlue;
	text-align:center
}
#print {	display:none;	}


/***** Header *****/

#heading {
	height:240px;  
}

.headTitle {
font-size:18pt;
font-family:verdana;
font-weight:normal;
color: royalBlue;
text-align:center;
}


 .topnav {
	   overflow: hidden;
	 	margin-top: 5px;
	   background-color: royalBlue;
	 }
 .topnav a {
   float: left;
   color: white;
   text-align: center;
   padding: 8px 13px;
   text-decoration: none;
   font-size: 13px;
 	font-weight: bold;
 	border: 2px solid royalBlue;
 	}

 .topnav a:hover {
   background-color: white;
 	text-decoration: none;
   color: royalBlue;
 }

 .topnav a.active {
   background-color: royalBlue;
   color: white;
	 }
/***** Main content *****/

#content {
margin:0px 20px 10px 20px;padding:0;text-align:left;
font-family: verdana;
font-size: 12pt;
}

#content p {
font-family: verdana;
font-size: 12pt;
}

#content h3 {
font-size:1.5em;font-weight:normal;margin:6px 0 6px 0;padding:0;
}

#content a {
font-weight:bold;
}

#content ul {
margin:0 0 16px 20px;
padding:0;
}

#content li {
margin:0 0 2px 10px;
padding:0 0 0 4px;
}

#subMenu {
	font-size:9pt;	
	background-color:white ;
	text-align: center;
	font-weight:bold;
 	}
	#subMenu ul  {
		list-style-type:none;
		margin:0;
		padding-top:2px;
		padding-bottom:4px;
	}
	#subMenu li{
		display:inline;
		list-style-type:none;
		white-space:nowrap;
		color:royalBlue;
	}

	#subMenu  a{
		background-color:white ;
		color:royalBlue;	
		padding:2px 9px  4px 9px;
		text-decoration:none;
	}

	#subMenu  a:hover{
		background-color: royalBlue;	
		color: white;
		text-decoration: none;
	}


/***** Various tags *****/

a {
text-decoration:none;background-color:inherit;
}

a:hover {
text-decoration:underline;color:#286ea0;background-color:inherit;
}

a img {border:0;}

p {margin:0 0 16px 0;}

/*** Various classes *****/

/** Entry Button **/
.buttonEntry {
    background-color: royalBlue;  /** web  teal blue  **/
	border-radius: 12px;
    border: none;
    color: white;
    padding: 12px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight: bold;
    margin: 4px 2px;
    cursor: pointer;
}
.buttonEntry:hover {
    background-color:  darkBlue;  /** web dark blue  **/
	text-decoration: none;
    color: white;
}

.buttonSlides {
  background-color: royalBlue;  
  border: none;
  color: white;
  padding: 4px;;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
/**  Various types of events in schedule  ****/
.eventHoliday   { 	font-weight: bold;  	font-size: 14pt;  	color: black; }

.eventMonthly {  	font-weight: bold;      font-size: 14pt;	color: royalBlue;	}

.eventAnnual {  	font-weight: bold;      font-size: 14pt;	color: darkBlue;	}

.eventGeneral {  	font-weight: bold;   	font-size: 14pt;	color: darkGreen;	 }

.eventBoard {
	font-weight: bold;
	font-size: 14pt;	
	color: green;	
}

.eventWarning {
	font-weight: bold;
	font-size: 14pt;	
	color: red;	
}


.userMenu {
	color: black;
	font-weight: bold;
	text-decoration: none;
}
/** For images margin-right: 10px;**/

.leftImage {  	float: left; 	margin: 10px 10px 10px 0; }

.rightImage {  	float: right;  	margin-left: 10px; }

a.menuButton {
	text-decoration: none;
	color: royalBlue;
	font-size: 14px;
	font-weight: bold;
}

a.menuButton:link, a.menuButton:visited {
	text-decoration:none;
	background-color: inherit;		
}
 
a.menuButton:hover, a.menuButton:active {
	background-color: royalBlue;
	color: white;
}

.leftMenuSide {
	border-right: 3px solid royalBlue;
	background-color: white;
	width: 185px;
	text-align:center;
	vertical-align: top;
	padding:0;
}
.leftMenuHead {
	color: royalBlue; text-decoration:underline; font-size: 13pt; font-weight:bold;
}
.sub  {background-color:royalBlue;    font-weight:bold; color:white; height: 30px;}
.sub2 {background-color:CornflowerBlue; font-weight:bold; color:white; height: 25px;}