body {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: "Trebuchet MS", sans-serif;
	background: #FFF;
	text-align: center; /*margin: auto fix for IE6*/
	background: #ececec;
}

/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 200%;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	color: #7f7f7f;
}
	
h2 {
	font-size: 130%;
	margin: 0 0 10px 0;
	padding: 0;
	color: #7f7f7f;
}
	
h3 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	color: #7f7f7f;
}

p {
	font-size: 90%;
	line-height: 120%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
}
	
a {	
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #f5821f;
	text-decoration: underline;
}

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

p a {font-size: 100%;}

a img {border: none;}

ul {
	font-size: 90%;
	margin: 0;
	padding: 0 0 0 14px;
	list-style: disc outside;
}

ul li{
	margin: 0;
	padding: 0;
}

ul a {font-size: 100%;}
	
/*---------------------------------------------*/
em {font-style: normal;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}
	

/* COLOURS
----------------------------------------------- */
.orangeDark {background: #f5821f;}
.orangeMid {background: #f1984e;}
.orange {background: #f9af6f;}
.pinkMid {background: #f865a8;}
.pink {background: #f97fb6;}
.purpleMid {background: #c061f8;}
.purple {background: #c56ff9;}
.greyDark {background: #7f7f7f;}
.greyMid {background: #bfbfbf;}
.grey {background: #ececec;}
	
/*---------------------------------------------*/




/* STRUCTURE
------------------------------------------------ */

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 880px;
	text-align: left;/*margin: auto fix for IE6*/
}
	

#wrap-inner {
	float: left;
	margin: 0;
	padding: 0 55px 50px 55px;  /*fix IE6 style sheet*/
	width: 770px;
	border-left: solid 1px #bfbfbf;
	border-right: solid 1px #bfbfbf;
	background: #FFF;

}

#header {
	float: left;
	margin: 15px 0 20px 0;
	padding: 10px 0 10px 220px;
	width: 550px;  /*fix IE6 style sheet*/
	border-top: solid 1px #bfbfbf;
	border-bottom: solid 1px #f9af6f;
}



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

#mainNav {font-size: 120%;}

#mainNav ul {
	margin: 0;
	padding: 0;
}
	
#mainNav ul li {
	display: inline; /*for IE6*/
	float: left; /*for IE6*/
	clear: left; /*for IE6*/
	margin: 0 0 10px 0;
	padding: 0;
	width: 212px; /*for IE6*/
	list-style: none;
}

#mainNav ul li a{
	line-height: 130%;
	display: block;
	margin: 0;
	padding: 0 0 0 20px; 
	color: #7f7f7f; 
	text-decoration: none;
	text-transform: uppercase;
	background: #FFF url(../Images/bulletGrey.gif) no-repeat 0 3px;
}

#mainNav ul li a:hover, #mainNav ul li.AspNet-Menu-Selected a{color: #f5821f; background: #FFF url(../Images/bulletOrange.gif) no-repeat 0 3px;}

/* SUB NAV
------------------------------------------------ */

#subNav {font-size: 120%;}

#subNav ul {
	/*clear: left; stops nav working properly for IE mac*/
	float: right;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	width: 558px;
}
	
#subNav ul li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;	
	list-style: none;
	background: #FFF;
}
#subNav ul li.one {background: url(../Images/tabPink.gif) no-repeat bottom right;}
#subNav ul li.two {background: url(../Images/tabPurple.gif) no-repeat bottom right;}
#subNav ul li.three {background: url(../Images/tabOrange.gif) no-repeat bottom right;}

#subNav ul li a{
	position: relative; 
	z-index: 10; 
	float: left;
	margin: 0 0 0 8px;
		display: inline; /*to fix double margin in IE6*/
	padding: 10px;
	width: 158px;  /*fix IE6 style sheet*/
	text-decoration: none;
	font-weight: bold; 
	text-transform: lowercase; 
	color: #FFF;
}
#subNav ul li a:hover{padding-top: 16px;}

#subNav ul li.one:hover em,
#subNav ul li.two:hover em,
#subNav ul li.three:hover em{
	position: absolute;
	bottom: -10px;
	left: 0;
	z-index: 0;
	float: left;
	width: 194px;
	height: 100px;
}
#subNav ul li.one:hover em {background: url(../Images/tabPinkSelected.gif) no-repeat bottom right;}
#subNav ul li.two:hover em {background: url(../Images/tabPurpleSelected.gif) no-repeat bottom right;}
#subNav ul li.three:hover em {background: url(../Images/tabOrangeSelected.gif) no-repeat bottom right;}


