/* Morro Bay website 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: #F8FCFD ; 
	font-size: 12pt;}

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

* {   box-sizing: border-box; } 

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: #181070;
	padding:0;
	text-align:center
}

#print {	display:none;	}

/** colors for match play grid  **/
.grey   {background-color: rgb(204, 204, 204);}
.yellow {background-color: rgb(255, 255, 204) };


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

#heading {
	height:240px;  
}

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

#menus {
	margin-left: 0px; margin-right:0px;
	padding:0px; 
	background-color: #21a9a7;
	height:25px;
 	}

#menus li{
	float:left; 
	list-style-type:none;
	white-space:nowrap;
	color:white;	
	}

#menus li a{
	display:block;
	padding: 0 22px;
	margin-top: 5px;
	font-size:9pt;
	font-weight:bold;
	background-color:inherit;
	color:white;	
	text-decoration:none;
	}

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

 .topnav a:hover {
   background-color: white;
 	text-decoration: none;
   color: #21a9a7;
 }

 .topnav a.active {
   background-color: #21a9a7;
   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:14pt;font-weight:bold;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:#21a9a7;
	}

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

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

	a.userMenu {
		color: black;
		font-weight: bold;
		text-decoration: none;
	}
	
/**	a.userMenu:link, a.userLink:visited,  {
		color: black;
		font-weight: bold;
		text-decoration: none;
		}  **/
	a.userMenu:hover,  a.userLink:active{
		 background-color: #181070;	
		text-decoration:underline;
		font-weight: bold;
		color: white;
		}

.titlesXX {
	font-size:14pt;
	font-weight:bold;color: #181070;
	text-decoration:underline;
	}

/*** Winners  ***/

.winners { margin:0px 10px 10px 10px; font-family: verdana; font-size: 14pt; }

.winners h3 { font-size:14pt; font-weight:bold;color: #181070; text-decoration:underline; }

.winners td {height: 27px;}

.winners th {text-decoration:underline;color: #181070;}

/***** Solid Blue Line *****/

.bluebar {
border-width:2px; border-style:solid; border-color:#181070;
margin-left: 20px; margin-right:20px;
}

/**** NCGA Event details ****/

#ncgaEvent {
	margin:0px 10px 10px 10px;
	padding:0;
	font-size: 12pt;
	text-align:left;
	}

#ncgaEvent h3 {
	color: rgb(153, 0, 0);
	font-size: 16pt;
	font-weight: bold
}

.ncgaEventGreen {
	color: rgb(0, 102, 0);
	font-weight: bold;
	font-size: 14pt;
	text-decoration: underline;
}

.ncgaEventBold {
	font-weight: bold;
	font-size: 14pt;
}

/***** 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: #21a9a7;  /** 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:  #181070;  /** web dark blue  **/
	text-decoration: none;
    color: white;
}

     /** Rewew online  Button **/
.buttonRenew {
    background-color: #21a9a7;  /** web  teal blue  **/
	border-radius: 12px;
    border: none;
    color: white;
    padding: 20px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
	font-weight: bold;
    margin: 4px 2px;
    cursor: pointer;
}
.buttonRenew:hover {
    background-color:  #181070;  /** web dark blue  **/
	text-decoration: none;
    color: white;
}
/*** for member guest info screen   ***/
.mgHeadings {
	font-weight: bold;
	color: rgb(0, 0, 153);
	font-size: 18px;	
	vertical-align: top;
}	

/**  Various types of events in schedule  ****/
.eventNCGA, .eventNCGA2 {
	font-weight: bold;
	font-size: 14pt;
	color: rgb(0, 0, 153);	
}

.eventClub, .eventClub2 {
	font-weight: bold;
	font-size: 14pt;	
	color: rgb(153, 51, 153);	
}

.eventSpecial {
	font-weight: bold;
	font-size: 14pt;	
	color: rgb(0, 102, 0);	
}

.eventWork {
	font-weight: bold;
	font-size: 14pt;	
	color: rgb(0, 102, 0);	
}

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

.congrats {
	color: #cc9933;
	font-weight: bold;
}


.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;
}

.leftMenuSide {
	border-right: 3px solid #21a9a7;
	background-color: #f8fcfd;
	width: 180px;
	text-align:center;
	padding:0;
}


.leftMenuHead {
	color: #181070; text-decoration:underline; font-size: 13pt; font-weight:bold;
}

a.menuButton {
	text-decoration: none;
	color: #21a9a7;
	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: #21a9a7;
	color: #f8fcfd;
}

.flightHeader {
	text-align:center;
    background-color: rgb(255, 255, 204); 
    font-weight: bold;
	}

.sub  {background-color:#21aca7;    font-weight:bold; color:white; height: 30px;}
.subBig  {background-color:#21aca7;    font-weight:bold; color:white; height: 50px; padding:25px;font-size:16px;}
.sub2 {background-color:lightseagreen; font-weight:bold; color:white; height: 25px;}
