@CHARSET "UTF-8";
/*
html, body {
	
    margin: 0;
    padding: 0;
  
}
*/
.hidden{ 
	display:none;
}
.yellowBorder{
	border-style:solid;
	border-color:yellow;
	
	}
	
.greenBorder{
	border-style:solid;
	border-color:green;
	
	}
	
.redBorder{
	border-style:solid;
	border-color:red;
	
	}
	
.clear{
	   clear:both;
	  }
	   
.clearTop{
	    position:relative
	    left:100px;
	    padding: 25px;
	} 
	
.error-notification{
	
	border: 1px #A259656 solid;
	height: auto;
	padding: 4px;
	background: #F8F0F1;
	text-align: center;
	-moz-boder-radius:5x;
	
}

h1{
	/* Strip magins and paddings besides h1 elements which are defaults*/
	margin:0;
	padding:0;
	
	}

#page-container{
	width: 760px;
	margin: auto;
	/*background: red; */	 
}

#main-nav {
    background: red;
    height: 50px;
}

#header {
    background: blue;
    height: 150px;
}

#sidebar-a {
	float: right;
    width: 280px;
    background: darkgreen;
}


#content {
	margin-right: 280px;
    background: green;
}


#footer {
	clear:both;
    background: orange;
    height: 66px;
}

#pgAnounce{
	
	width:944px; 
	height:209px;
	/*background:blue;*/
	 
	}

#leftDiv{
	  left:3px;
	  width:629px;
	  top:175px;
	  float:left;
	}
#pghImage{
	float:left;
	width:310px; 
	height:211px;
	border-bottom:5px solid green;
	
	}

#meetingAnouncements{
	left:320px; 
	top:175px;
	height:207px;
	width:318px; 
	float:right;
	border-top:5px solid red;
	border-bottom:5px solid red;
	background:yellow;
	/*
	overflow-y:auto;*/
	
	}
	
	
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#Cff;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	/*background-image:url(../img/overlay/close.png);*/
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#0fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}
	
#rotatingImages{
	  height:207px;
	  /*width:3px;*/
	  float: right;
	  border-top:5px solid green;
	  border-bottom:5px solid yellow;
	}
/* +++++++++++++++++++++++++++++++++ Home Menu ++++++++++++++++++++++++++++++ */

#nav, #nav ul {
	   margin:0;
	   padding:0;
	   list-style-type:none;
	   list-style-position:outside;
	   position:relative;
	   line-height:1.7em;
	}
	
	#nav a:link, #nav a:active, #nav a:visited{
	   height: 2em;
       line-height: 2em;
	   display:block;
	   padding:1px 15px;
	   /*border:1px solid #333; */
	  border: 0.1em solid #dcdce9;
	  color:#fff;
	 
	  text-decoration:none;
	  background-color:green;
	}
	
	#nav a:hover{
	
	  background-color:#fff;
	  color:#333;
	 
	}
	
	#nav li{
	  margin: 0 0.15em;
	  float:left;
	  position:relative;
	}
	
	#nav ul{
	  position:absolute;
	  width:12.5em;
	  top:1.5em;
	  display:none;
	}
	
	#nav li ul a{
	  width:12.5em;
	  float:left;	
	}
	
	#nav ul ul{
	 
	  top:auto;
	
	}
	
	#nav li ul ul{
	 
	  left:12em;
	  margin:1px 0 0 10px;
	
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	   
	   display:none;
	}
	
	#nav li:hover ul , #nav li  li:hover ul , #nav li li li:hover ul, #nav li li li  li:hover ul{
	 
	    display:block;
	
	} 

/* ++++++++++++++++++++++++++++++++++++++ meeting Overlay styles    +++++++++++++++++++++++++++   */
	
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	/*
	margin:0 0 0 0;
	padding:0 0 0 0;
	*/
	background-color:#FFFFFF;
	background-image:url(../public/images/bg_home_event.jpg);
	background-repeat:no-repeat;
	/*height:150px;*/
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../public/lightbox/images/close.gif);
	background-repeat:no-repeat;
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
	
	/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(../public/images/bg_meetingOverlay.jpg);
		color:#efefef;
		height:600px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}
	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++   */	

#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#members td, #members th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#members th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#members tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

/* Styles:  showMembers.php page  */
#addmemberId{
	position:fixed;
	top:250px;
    right:350px;
	   
}