/*
 * $Id: styles.css 1169 2020-01-01 07:03:59Z ken $
 * $URL: file:///home/ken/Dropbox/svn/www/Ulysses/trunk/public_html/css/styles.css $
 */
h1 {color:#0000A0; font-family: helvetica; }
h2 {color: #0000A0; }
h3 {color: #0000A0; }
.hi1 {background-color:#ffc0c0; font-family: helvetica; margin-left: 10%; margin-right: 10%;  }
.hi2 {color: #400040; font-family: helvetica; font-weight: bold; margin-left: 10%; margin-right: 10%; }
.hi3 {color: #400040; font-family: helvetica; font-weight: bold; }

.li1 {background-color:#ffc0c0; font-family: helvetica;  font-weight: lighter; }

span.light { font-weight: lighter }
span.highlight {color: red; font-size:20; }
p.highlight {color: red; font-size:20; }
span.highlight_norm {color: red; }
p.highlight_norm {color: red; }
span.red {color: red; }
p.red {color: red; }
span.alert {color: maroon; font-size:20; }
p.alert {color: maroon; font-size:20; }
span.notice {color: purple; }
p.notice {color: purple; }
span.text {color: #0000ff; ; font-family: sans-serif; font-weight: normal; }
p.text {color: #0000ff; ; font-family: sans-serif; font-weight: normal; }
span.small {font-size: 80%; }
p.small {font-size: 80%; }
span.title {font-size:200%; color:red; }
p.title {font-size:200%; color:red; }
span.desc {font-size:120%; color:black; }
p.desc {font-size:120%; color:black; }
table.dinner { font-weight: bold; }
table.dinner img { padding-top: 10px; padding-bottom: 10px }
table.dinner td { padding-top: 10px; padding-bottom: 10px }

span.sale {color: green; }
span.xmas {color: red; font-size:30; }
span.quote {font-weight:normal; font-family:arial; font-style:italic; }

div.new {background: #c0ffc0; }

#ann1 {font-family: sans-serif; font-size: 70%; font-weight: bold; color: #800000; background-color: #ffffe0 }

#menu a:link {  /* unvisited link */
  color:#0000FF;
  text-decoration:none;
}
#menu a:visited { /* visited link */
  color:#0000FF;
  text-decoration:none;
} 
#menu a:hover {  /* mouse over link */
  color:red;
  background:#00ff00;
  text-decoration:none;
}
#menu a:active { /* selected link */
  color:#0000FF;
  text-decoration:none;
}
#menu p { line-height: 90%; }

#menu select { font-size: 100%; width: 130px; font-weight: bold; }
#menu option { font-size: 80%;}

#menu {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10em;
	height: 100%;
	border: 1px solid #fc0;
	background:#ccffcc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0000FF;
	text-align: center;
}
*>#menu {position: fixed}  /* a hack for IE6 */


#menuHeader {
	font-size: 20;
	font-weight: bold;
	color:#000000;
}

#content {
	margin-left: 10em;
	height: 100%
}

.left  { position: left:  3%; width: 46%;}
.right { position: right: 3%; width: 46%;}

#about {font-family:Arial, Helvetica, sans-serif;  margin-left: 5%; margin-right: 5%;}

#activities h1 { color:#0000A0; text-align:center }
#activities th { color:#800080; font-size:150%; font-weight:heavy; font-family:Arial, Helvetica, sans-serif; text-align:center }
#activities td {font-size:120%; font-family:Arial, Helvetica, sans-serif; }

#committee { color:#330066; background-image:url("../images/Backgroundrides.jpg"); }
#committee h3 {font-style:italic; font-weight:bold; font-size:100%; margin-bottom:4; margin:0; }
#committee th { vertical-align:top; padding:0; }
#committee td {font-weight:normal; color:#800000; font-family:Arial, Helvetica, sans-serif; vertical-align:top; text-align:center}

#calendar { font-family:Arial,Helvetica,sans-serif; background-image:url("../images/Backgroundrides.jpg"); }
#calendar h1 { margin-bottom:4; margin-top:0; color:#c00000;}
#calendar h2 { margin-bottom:0; margin-top:0;}
#calendar h3 { margin-bottom:4; margin-top:4;}
#calendar th {font-size:150%; color:#800000; text-align:left;}
#calendar tr.next {background-color: #40c040}
#calendar td {font-weight:bold; text-align:left;}

#eventcalendar { font-family:Arial,Helvetica,sans-serif; background-image:url("../images/Backgroundrides.jpg"); }

#classifieds { background-image:url("../images/ulysses_SA.jpg"); }
#classifieds table {
	width: 96%;
	border: 2px solid black;
}
#classifieds td {
	border: 1px solid black;
	padding: 4px;
}

#events {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#events body {
	text-align: center;
}
#events table {
	margin-left: auto;
	margin-right: auto;
}
#events table#wednesday_rides td {
	text-align: left;
}

#events h3 {
	padding-bottom: 0px;
	margin: 0px;
}

#home {
	font-family:Arial,Helvetica,sans-serif;
    font-weight:normal;
    background-color:#FFFFC0;
    text-align: left;
}
#home2 {
    font-weight:bold;
    background-color:#D0D0A0;
    text-align: left;
}
#home table {
}
#home h1 {
	font-face: Times New Roman,Times;
	text-color: #0000FF;
	text-size: 20em;
}
.centred_block {
	font-weight: normal;
	float: inherit;
	clear: both;
	position: relative;
	text-align: left;
	background-color: #e0c0d0;
}

#library { font-family:Arial,Helvetica,sans-serif; background-image:url("../images/lifestyle%20copy.jpg"); }
#library th { font-size:20; color:#800000; text-align:center }
#library tr	{ text-align:center; }
#library h2	{ color:#0000A0; }

#magazine { font-family:Arial,Helvetica,sans-serif; }

#search { font-family:Helvetica,sans-serif; font-size:20px; background:#ffffcc; }

.dropbtn {
	border: 2x solid #fc0;
	background:#ccffcc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0000FF;
	font-size: 100%;
	text-align: center;
	cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
	color:red;
	background:#00ff00;
	text-decoration:none;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	/*min-width: 160px;*/
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding: 4px;*/
	text-decoration: none;
	display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}