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

STYLESHEET CONTENTS
1. HTML Tags
2. Layour Divs
3. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation
4. General Formatting Classes

COLOUR SCHEME

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

/********************* HTML Tags ********************/
* { margin: 0px;
	padding: 0px;
	border: 0px;
outline:none; }

html {	min-height:100%;
		margin-bottom:1px;}	

body {	
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/pageBG.jpg) top no-repeat #000;
	font-size: 12px;}

p {	
	color: #606060;
	font-size: 13px;
	line-height: 150%;
	margin-bottom: 15px;}
	
p a {	
	color: #606060;
	text-decoration: underline;}

p a:hover {	
	text-decoration: none;}

li {list-style-type: none;}

a { 
	text-decoration:none;}

h1 {	
	font-size: 32px;
	color: #B2C023;
	font-weight: bold;
	margin: 15px 0;}
	
h2 { 
	color: #B2C023;
	font-size: 25px;
	font-weight: bold;
	margin: 25px 0 15px 0;}
	
h3 { 
	color: #B2C023;
	font-size: 18px;
	font-weight: bold;
	margin: 25px 0 10px 0;}
	
h4 { 
	color: #606060;
	font-size: 15px;
	font-weight: bold;
	margin: 18px 0 5px 0;}
	
h5 { 
	color: #606060;
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0 5px 0;}
	
/* Image Replacement */
h1 span, h2 span, h3 span, h4 span {	display:none;}

.galleryImage { 	background:url(../images/imageShadow.png) bottom right no-repeat;
	padding: 0 7px 10px 0;}	

	
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {
	width: 990px;
	margin: 0 auto;}
	
#contentColumn {	
	float: left;
	width: 767px;
	border-right: #818181 1px solid;
	border-bottom: #818181 1px solid;
	background: url(../images/bodyBG.jpg) top right no-repeat #FFF;}

#infoColumn {		
	float: left;
	width: 222px;
	height: 1140px;
	background: url(../images/sideBarBG.png) top left repeat-y;}
			
#header {	}		
	

#footer {	
	width: 767px;
	text-align: center;}
				
#mainNav {	}
			
#subNav {	}

/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */

#accessibilityBar {
	float: right;
	margin: 16px 25px 0 0;}

#accessibilityBar, #accessibilityBar a {
	color: #666666;
	font-weight: bold;
	font-size: 11px;}
	
#accessibilityBar a:hover {
	text-decoration:underline;}

/* -------- End Header -------- */

/* -------- Footer -------- */

#footerLinks {
	color: #CCC;
	font-size: 12px;
	padding: 20px 0;
	clear: both;}

#footerLinks a {
	font-size: 12px;
	color: #CCC;
	margin: 0 10px;}

#footerLinks a:hover {	
	text-decoration: underline;}

#copyright {
	color: #999999;
	padding-bottom: 20px;}


/* -------- End Footer -------- */

/* -------- Navigation -------- */

#mainNav{
	clear: both;
	padding: 180px 0 0 20px;}

#mainNav ul{	}

#mainNav li{	
	float: left;}

#mainNav a{
	color: #4B4B4B;
	font-size: 17px;
	padding: 4px 9px;
	font-weight: bold;
	background: url(../images/mainNavBar.gif) right no-repeat;
outline:none; }

#mainNav a.last {
	background-image: none;}	

#menu a.mainNavActive, #menu a.mainNavActive:hover{
	color: #FFF;
	background-color: #B2C023;
	text-decoration: none;}

#menu a:hover{	
	text-decoration: underline;}

#subNav {	}

#subNav li {	
	border-bottom: 1px solid #E5E5E5;
	width: 200px;}
				
#subNav li a {	
	color: #4B4B4B;
	font-weight: bold;
	line-height: 288%;
	display: block;}
				
#subNav a.subNavActive, #subNav a:hover {
	color: #00ADEF;}

/* -------- End Navigation -------- */


/* -------- Content Column -------- */

#content {	
	float: left;
	width: 502px;
	padding: 45px 10px 10px 20px;
	position: relative;}

#content ul {
	margin-top: 10px;}
	
#content ul li {
	color: #606060;
	font-size: 13px;
	margin: 5px 0 5px 15px;
	list-style-type: disc;}	
	
#rightColumn {
	float: left;
	width: 219px;
	padding: 45px 0 0 16px;
	height: 700px;
	position: relative;
	z-index: 100;}

#rightColumn h2 {
	color: #00ADEF;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 15px 0;}
	
#newsList {}

#newsList li {
	margin: 15px 0 0 0;
	list-style-type: none;}	

#newsList li p {	
	line-height: 140%;
	font-size: 12px;
	margin: 0px 5px 10px 5px;}

#newsList li img {	
	background:url(../images/imageShadow.png) bottom right no-repeat;
	padding: 0 7px 10px 0;}

#newsList li .readMore {
	margin-left: 109px;}

#newsList li .readMore img {
	background: none;}
	
#supportedBy {
	background:url(../images/supportedByBG.jpg) bottom right no-repeat;
	clear: both;
	height: 185px;
	padding: 0 0 20px 20px;
	position: relative;
	z-index: 10;}	
	
#supportedBy li {
	float: left;
	margin: 15px 25px 10px 10px;
	list-style-type: none;}	
	
#welcomePanel {
	background:url(../images/homeWelcomeBG2.jpg) top left no-repeat;
	width: 467px;
	height: 95px;
	padding: 210px 0 0 30px;
	margin-bottom: 25px;}		

#welcomePanel h1 {
	color: #FFF;
	width: 430px;
	font-size: 32px;
	font-weight: bold;
	line-height: 100%;
	margin: 0 0 10px 0;}
	
#welcomePanel p {
	color: #FFF;
	width: 420px;
	font-weight: bold;
	font-size: 16px;
	line-height: 125%;	
	margin-bottom: 5px;}

#findOutList {
	background:url(../images/threeColBG2.gif) top left repeat-y;}
	
#content #findOutList li {
	width: 166px;
	float: left;
	margin: 0 8px 0 0;
	padding: 10px 0;
	list-style-type: none;}
	
#content #findOutList li p {	
	padding-right: 10px;}

#content #findOutList li.last {	
	width: 150px;
	margin: 0;}
	
#findOutList li img {
	background:url(../images/imageShadow.png) bottom right no-repeat;
	padding: 0 7px 10px 0;}

#findOutList li .lnkFindOutMore	img {
	background: none;
	margin: 10px 0 0 60px;}

#findOutList li h3 {	
	font-size: 18px;
	font-weight: bold;
	color: #3F3F3F;
	margin: 0 0 10px 0;}
	
#findOutList li p {	
	font-size: 11px;
	line-height: 140%;	
	margin-bottom: 5px;}
	
#contactForm input.text, 
#contactForm textarea.text {
	border: 1px solid #333;
	padding: 3px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}	
	
#contactForm input.button {
	background-color: #353535;
	color: #FFF;
	padding: 5px;
	font-weight: bold;}	

/* -------- End Content Column -------- */

/* -------- Info Column -------- */

#date {
	font-size: 150px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #B1BF22;	
	padding-left: 20px;
	letter-spacing: -5px;}

#date img {
	float: left;
	margin: 30px 0 0 0;}

.lowNums {	
	margin: -30px 0 30px 0;}
	
.lowNums img {
	padding-top: 30px;}	
	
#infoColumn h2 {
	color: #FFF;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 0 10px 10px;
	margin: 0;}	
	
#eventsList {
	padding-left: 15px;}
	
.eventItem {
	background: url(../images/eventListBottom.gif) 10px bottom no-repeat;
	margin: 10px 0 0 0;
	padding: 5px 0 15px 0;}		

.eventDate {
	background:url(../images/eventDateBG.gif) top left no-repeat;
	color: #FFF;
	font-size: 14px;
	width: 46px;
	height: 46px;
	text-align:center;
	padding-top: 8px;
	margin-right: 12px;
	float: left;
	font-weight:bold;}	

.eventDate span {	
	font-size: 12px;}
	
.eventName {
	font-size: 13px;
	color: #B1BF22;
	font-weight: bold;
	margin-bottom: 5px;}

.locTitle, .eventLoc{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #CCC;
	font-weight: bold;}

.eventLoc {
	font-style:italic;
	color: #00ADEF;
	margin-bottom: 10px;}
	
.learnMore {
	margin-left: 98px;}	

a.lnkAllEvents {
	color: #FFF;
	float: right;
	font-weight: bold;
	margin: 10px 15px;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}	

/* -------- End Info Column -------- */

/* -------- End Navigation -------- */

/* -------- End Navigation -------- */

/* -------- End Navigation -------- */

/* -------- End Navigation -------- */
/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

.button {	}

.rightImage, .leftImage, .ctrImage {	
	float:right;
	margin: 5px 5px 5px 10px;
	background:url(../images/imageShadow.png) bottom right no-repeat;
	padding: 0 7px 10px 0;}			

.leftImage {	
	margin: 5px 10px 5px 5px;
	float:left;}	
	
.ctrImage {							
	margin: 0 auto;
	text-align: center;
	float: none;}

/********************* End General Formatting *********************/

/********************* Clearing Div Fixes *********************/

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

.clearfix { 
	display: inline-block; } 

html[xmlns] .clearfix { 
	display: block; } 

* html .clearfix { height: 1%; }

/********************* End Clearing Div Fixes *********************/



/********* Gallery Styles (from iwight.com *********/
#eventReviewLeft 
{
	width: 480px;
	float: left;
}

#eventGalleryWrap {
	height: 760px;
	overflow: hidden;
	display: block;}

#eventGallery {}

#eventGallery #flashcontent,
#eventGallery .flashcontent,
#eventGalleryWrap #flashcontent,
#eventGalleryWrap .flashcontent {
	height: 700px;
	margin-top: 20px;
	width: 480px;
}

#eventGalleryWrap .ui-tabs-panel {}


#eventReview {
	width: 280px;
	float: left;
	margin-left: 15px;}