/* CSS Document */
body {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #D6E6EA;
	margin: 0px;
	padding: 0px;
	/*background-image: url(../images/bg_tile.gif);
	background-repeat: repeat;*/
	line-height: 12pt;
	
	background-image: url(../images/bg_gradient_strip.jpg);
	background-repeat: repeat-y;
	background-position: center bottom;	
	
	
}

#container {
	/*margin: 0px auto;*/
	margin: 0px;
	padding: 0px;
	/*background-image: url(../images/bg_gradient_strip.jpg);
	background-repeat: repeat-y;
	background-position: center top;*/
	
	background-image: url(../images/bg_tile.gif);
	background-repeat: repeat;
	
	
}

#innerContainer {
	margin: 0px auto;
	padding: 0px;
	/*background-image: url(../images/adobe_icon.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/	
	
	background-image: url(../images/bg_gradient_strip.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	
}


#content {
	width: 799px;
	margin-right: auto;
	margin-left: auto;

}

/* ---------------------------------------------- LINK COLOURS ------------------------------------------------------- */

a:link, a:visited {
	color: #EFECCA;
	text-decoration:underline;
	font-weight:bold;
}

a:hover, a:active {
	color: #EABD6A;
	text-decoration:underline;
}


/* ------------------------------------------------ NAVIGATION --------------------------------------------------------------*/
#nav {
	height: 43px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
}



#nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#nav li {
	display: inline;
}

/* styles the graphics for the main navigation links */
#tab01 a:link, #tab01 a:visited  {
	background: transparent url(../images/tab01_off.gif) no-repeat;
	width: 45px;
	height: 43px;
	margin-left: 0px;
	padding: 0px;
	float: left;
	margin-left: 39px;
}

#tab01 a:hover {
	background: transparent url(../images/tab01_roll.gif) no-repeat;
}

#tab01 a:link span, #tab01 a:visited span {
	display:none;
}

#tab02 a:link, #tab02 a:visited  {
	background: transparent url(../images/tab02_off.gif) no-repeat;
	width: 95px;
	height: 43px;
	
	margin: 0px;
	padding: 0px;
	float: left;
}

#tab02 a:hover {
	background: transparent url(../images/tab02_roll.gif) no-repeat;
}

#tab02 a:link span, #tab02 a:visited span {
	display:none;
}

#tab03 a:link, #tab03 a:visited  {
	background: transparent url(../images/tab03_off.gif) no-repeat;
	width: 110px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#tab03 a:hover {
	background: transparent url(../images/tab03_roll.gif) no-repeat;
}

#tab03 a:link span, #tab03 a:visited span {
	display:none;
}

#tab04 a:link, #tab04 a:visited  {
	background: transparent url(../images/tab04_off.gif) no-repeat;
	width: 63px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#tab04 a:hover {
	background: transparent url(../images/tab04_roll.gif) no-repeat;
}

#tab04 a:link span, #tab04 a:visited span {
	display:none;
}

#tab05 a:link, #tab05 a:visited  {
	background: transparent url(../images/tab05_off.gif) no-repeat;
	width: 79px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#tab05 a:hover {
	background: transparent url(../images/tab05_roll.gif) no-repeat;
}

#tab05 a:link span, #tab05 a:visited span {
	display:none;
}

#tab06 a:link, #tab06 a:visited  {
	background: transparent url(../images/tab06_off.gif) no-repeat;
	width: 75px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#tab06 a:hover {
	background: transparent url(../images/tab06_roll.gif) no-repeat;
}

#tab06 a:link span, #tab06 a:visited span {
	display:none;
}

#tab07 a:link, #tab07 a:visited  {
	background: transparent url(../images/tab07_off.gif) no-repeat;
	width: 113px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#tab07 a:hover {
	background: transparent url(../images/tab07_roll.gif) no-repeat;
}

#tab07 a:link span, #tab07 a:visited span {
	display:none;
}

#tab08 a:link, #tab08 a:visited  {
	background: transparent url(../images/tab08_off.gif) no-repeat;
	width: 71px;
	height: 43px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
	float: left;
}

#tab08 a:hover {
	background: transparent url(../images/tab08_roll.gif) no-repeat;
}

#tab08 a:link span, #tab08 a:visited span {
	display:none;
}

#tab09 a:link, #tab09 a:visited  {
	background: transparent url(../images/tab09_off.gif) no-repeat;
	width: 74px;
	height: 43px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
	float: left;
}

#tab09 a:hover {
	background: transparent url(../images/tab09_roll.gif) no-repeat;
}

#tab09 a:link span, #tab09 a:visited span {
	display:none;
}

#tabend {
float: left;
}




/* ------------------------------------------------------------------- COLUMNS ---------------------------------------------------*/

.col1 {
	/*background-color:#330066;*/
	margin-left: 40px;
	width: 245px;
	float: left;
}

.col2 {
	padding-top: 1px;
	/*background-color: #990066;*/
	width: 245px;
	margin-left: 315px;
}

