/* Link styles
------------------------------------------------ */

a:link    {color: #188bc4; text-decoration: none;outline: none;}
a:visited {color: #188bc4; text-decoration: none;}
a:hover   {color: #000000; text-decoration: none;}
a:active  {color: #188bc4; text-decoration: none;}

a:link.white {color: #FFFFFF; text-decoration: none; outline: none;}
a:visited.white {color: #FFFFFF; text-decoration: none;}
a:hover.white {bold;color: yellow; text-decoration: none;}
a:active.white {bold;color: #FFFFFF; text-decoration: none;}


/* Navigation & Lists
------------------------------------------------ */
.HotelHeader { color:#FFFFFF;font-weight: bold; margin: 0px; padding: 7px; width: auto;background-image:  url(/images/Background-Navigation-Green.jpg);background-repeat: repeat-x;background-color:#158dc9;}
.HotelHeader { font-size:12px;text-transform:uppercase; font-weight:bold; color:#fff;}

.TransportHeader { color:#FFFFFF;font-weight: bold; margin: 0px; padding: 7px; width: auto;background-image:  url(/images/Background-Navigation-Purple.jpg);background-repeat: repeat-x;background-color:#158dc9;}
.TransportHeader { font-size:12px;text-transform:uppercase; font-weight:bold; color:#fff;}

.ActivityHeader { color:#FFFFFF;font-weight: bold; margin: 0px; padding: 7px; width: auto;background-image:  url(/images/Background-Navigation-Orange2.jpg);background-repeat: repeat-x;background-color:#158dc9;}
.ActivityHeader { font-size:12px;text-transform:uppercase; font-weight:bold; color:#fff;}

.EventFooter { color:#FFFFFF;font-weight: normal; margin: 0px; padding: 7px; width: 100%;background-image:  url(/images/Background-Navigation.jpg);background-repeat: repeat-x;background-color:#158dc9;}
.EventFooter { font-size:8px; font-weight:normal; color:#fff;}

.articlelist-title, .PanelHeader, .PanelHeader-large { color:#FFFFFF;font-weight: bold; margin: 0px; padding: 7px; width: auto;background-image:  url(/images/Background-Navigation.jpg);background-repeat: repeat-x;background-color:#158dc9;}
.articlelist-title { font-size:120%;}
.PanelHeader { font-size:11px;text-transform:uppercase; font-weight:bold; color:#fff;}
.PanelHeader-large {font-size:130%;text-transform:uppercase;}
.articlelist { font-size: 11px; font-weight: normal; margin: 0px; padding: 0px; width: auto; background:#c9e5f1;	text-decoration: none; border-top: 1px solid #FFFFFF;}
.ErrorMessage{ font-size: 14px; font-weight: bold; color: red !important; text-align: center; padding: 5px 0px 5px 0px;}

.articlelist ul
{
	margin: 10px 10px 0px 0px;
	padding-right: 0px;
	list-style-type: none;
	text-decoration: none; 
}

.articlelist li
{
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
	display: block;
	padding: 5px 0px 5px 7px;
        border-bottom: 1px solid #FFFFFF;
	width: auto;
	color: #188bc4;
}

.articlelist a
{
font-size: 11px;
	text-decoration: none; 
	width: auto;
}

.articlelist li a:link, .articlelist a:visited { color: #188bc4; text-decoration: none; }
.articlelist li a:hover {color: #000000; text-decoration: none;}

.articlelist li a:active{ font-weight:bold;color: #188bc4; text-decoration: none; }
.articlelist li a.active{ font-weight:bold;color: #188bc4; text-decoration: none;}

/* Layout
------------------------------------------------ */

#LeftContainer
{
	width: auto;
	position: relative;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: left;
  	color: #000000;
}

/* ArticleFormatting
------------------------------------------------ */

.article-event
{     
	height:auto;
	width:auto;
	position: relative;
	float:left;
	margin:0px 0px 8px 0px;
	padding:4px 12px 12px 12px;
	font-size: 90%;
	border-bottom: 1px solid #CCCCCC;
}

.article-link
{     
	height:auto;
	width:auto;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #72A52E; 
	text-align:left;
	text-decoration: none;
}

.article-link a {color: #72A52E; text-decoration: none;}
.article-link a:link  {color: #72A52E; text-decoration: none;}
.article-link a:visited  {color: #72A52E; text-decoration: none;}
.article-link a:hover  {color: #000000; text-decoration: none;}
.article-link a:active  {color: #72A52E; text-decoration: none;}

.panel-lhs
{
	height:auto;
	width:auto;
	position: relative;
	background-color: #ebf6fc;
	background-image:  url(../images/Background-PanelLight.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #FFFFFF;
}

.panel-rhs
{
	height:auto;
	width:auto;
	position: relative;
	background-color: #ebf6fc;
	background-image:  url(../images/Background-PanelLight.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #FFFFFF;
}


.PanelInnerContainer
{
	position:relative;
	border-bottom:1px solid #7bcff6;
	width:100%;
	height:auto;
	margin-bottom:6px;
	padding-bottom:2px;
}


.PanelContainer
{
	height:auto;
	width:auto;
	position: relative;
	background-color: #66b6db;
	background-image:  url(/images/Background-Panel.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #FFFFFF;
}

.PanelInnerImage
{
	height: 								auto;
	width: 								20%;
	position: 							relative;
	padding: 							0;
	margin: 								0;
	float:								left;
}

.PanelInnerContent
{
	color:								#ffffff;
	line-height:						1.3em;
	font-size:							90%;
	font-weight:						normal;
	width:								126px;
	font-size:							11px;
}

.PanelInnerDetails
{
	color:								#ffffff;
	line-height:						1.3em;
	font-size:							90%;
	font-weight:						normal;
	width:								80%;
	float:								left;
	font-size:							11px;
}

.PanelInner
{
	height:auto;
	width:auto;
	position: relative;
	margin:0px;
	padding:6px;
	font-size: 90%;	line-height: 1.6em;
	color:#188bc4;
	font-weight:bold;
}

.PanelInner-charities
{
	height:auto;
	width:auto;
	position: relative;
	margin:0px;
	padding:0px;
	background-image:  url(../images/5272.jpg);
	background-repeat: repeat-y;
        text-align:center;
}

.charity-logo
{
	margin:8px 0 2px 0;
	padding:0px;
}

.PanelInner-associates
{
	height:auto;
	width:auto;
	position: relative;
	margin:0px;
	padding:0px;
	background-image:  url(../images/5315.jpg);
	background-repeat: repeat-y;
        text-align:center;
}

.associates-logo
{
	margin:8px 0 2px 0;
	padding:0px;
}



#event-details, #details
{
border: 1px solid #66b6db;background:#ffffff;padding:12px;width:auto:height:auto;margin-top:12px;
}

#event-booking-form, #booking-form
{
border: 1px solid #66b6db;background:#ffffff;padding:12px;width:auto:height:auto;margin-top:12px;
}


/* Headers and Paragraphs:
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.1em;
}

h1 { font-size: 175%; font-weight: normal; color: #188bc4; }
h2 { font-size: 160%; font-weight: normal; color: #188bc4; }
h3 { font-size: 130%; font-weight: normal; color: #444444; }
h4 { font-size: 120%; font-weight: normal; color: #006699; }
h5 { font-size: 110%; font-weight: bold; color: #006699; }
h6 { font-size: 110%; font-weight: bold; color: #000000; }

h1, h2, h3, h4, h5, h6, pre,
blockquote, ol, dl, address
{
     margin:  0;
     padding: 0 0 2px 0;
}

p
{
     font-family: Arial, Helvetica, Verdana, sans-serif;
     line-height: 1.3em;
     margin:0;
     padding-bottom: 8px;
}

.hr
{ 
	height: 1px;
	width: auto;
	background-image: url('../images/dash_horizontal.gif');
	background-repeat: repeat-x;
	
}


/* Apply Left Margin:
---------------------------------------------------------------- */


/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.1em  Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

html { font-size: 70%; } /* 1em = 12px */
html { font-size: 70%; } /* override it ... go bigger */




/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

input, select, td
{font-size: 100%;}

html[xmlns] pre { font-size: 1.3em;}

.rigid-demo { margin: 0 auto; text-align: left; width: 766px;}

.rigid-demo a:hover {color: #0000FF; text-decoration: none;}


.center-hackbox { text-align: center; }

h2, .clearfooter { clear: both;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }