/* CSS Document */
body {
		font: small/1.6em Verdana, Helvetica, Ariel, sans-serif;
		font:1em;
		color: #0066CC;
	
	}
#page {		
		
		width:99%;
		background-color:#FEF8E2;
		padding:2px;
		margin-left:auto;
		margin-right: auto;
		Position:relative;
		color: #0066CC;
		}
#topdiv {		
		Padding:0;
		border:#000099 1px solid;
		Height:40px;
		background-color: #0099CC;
		z-index:99;
		}
#hrtop {
		width:60em;
		display:none;
		}
		
#leftsidebar{		
		position: absolute;
		top:50px;
		left:3px;
		background-color:white;
		float:left;
		font-size:.8em;
		
		}
#leftsidebar a:hover	{	
		color:white;
		display: compact;
		background-color:#0099FF;
		}
#leftsidebar a	{
		text-decoration:none;
		color: #003399;		
		}

#leftsidebar li	{
		margin-left:-2em;
		}
#rotary h3{
		position:absolute;
		top:1px;
		left:60px;
		text-align:center;
		font-size:1.2em;
		background:white;
		
		
		}	
#club h3{
		position: absolute;
		top:200px;
		left:60px;
		text-align:center;
		font-size:1.2em;
		background:white;
		
		}		
#diary h3{
		position:absolute;
		top:444px;
		left:40px;
		text-align:center;
		font-size:1.2em;
		background:white;
		
		}			
#Photos h3{
		position:absolute;
		top:604px;
		left:30px;
		text-align:center;
		font-size:1.2em;
		background:white;
		
		}			
.infodiv	{		
		color: #0066CC;
		width:13.5em;
		z-index:2;		
		}
.infodivblank	{		
		
		color: #0066CC;
		width:12.5em;
		z-index:2;		
		}

#logodiv{		
		position:absolute;
		top:1em;
		left:100px;
		background:transparent;
		z-index:99;
	
		}
#leftdiv {
		background-color: red;
		border:1px solid blue;
		width:75px;
		height:400px;
		border-top:none;
		position:absolute;
		top:0px;
		left:0px;
		}
		
#centre	{
		position:absolute;
		top:0px;
		left:0px;
		width:60px;
		height:60px;
		}
		

#banner	{
		text-align:center;		
		}


#topnavbar li	{
		float:left;
		clear:right;
		text-align:center;	
		background-position:center;
		border:1px solid white;
		background:url(Images/mainNavBorder.gif) left top repeat-y;
		background:#faa819 url(images/mainNavBg.gif) repeat-x;	
		}
#topnavbar a	{
		display:block;
		padding:0em 1em;
		line-height:2.1em;
		text-decoration:none;
		
		color:#fff;
		font-weight:bold;
		
		}
#navbar	ul{
		
		list-style:none;
		width:38em;
		margin-left:auto;
		margin-right: auto;
		
			
		}
		
#topnavbar a:hover	{
		color:#333;
}

#links{		
		Position:absolute;
		top:50px;
		right:2em;
		z-index:99;		
		background-color:white;
		text-align:center;
		margin-top:4px;		
		width:4em;
		padding-top:0px;
		padding-right:1.5em;
	
		}
#Charities hr {
		width:6em;
		height:1px;
		color:#E2E2E2;
		border:thin;
			
		}
#Charities  {
		width:7em;
		color: #6633CC;
		padding:2px;
		float:right;
		z-index:99;	
		}
#Charitiesblank {
width:7em;
}
.infodiv2	{
		border:2px solid #0066CC;
}
.infodiv2 h4 {
		font-size:1em;
		color: #0066CC;
		line-height:1em;
		}	
#rightopblock	{
		background-color:#FFFF66;
		color:blue;
		border: #0099FF 1px solid;
		padding:2px;
		}
#contents	{
	position:absolute;
	top:1em;
	left:12em;
	padding:4px;
	height:50em;
	
	
	text-align:center;
	font-weight: bold;
	border:1px none red;
	
	margin-right:8em;	
	
		}

.Historyquote	{
		border:2px solid orange;
		font-size:1em;	
		padding:4px;
		background-color:#0099FF;
		color:white;
		font-weight:bold;
		width:30em;	
		text-align:center;	
		margin-left:auto;
		margin-right:auto;	
		}