.sidebar {
	margin-top: 70px;
	width: 161px;
	height: 480px;
	float: right;
	margin-right: 40px;
	background-image: url(../images/index_sidebar.jpg);
	background-repeat: no-repeat;
	/*background-image: url(../images/index_sidebar.jpg);
	background-repeat: no-repeat; */
}

.sidebarMargins {
	padding-left: 14px;
	padding-right: 14px;
}



/* --------- for internet explorer------ */

/*\*/
*html .col1 {
	margin-left: 20px;
	width: 245px;
}
/**/

/*\*/
*html .col2 {
	padding-top: 0px;
	width: 245px;
	margin-left: 315px;
}
/**/

/*\*/
*html .sidebar {
	width: 161px;
	margin-right: 15px;
}
/**/

/* ------------------------------------------------------ FOOTER ------------------------------------------------- */


#footer {
	margin-left: 40px;
	font-size: 10px;
	margin-bottom: 20px;
}



/* ------------------------------------------------------HEADINGS ------------------------------------------------ */

h1#whatisthis {background: transparent url(../images/hd_whatisthis.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px;}
h1#whereisit {background: transparent url(../images/hd_whereisit.gif) no-repeat; height: 30px; margin-top: 0px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#aims {background: transparent url(../images/hd_aims.gif) no-repeat; height: 30px; margin-top: 0px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#public {background: transparent url(../images/hd_public.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#planning {background: transparent url(../images/hd_planning.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#proposals {background: transparent url(../images/hd_proposals.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#sustainability {background: transparent url(../images/hd_sustainability.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#latestnews {background: transparent url(../images/hd_latestnews.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#furtherinfo {background: transparent url(../images/hd_furtherinfo.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#contactus {background: transparent url(../images/hd_contactus.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#aboutcala {background: transparent url(../images/hd_aboutcala.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#hys {background: transparent url(../images/hd_hys.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#welcome {background: transparent url(../images/hd_welcome.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}
h1#thankyou {background: transparent url(../images/hd_thankyou.gif) no-repeat; height: 30px; margin-top: 20px; margin-bottom: opx; margin-right: 0px; margin-left: 40px; clear: left;}



h1#whatisthis span {display: none;}
h1#whereisit span {display: none;}
h1#aims span {display: none;}
h1#public span {display: none;}
h1#planning span {display: none;}
h1#proposals span {display: none;}
h1#sustainability span {display: none;}
h1#latestnews span {display: none;}
h1#furtherinfo span {display: none;}
h1#contactus span {display: none;}
h1#aboutcala span {display: none;}
h1#hys span {display: none;}
h1#welcome span {display: none;}
h1#thankyou span {display: none;}






h2#haveyoursay {background: transparent url(../images/hd_haveyoursay.jpg) no-repeat; height: 35px; margin-top: 11px; margin-bottom: opx; margin-right: 0px; margin-left: 0px;}
h2#adobereader {background: transparent url(../images/hd_adobereader.jpg) no-repeat; height: 20px; margin-top: 0px; margin-bottom: opx; margin-right: 0px; margin-left: 0px;}

h2#newsletter {background: transparent url(../images/hd_newsletter.jpg) no-repeat; height: 20px; margin-top: 0px; margin-bottom: opx; margin-right: 0px; margin-left: 0px;}

h2#haveyoursay span {display: none;}
h2#adobereader span {display: none;}
h2#newsletter span {display: none;}




/* ---------------------------------------------------- BUTTONS ------------------------------------------------------------ */

p#moreBtn {margin-left: 101px;}
p#downloadBtn {margin-left: 76px;}


p#moreBtn span {display: none;}
p#downloadBtn span {display: none;}


/* ------------------------------------------------------ IMAGES ---------------------------------------------------------- */

.thumb {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #D6E6EA;
}

.adobeIcon {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-top: 3px;
}



/* --------------------------------------------------- GENERAL -------------------------------------------------------- */

.hr {
	clear: left;
	margin-bottom: 10px;
	margin-left: 40px;
	width: 520px;
	height: 2px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #002F2F;
}

/* for internet explorer */
/*\*/
*html .hr {
	margin-top: 20px;
}
/**/

.boldItalic {
	font-style: italic;
	font-weight: bold;
	
}

.contentP {
	margin-left: 40px;
	margin-right: 230px;
}

.contentH {
	margin-left: 60px;
	margin-right: 260px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}

#content li {
	list-style-type: square;
	color: #A7A37E;
}

#content li span {
	color: #D6E6EA;
	line-height: 14pt;
}

.subhead {
	color: #E6E2AF;
	font-weight: bold;
	font-size: 13px;
	margin-left: 40px;
	text-transform: uppercase;
}

.subhead2 {
	color: #E6E2AF;
	font-weight: bold;
	font-size: 13px;
	/*margin-left: 40px;*/
	text-transform: uppercase;
}

.pdfIcon {
	margin-top: -2px;
	margin-bottom: 10px;
}

#planningTable {
	margin-left: 40px;
}

#planningTable td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;	
}

.planningTableHd {
color:#EABD6A;
font-size: 13px;

}

.time {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.place {
font-style:italic;

}

.underline {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}

.underlineSide {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
}