/*
	Purpose:	Global CSS Document for Circle Events
	Site:		www.circle-events.co.uk
	Author:		Distinction Limited
	Version:	1.00 (June / July 2007)
	
	Revisions:	None
*/

/* --------------------------------- */
/* STANDARD TAGS ------------------- */
/* --------------------------------- */

body {
	margin: 0; 
	padding: 0; 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #00a4e8 url("../images/site/bg.jpg") repeat-x top left;
	}

h1 {
	font-size: 1.4em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
	
h2 {
	font-size: 1.2em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
	
h3 {
	font-size: 1.0em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}

p {
	font-size: 1em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

li {
	font-size: 1em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

a:link {
	color: #00adef;
	text-decoration: underline;
	}

a:visited {
	color: #731472;
	text-decoration: underline;
	}

a:active {
	color: #731472;
	text-decoration: underline;
	}

a:hover {
	color: #00adef;
	text-decoration: none;
	}

/* --------------------------------- */
/* LAYOUT TAGS --------------------- */
/* --------------------------------- */

#container {
	position: relative;
	width: 900px;
	margin: 0px auto;
	z-index: 1;
	}	

#header {
	position: relative;
	float: left;
	width: 100%;
	z-index: 2;
	clear: both;
	display: block;
	}

#logo {
	position: relative;
	float: left;
	width: 300px;
	padding: 20px 0px 20px 0px;
	text-align: left;
	z-index: 3;
	}

#strap {
	position: relative;
	float: right;
	width: 550px;
	padding: 30px 0px 0px 0px;
	text-align: center;
	z-index: 4;
	}

#navigation {
	position: relative;
	float: left;
	width: 100%;
	clear: both;
	z-index: 6;
	border-bottom: 1px solid #731472;
	}

#content {
	position: relative;
	float: left;
	width: 100%;
	z-index: 5;
	display: block;
	background: #fff url("../images/site/bg_content.gif") repeat-x top left;
	}

#contentMain {
	position: relative;
	float: left;
	width: 520px;
	text-align: left;
	padding: 15px;
	}

#goGreenBG {
	background-image: #3294ea url("../images/site/bg_gogreen.jpg") no-repeat bottom left;
	}
	
#contentSide {
	position: relative;
	float: right;
	width: 310px;
	text-align: left;
	padding: 15px;
	}

#contentCloser {
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	}

#contentCloserLeft { 
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	}

#contentCloserMiddle { 
	position: relative;
	float: left;
	width: 860px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	}

#contentCloserRight { 
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	}

#footer {
	position: relative;
	float: left;
	width: 100%;
	z-index: 5;
	display: block;
	}

#footerLeft {
	position: relative;
	float: left;
	width: 520px;
	text-align: left;
	padding: 8px 15px;
	}

#footerRight {
	position: relative;
	float: right;
	width: 310px;
	text-align: right;
	padding: 8px 15px;
	}

/* --------------------------------- */
/* NAVIGATION TAGS ----------------- */
/* --------------------------------- */

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

#navigation ul li {
    background: url("../images/site/tab.png");
    float: left;
    margin: 0 3px 0 0;
    padding-left: 20px;
	}

#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:hover {
    background: url("../images/site/tab.png") 100% 0;
    color: #fff;
    display: block;
    float: left;
    line-height: 2.5em;
    padding-right: 20px;
	text-decoration: none;
	}

#navigation ul li a:hover {
	text-decoration: underline;
	}

#navigation ul li.current {
    background-color: #eee;
    background-position: 0 -49px;
	}

#navigation ul li.current a:link,
#navigation ul li.current a:visited,
#navigation ul li.current a:hover {
    background-color: #eee;
    background-position: 100% -49px;
	color: #333;
	}

#navigation ul li.current a:hover {
	text-decoration: none;
	}
	
/* --------------------------------- */
/* FORMATTING TAGS ----------------- */
/* --------------------------------- */

#logo img {
	border: 0px;
}

#strap h2 {
	color: #666;
	padding: 4px;
	margin: 0px;
}

#contentMain h1,
#contentSide h1 {
	color: #666;
	}

#contentMain h2,
#contentSide h2 {
	color: #00a4e8;
	}
	
#contentSide ul#events,
#contentSide ul#events li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
	
#contentSide ul#events li {
	height: 45px;
	text-align: center
	}

#contentSide ul#events li img {
	border: 0px;
	}
	
#contentMain p,
#contentSide p,
#contentMain li,
#contentSide li {
	line-height: 2em;
	color: #444;
	text-align: justify;
	}
	
#contentSide form p {
	text-align: center;
	}
	
#footerLeft p,
#footerRight p {
	color: #fff;
	}
	
#footerLeft a:link,
#footerLeft a:visited,
#footerRight a:link,
#footerRight a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#footerLeft a:hover,
#footerRight a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
#access {
	visibility: hidden;
	height: 0px;
	}
	
#contentMain p.center,
#contentSide p {
	text-align: center;
	}
	
#contentMain p.right {
	text-align: right;
	}

#contentMain h1.dark,
#contentMain p.dark {
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
	}
	
div#onlineRegLogin {
	position: relative;
	width: 85%;
	background-color: #e5e5e5;
	border: 1px solid #ccc;
	margin: 10px auto;
	text-align: left;
	}
	
div#onlineRegLogin h1 {
	color: #000;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	}

div#onlineRegLogin p {
	color: #000;
	padding-left: 15px;
	padding-right: 15px;
	}