/* MAINBODY
------------------------------------------------ */
	
#main-body {
	float: left;
	margin: 0 0 10px 0;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	width: 558px;
	background: #FFF;
}
/* SIDEBAR1
------------------------------------------------ */
#sidebar1 {
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 212px;
	background: #FFF;
}

/* CONTENT (in #main-body)
------------------------------------------------ */
#content {
	float: left;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	width: 558px;
}

.mainContent {padding: 0 0 0 8px;}
	
/* SIDEBAR2 (in #main-body)
------------------------------------------------ */
#sidebar2 {
	float: left;
	margin: 0 18px 0 8px;
		display: inline; /*to fix double margin in IE6*/
	padding: 10px 0;
	width: 266px;
	border-top: solid 1px #7f7f7f;
	border-bottom: solid 1px #7f7f7f;
}
/* SIDEBAR2 (in #main-body)
------------------------------------------------ */
#sidebar3 {
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 266px;
	border-top: solid 1px #7f7f7f;
	border-bottom: solid 1px #7f7f7f;
}


/* FOOTER
------------------------------------------------ */
	
#footer {
	clear: both;
	/*float: left;  multiple letters issue*/
	margin: 20px 0 10px 0;
	padding: 10px;
	width: 750px;  /*fix IE6 style sheet*/
	border-top: solid 1px #bfbfbf;
}

#footer p{color: #7f7f7f; margin-bottom: 0; padding-bottom: 0;}
#footer a{color: #7f7f7f;}


/* INTRO
------------------------------------------------ */
#intro {
	position: relative;
	float: left;
	margin: 0 0 30px 8px;
		display: inline; /*to fix double margin in IE6*/
	padding: 10px 0 30px 0;
	width: 550px;  /*fix IE6 style sheet*/
	background: #FFF;
	border-bottom: solid 1px #f5821f;
}



#intro em.image{
	position: absolute;
	right: 15px;
	bottom: -30px;
	float: left;
}


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


a.buttonRight,
a.buttonLeft {
	float: left;
	margin: 10px 0 10px 10px;
	padding: 2px 6px;
	background: #0000FF;
	color: #fff;
	text-decoration: none;
}

a.buttonRight {
	float: right;
	margin: 10px 0 10px 10px;
}

/* MISC
------------------------------------------------ */

.logo {
	clear: left;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
}

.siteBy {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #7f7f7f;
}

.siteBy a{
	font-weight: bold;
	text-decoration: none;
	color: #7f7f7f;
	text-transform: uppercase;
}

a.squiggle{
	display: inline;
	float: right;	
	margin: 0; 
	padding: 0 10px 32px 0; 
	width: 72px; /*fix IE6 style sheet*/
	text-align: right; 
	font-size: 100%; 
	text-decoration: none;
	background: url(../Images/squiggleOrange.gif) no-repeat 0 bottom;
}

a.squiggle:hover {background: url(../Images/squiggleGrey.gif) no-repeat 0 bottom;}
/* ------------------------------------------------ */

/* header text images 
------------------------------------------------ */
#header h1.pageTitle {margin: 0; padding: 0; height: 80px; width: 500px; }

#header h1.pageTitle em{
	display: none;
}

/* other text images 
------------------------------------------------ */
#sidebar2 h2, #sidebar3 h2{
	text-transform: uppercase;
}