#rightalign	{
		text-align:right;
		}		
#wrapper	{
	float:right;
	width:80%;
	margin-left:4%;
	
	border:1px none red;
	margin-top:4px;
	background-color: #FEF8E2;
		}
legend {
		text-align:right;
}
#large	{
		font-size:1.5em;
}
.Leftquote	{
		float:left;
		margin-right:4px;
		
}
#rightquote	{
		float:right;
}
#welcome{
		font-size:1.2em;
		color:blue;
		text-align:center;	
}
#undertitle	{
		font-size:1em;
		font-style:italic;
		color:#FF9933;
		text-align:center;
		}
#text	{
		text-align:center;
		font-weight:bold;
		}
em{
		font-size:26px;
		}
.nodecor	{
		text-decoration:none;
		color:white;
		}
.nodecor:hover{		
		color:blue;
		display: compact;
		background-color:white;		
		}
#contents2	{
	width:80em;
	height:50em;
	position:absolute;
	top:11em;
	float: left;
	text-align:center;
	font-weight: bold;
			}
.whatisrotary	{
		
		font-size:1.1em;	
		background-color: #00FFCC;
		color:white;
		font-weight:bold;
		
		display:block;
}
#whatiscontents	{
		text-align:center;
		background-color: #FEF8E2;
		color:#003399;
		Padding:5px;
		width:98%;
		margin-left:14px;
		
		
		
		}
.clubcontents {
		background-color: #0052A4;
		color:white;
		padding:2px;
		}
.titletext, .titletext a:link, .titletext a:visited	{
		color: blue;
		text-align:center;
		clear:both;
		}
.titletext2	{
		font-size:1.2em;
		color:#0099FF;
		font-style:normal;
		font-weight:bolder;
			}
.centerlarger	{
		text-align:center;
		color: #3366FF;
		font-size:1.3em;
		}
.listbox, listbox2	{
	padding:2px;
	border:2px solid blue;
	padding-left:20px;
	text-align:left;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	
		}
.listbox2 {
	width:30em;
	text-align:left;
	border:6px double blue;
	padding:10px;
	}
.floatleft {
		
	float:left;
	margin:10px;
}
.outline {
	border:1px solid navy;
}
.detailsbox	{

		border:4px groove #FFFFCC;
		text-align:left;
		padding:4px;
		}
.Picture{		
		border:4px double blue;		
		margin:10px;
		}
.red {
		color:red;
		
}
		

.largecapital {
		font-size:1.5em;
		}
		.clear {
  clear: both;
}

table {
  border-collapse: collapse;
  border: 1px solid #666;
}

caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}


thead {
  background: #ccc url(images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  vertical-align: middle;
  font-size:1.2em;
  font-weight: 600;
}

th {
  text-align: center;
}

th, td {
  padding: 0.1em 1em;
  border:1px black solid;
}

.odd {
  background-color:#edf5ff;
}

tr:hover {
  background-color:#CCFF99;
  color:navy;
}

thead tr:hover {
  background-color: transparent;
}
.box2	{

	background-color:#000099;
	color:white;
	
	}
#DateCol{
	text-align:right;
	}
.frame	{
				border:2px white solid;
				}
#photothumbs a:hover	{
				border:red 2px dotted;				
				}
#photothumbs a	{
				border: 2px white solid;
				
				}
#dragon a:hover	{
				background:url(Photos/Dragon.jpg);
				}
#innerwheel td {
		border:none;
		}
#innerwheel	{
		border:1px #00CCFF solid;
		}
.piccenter	{
		width:300px;
		height:270px;
		border:2px solid #FFCC33;
		background-image:url(Photos/innerwheel.jpg);
		margin-left:auto;
		margin-right:auto;
		}
#pic2	{
		text-align:center;
		}
.left {
		float:left;
		clear:left;
				}
.tablecenter, .BriansTable	{
		margin-left:auto;
		margin-right:auto;
		width:auto;
		max-width:70%;
		}
.smalllogo	{
		float:left;
		clear:right;
		margin-right:30px;
		}
#helpedtable	{
		margin-left:auto;
		margin-right:auto;
		}
.leftsidehr {
	width: 50%;
	}
	.tablewidth{
	width:5em;
	}
.centertext {
	text-align:center;
	font-style:italic;
	}