/*******************************************

CSS for Rotary Ten site
  
COLOUR SCHEME:

#00CC99 = Green

#990099 = Plum

#336699 = Grey Blue

#E8E8E8 = Lightest Grey

#808080 = Light Mid Grey

#666666 = Dark Mid Grey

#404040  = Darkest Grey

*********************************************/
  
body {margin: 0 auto; padding: 0; background: #D8D8D8; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }

html {overflow-y:scroll;}

#skip-nav {width: 0; height: 0; overflow: hidden;}
 
#header {float: left; position: relative; margin: -1em; padding: 0;}

#header a:hover, focus {background: url ("images/rt_logo_green.png") no-repeat 0 0;}

#container {width: 84em; background: #fff; margin: 0 auto; padding: 4em 4em 1em 4em;}

#sidebar {float: left; clear: both; width: 20%; margin-top: 7.7em; padding: 0;}

#content {float: right; width: 80%;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

p {color: #606060; font-size: 1.3em; line-height: 1.4em; text-align: justify;}
 
h1 {font-family: 'Arial Black', sans serif; font-size: 2em; color: #404040; text-transform: uppercase; letter-spacing: .4em; margin: 0; padding: 1em 0; clear: both;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #404040; font-weight: 200; text-transform: uppercase; margin: 0; padding: 1em 0;}

ul {list-style: none; padding: 0; margin: 0;}

li {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #606060; margin: 0; padding: 0;}

a img {border: none;}

a:link {color: #990099; font-size: 1em; font-weight: normal; text-decoration: none; }
a:visited {color: #990099; text-decoration: none;}
a:hover {text-decoration: none; text-decoration: none;}
a:active {color: #990099; text-decoration: none;} 

.nav {float: right; width: 32em; margin: 0; padding: 0;}
	
.nav ul {margin: 0; padding: 0; list-style: none;}
	
.nav li {float: right; font-size: 1.2em; text-transform: uppercase;}
	
.nav a {float: left; margin: 0; padding: .4em .7em; color: #808080; text-decoration: none; border-right: 1px solid #00CC99; background: #fff;}
	
.nav a:hover, focus {color: #fff; background: #00CC99;}
	
.end a {border-right: none;}

.standard-image {margin: 2em 0; padding: 0;}

.contact-image {margin: 2em 0 5.3em 0; padding: 0;}

.sidebar {float: left; position: relative; margin: 0; padding: 0; list-style: none;}

.sidebar ul {margin: 0; padding: 0;}

.sidebar li {font-size: 1.2em; text-transform: uppercase; margin: 0; border-bottom: 1px solid #00CC99; background: #fff; padding: 1em 0;}

.sidebar a {text-decoration: none; color: #666;}

.sidebar li a:hover, focus {color: #00CC99;}

.box {width: 20%; float: left; margin: 0; padding: 0;}

.hide   /*Hide h2 in gallery*/ { position: relative; left: -999em;}

#footer {float: right; width: 50%; clear: both; text-align: right; margin-top: 2em;}

#footer ul li {font-size: 1.1em; margin: 0; padding-left: 1em; display: inline;}