h2 em {color: #000;}

/* ------------------------------------------------ */


/* ARTICLE LIST
------------------------------------------------ */

.newsList {	
	margin: 0;
	padding: 0;
}
.articleList {
	margin: 0;
	padding: 0;
}
.newsList .articleList  h2 {
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase; 
	color: #7f7f7f;
}
.newsList .articleList  .article {
	margin: 0;
	padding: 0 0 10px 0;
}
#sidebar2 .newsList .articleList  .article h2.title,
#sidebar3 .newsList .articleList  .article h2.title {
	margin: 0;
	padding: 0 0 5px 0;
	text-transform: none; 
	color: #000;
	font-size: 100%;
}
.newsList .articleList  .article div.summary{
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 120%;
}
.newsList .articleList  .article div.summary p{font-size: 100%;}

.newsList .articleList  .article a.readmore {
	margin: 0;
	padding: 0;
}



.detail  .article {
	margin: 0;
	padding: 0 0 10px 0;
}
.detail  .article h2.title {
	margin: 0;
	padding: 0 0 5px 0;
	text-transform: none; 
	color: #000;
	font-size: 160%;
}
.detail .article div.summary{
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 120%;
}
.detail  .article div.summary p{font-size: 100%;}

.detail .article div.copy{
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 120%;
}
.detail  .article div.copy p{font-size: 100%;}

.detail .article div.copy img{
	float: right;
	margin: 10px 0 10px 10px;
		display: inline; /*to fix double margin in IE6*/
}

.detail .article a.readmore {
	margin: 0;
	padding: 0;
}





