* { 
	margin: 0;
	padding: 0; 
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	height: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(../images/body_background.jpg);
	background-repeat: repeat-x;
}

H1	{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px;
}

H2, caption	{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

H3	{
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

H4	{
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

p {
	line-height: 1.4em;
	color: #666666;
}

a {
	text-decoration: none;
	color:#009DD9;
}

p a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

hr {
	clear: both;
	width: 100%;
	margin-top: 40px;
	color: #FFFFFF;
}

form {
	margin-right: 20px;
	margin-left: 20px;	
}

label {
	float: left;
	width: 120px;
	font-weight: bold;
}

input, textarea, select {
	width: 180px;
	margin-bottom: 5px;
	font-size: 0.9em;
}

textarea {
	width: 200px;
	height: 150px;
	font-size: 1.2em;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrap, #wrapContact {
	width: 900px;
	max-width: 900px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
	background-color: #00FF99;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-image: url(../images/wrap_background.gif);
	background-repeat: repeat-y;
}

#wrapContact {
	background-image: url(../images/wrapContact_background.gif);
	background-repeat: repeat-y;
}

/*****  header  *****/

#header {
	width: 900px;
	height: 156px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	position: relative;
}

/*****  main content  *****/

#content {
	width: 900px;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#left, #leftNav, #right, #centre, #subRight {
	float: left;
	width: 450px;
	min-height: 380px;	
	text-align: left;
	background-image: url(../images/left_background.gif);
	background-repeat: repeat-y;
	position: relative;
}

#right {
	float: right;
	background-image: url(../images/right_background.gif);
	background-repeat: repeat-y;
	position: relative;
}

#leftNav, #subRight {
	width: 225px;
	background-image: none;
	background-color: #BCD7DC;
}

#centre {
	width: 448px;
	background-image: none;
	background-color: #CFE4E6;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#subRight {
	width: 223px;
	float: right;
	background-image: url(../images/subRight_background.gif);
	min-height: 380px;
}

/*****  footer  *****/

#footer {
	width: 900px;
	height: 32px;
	padding: 0px;
	margin-top: 7px;
	background-color: #942723;
	clear: both;
	z-index: 1000;
	vertical-align: top;
}

/***********************************************/
/* header styles                               */
/***********************************************/

#navTabs, #navCTA {
	float: left;
	width: 650px;
	font-size: 0.9em;
	line-height: normal;
	position:absolute;
	bottom:0;
}

#navCTA {
	float: right;
	width: 250px;
	left: 650px;
}

#navTabs ul, #navCTA ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navTabs li, #navCTA li {
	display: inline;
	margin: 0;
	padding: 0;
}

#navTabs a, #navCTA a {
	float: left;
	margin: 0;
	margin-right: 5px; /*spacing between each tab*/
	padding: 0 0 0 9px;
	text-decoration: none;
	background-image: url(../images/nav_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navCTA a {
	background-image: url(../images/nav_cta_left.gif);
}

#navTabs a span, #navCTA a span {
	float: left;
	display: block;
	padding: 4px 18px 2px 3px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/nav_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#navCTA a span {
	background-image: url(../images/nav_cta_right.gif);
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navTabs a span, #navCTA a span {
	float: none;
}
/* End IE5-Mac hack */


#navTabs a:hover span, #navCTA a:hover span {
	color:#33CCFF;
}

#navTabs #current a { /*Selected Tab style*/
	background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#navTabs #current a span { /*Selected Tab style*/
	background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	color: #CCCCCC;
}

#navTabs a:hover { /*onMouseover style*/
	background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#navTabs a:hover span { /*onMouseover style*/
	background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

/***********************************************/
/* content styles                              */
/***********************************************/

#left p {
	padding: 10px;
}

#right h1 {
	color: #2F858D;
}

#right img {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#right img.events {
	margin-left: 50px;	
}

.right_logo {
	margin-right: 15px;
}

.eventsNext {
	float: right;
	width: 100px;
	margin-right: 50px;
	text-align: right;
}

.eventsPrevious {
	float: left;
	width: 100px;
	margin-left: 50px;
}


.white {
	clear: both;
	width: 100%;
	margin-top: 40px;
	color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

*html .white { /*IE6 only. */
	margin-top: 25px;
}

/* IE7 Only */
*:first-child+html .white {
	margin-top: 25px;
}

.centreHeader {
	width: 100%;
	background-color: #66A8B0;
	font-size: 2em;
	height: 40px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	vertical-align: middle;
}

#leftNav ul {
	list-style-type: none;
}

#leftNav li {
	height: 28px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	display: block;
}

#leftNav li a {
	color: #666666;
	font-weight: bold;
	display: block;
	padding: 7px 0 6px 20px;
}

#leftNav li a:hover {
	background-image: url(../images/icon.gif);
	background-repeat: no-repeat;
	background-color: #66A8B0;
	color: #fff;
	background-position: 5px;
}

#leftNav li.category {
	background-image: url(../images/category_back.gif);
	background-repeat: no-repeat;
	height: auto;
}

#leftNav li.bottom {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;	
}

#leftNav li.top {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ffffff;
}

*html #leftNav li.top { /*IE6 only. */
	border-top-width: 2px;
}

/* IE7 Only */
*:first-child+html li.top {
	border-to-width: 0px;
}

#leftNav ul ul li {
	border: none;
	background-image: none;
}

#leftNav ul ul li a {
	font-weight: normal;
	margin-left: 20px;	
}

#leftNav ul ul li a:hover {
	background-image: none;
	background-color: #BCD7DC;
}

#leftNav li.category {
	padding-left: 0px;
	height: auto;
	font-weight: bold;
	color: #98B707;
}

#leftNav li.selected {
	padding-left: 40px;
	line-height: 2em;
	color: #666666;
}

.roundcont {
	width: 408px;
	background-color: #A8CCD0;
	margin-left: 20px;
	margin-bottom: 10px;
}

.roundcont h1 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.roundcont p {
	margin: 0 10px;
}

.boximg {
	margin-left: 20px;
	float: left;
	margin-right: 10px;
}


.roundtop { 
	background: url(../images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

#subRight p {
	margin: 10px 10px 0px 10px;
	color: #990000;
	font-weight: bold;
}

.rightLink {
	background-image: url(../images/right_link.jpg);
	width: 94px;
	height: 22px;
	margin-left: 8px;
	padding-top: 5px;
	padding-left: 10px;
	float: left;
	color: #FFFFFF;
	
}

* html .rightLink { /*IE only. */
	margin-top: -10px;
}

a.rightLink:hover {
	background-image: url(../images/right_link_over.jpg);
	font-weight: bold;
	text-decoration: none;
}

.contactRight {
	width: 220px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.contactRight img {
	margin-right: -13px;
}

/***********************************************/
/* footer styles                               */
/***********************************************/

#footer p {
	color: #FFF;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-size: 0.9em;
}

#footer a {
	color:#FFF;
}

#footer p.rosshall {
	float: right;
}

#footer p.sitelinks {
	float: left;
}

#footer img {
	padding-right: 5px;
}



#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none}
#wrapper {width:358px; margin:0px; display:none}
#wrapper * {margin:0px; padding:0px;padding-left: 10px;}
#fullsize {position:relative; width:358; height:262px; padding:10px; margin-left:0px;}
#information {position:absolute; left: 40px;bottom:0; width:348px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70);}
#information h3 {padding:0px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:358px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:40px; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:-40px; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}