/* PANELS
------------------------------------------------ */
.panelOne,
.panelTwo,
.panelThree {
	position: relative;
	float: left;
	margin: 0 0 0 8px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	width: 178px;
}
.panelOne {background: #f97fb6;}
.panelTwo {background: #c56ff9;}
.panelThree {background: #f9af6f;}

.panelOne a.panelOutline,
.panelTwo a.panelOutline,
.panelThree a.panelOutline {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	float: left;
	width: 178px;
	height: 130px;
	cursor: pointer; cursor: hand;
}

.panelOne a.panelOutline {background: url(../Images/panelPink.png) 0 0 no-repeat;}
.panelTwo a.panelOutline {background: url(../Images/panelPurple.png) 0 0 no-repeat;}
.panelThree a.panelOutline {background: url(../Images/panelOrange.png) 0 0 no-repeat;}

.panelOne:hover a.panelOutline {background: url(../Images/panelPink.png) 0 -130px no-repeat;}
.panelTwo:hover a.panelOutline {background: url(../Images/panelPurple.png) 0 -130px no-repeat;}
.panelThree:hover a.panelOutline {background: url(../Images/panelOrange.png) 0 -130px no-repeat;}

.panelOne a em,
.panelTwo a em,
.panelThree a em{
	display: none;
}

.panelOne img,
.panelTwo img,
.panelThree img{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 130px;
	width: 178px;
}

.panelOne h2,
.panelTwo h2,
.panelThree h2 {
	display: block;
	margin: 0;
	padding: 3px 10px 8px 10px;
	width: 158px;  /*fix IE6 style sheet*/
	font-weight: bold;
	color: #FFF;
	font-size: 120%;
}

.panelOne h2 {background: url(../Images/tabPink.gif) no-repeat bottom left;}
.panelTwo h2 {background: url(../Images/tabPurple.gif) no-repeat bottom left}
.panelThree h2 {background: url(../Images/tabOrange.gif) no-repeat bottom left;}

.panelOne:hover h2 {background: url(../Images/tabPinkDark.png) no-repeat bottom left;}
.panelTwo:hover h2 {background: url(../Images/tabPurpleDark.png) no-repeat bottom left}
.panelThree:hover h2 {background: url(../Images/tabOrangeDark.png) no-repeat bottom left;}

.panelOne h2 a,
.panelTwo h2  a,
.panelThree h2 a{
	text-decoration: none;
	font-size: 90%;
	color: #FFF;
	width: 158px; /*for IE6*/
}
.panelOne h2 a:hover,
.panelTwo h2  a:hover,
.panelThree h2 a:hover{color: #FFF; /*for IE6*/}


.panelOne div.summary,
.panelTwo div.summary,
.panelThree div.summary{
	display: none;
}
.panelOne:hover div.summary,
.panelTwo:hover div.summary,
.panelThree:hover div.summary{
	position: absolute;
	display: block;
	padding: 10px;
	width: 158px;  /*fix IE6 style sheet*/
}
.panelOne:hover div.summary{background: url(../Images/tabPink.gif) no-repeat bottom left;}
.panelTwo:hover div.summary{background: url(../Images/tabPurple.gif) no-repeat bottom left}
.panelThree:hover div.summary{background: url(../Images/tabOrange.gif) no-repeat bottom left;}

.panelOne div.summary p,
.panelTwo div.summary p,
.panelThree div.summary p{
	color: #FFF;
}

.panelOne div.summary a,
.panelTwo div.summary a,
.panelThree div.summary a{
	color: #FFF;
	font-weight: bold; 
	text-decoration: none;
}


/* PHOTOS
------------------------------------------------ */
.photoOne,
.photoTwo{
	position: relative;
	float: left;
	margin: 0 0 0 8px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	height: 207px; 
}
.photoOne {width: 275px;}
.photoTwo {top: 0px; left: -80px; z-index: 100; padding: 0 0 28px 0; width: 175px;/*width: 255px;*/}

.photoOne a.photoOutline, .photoOne span.photoOutline,
.photoTwo a.photoOutline, .photoTwo span.photoOutline{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	float: left;
}

.photoOne a.photoOutline,
.photoTwo a.photoOutline{
	cursor: pointer; cursor: hand;
}

.photoOne a.photoOutline, .photoOne span.photoOutline  {width: 275px; height: 207px; background: url(../Images/photo1.png) 0 0 no-repeat;}
.photoTwo a.photoOutline, .photoTwo span.photoOutline {width: 255px; height: 207px; background: url(../Images/photo2.png) 0 0 no-repeat;}

.photoOne:hover a.photoOutline {}
.photoTwo:hover a.photoOutline {}

.photoOne a em, .photoOne span em,
.photoTwo a em, .photoTwo span em{
	display: none;
}

.photoOne img{
	display: block;
	position: absolute;
	top: 7px;
	left: 8px;
	z-index: 1;
	height: 178px;
	width: 252px;
	padding-bottom: 22px;/*to clear shadow space*/
}

.photoTwo img{
	display: block;
	position: absolute;
	top: 28px;
	left: 10px;
	z-index: 1;
	height: 162px;
	width: 231px;
	padding-bottom: 10px;/*to clear shadow space*/
}



.photoThumbs a {
	float: left; 
	margin: 0 12px 10px 0; 
		display: inline; /*to fix double margin in IE6*/ 
	border: 1px solid #f5821f;
}

.photoThumbs a:hover {border: 1px solid #bfbfbf;}


.photoThumbs a img {
	float: left; 
	padding: 6px; 
	width: 80px; 
	border: none;
}






.emailForm {float: left; margin: 0; padding: 20px 0; font-size: 90%;}
.emailForm .item {clear: left; float: left; margin: 0 0 10px 0; padding: 0; width: 100%;}
.emailForm .item p {float: left; margin: 0; padding: 0;}
.emailForm .item label{float: left; margin: 0; padding: 0; width: 100px; font-weight: bold;}
.emailForm .item input{float: left; margin: 0; padding: 2px; border: 1px solid #f5821f;}
.emailForm .item input.submitButton {margin: 0; padding: 2px; border: 1px solid #f5821f; font-size: 90%;}
.emailForm .item input.textinput{float: left; margin: 0 5px 0 0; padding: 2px; border: 1px solid #f5821f; width: 200px;}
.emailForm .item textarea {float: left; margin: 0 5px 0 0; padding: 2px; border: 1px solid #f5821f; width: 200px; font-family: "Trebuchet MS", sans-serif;}