#strandBiz{ color: #D90069; } /* pink */
#strandArt{ color: #006dae; } /* blue */
#strandCom{ color: #9bba1f; } /* mustard */
#pageHeading {color:#ccda2b; } /* yellowy one */
.pageHeading  {color:#ccda2b; } /* yellowy one */
/* global reset */

* {
	margin: 0;
	padding: 0;
}
/* end global reset */

body {
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: black;
	color: white;
}

/*
a {	color: #ccda2b;
	text-decoration:none;
}
*/

a:visited{
	color: #ccda2b;
	text-decoration:none;
}

a:link{
	color: #ccda2b;
	text-decoration:none;
}
a:hover {
	color: #ccda2b;
	text-decoration:underline;
}

img {
	border: none;
}

p { 
	margin: 5px 5px 5px 5px;
	line-height: 13px
}

ul#strandList {
	float:left;
}
}
.rightImg {
	float: right;
	margin: 9px;
}

.leftImg {
	float: left;
	margin: 9px;
}


div#holder {
	margin: 0 auto;
	width: 770px;
	text-align: left;
	background: black;
	/* border-right: 3px #3A3A3A solid;
	 border-left: 3px #3A3A3A solid; */
	 
	 }

.clear{
	clear: both;
	text-align: center;
}

/* columns */

.leftHalfColumn {
	width: 386px; 
	background-color: #1d1d1d;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
}
.rightHalfColumn {
	margin-top: 3px;
	margin-bottom: 3px;
	width: 354px; 
	background-color: #1d1d1d;
	float:right;
}
.rightHalfColumn img {
	margin-top: 10px;
}
.blogleftHalfColumn {
	width: 70%; 
	background-color: #1d1d1d;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
}
.blogrightHalfColumn {
	margin-top: 3px;
	margin-bottom: 3px;
	width: 30%; 
	background-color: #1d1d1d;
	float:right;
}
/* end columns */


/* header */

h1#header {
	height: 130px;
	margin: 0 0 0 0;
	background:transparent url(../images/basic/bestBrightonDigita-headerl.gif) repeat scroll 0%;
height:138px;
margin:0pt 0pt 3px;
}

h1#header a {
	float: left;
	display: block;
	margin: 80px 0 0 25px;
	width: 422px;
	height: 42px;
	background: none;
}

address {
	white-space: pre;
	font-style: normal;
	float: right;
	margin: -120px 30px 0 0;
}


/* end header */


/* menu */

ul#menu {
	height: 20px;
	background: black; 
	padding: 3px 0 0 0;
}

ul#menu li {
	width: 126px;
	height: 20px;
	margin: 0;
	border-right: 3px solid black;
	background: black;
	float: left;
	list-style-type: none;
	background-color: #3A3a3a;
}

ul#menu li#lastItem {
	border-right: 0;
	width: 125px;
}

/* menu items under header */
ul#menu li a {
	display: block;
	height: 17px;
	text-decoration: none;
	color: #ccda2b;
	padding: 3px 0 0 3px;
}

/* menu items under header - hover */
ul#menu li a:hover {
	background: grey;
}

/* menu items under header - current */
ul#menu li a#currentPage {
	background: #1D1D1D;
	color: white;
}
/* end menu */



/* textboxes */


/* box around content */
div.blackBoxLeft {
	background: #3a3a3a;
	margin: 10px 0;
	height: 1%;
}
div.blackBoxRight {
	background:  top right repeat-y;
}
div.blackBoxTopLeft {
/* this is the bit of the ;eft of the slope */
background:transparent url(../images/basic/boxes/blackTopLeft.gif) no-repeat scroll left top;
}
div.blackBoxTopRight {
	background:transparent url(../images/basic/boxes/blackTopRight.gif) no-repeat scroll right top;
	height:1%;
}

div.blackBoxBottomLeft {
}
div.blackBoxBottomRight {
	padding: 0 10px 7px 10px;
}



/* green content box */
div.greenBoxLeft {
	background: white ;
	margin: 10px 0;
	height: 1%;
}
div.greenBoxRight {}
div.greenBoxTopLeft {}
div.greenBoxTopRight {
	height: 1%;
}
div.greenBoxBottomLeft {}
div.greenBoxBottomRight {
	padding: 0 10px;
}


/* news box blue */
div.blueNewsBoxTopLeft {
	margin: 10px 0;
	height: 1%;
}
div.blueNewsBoxTopRight {}
div.blueNewsBoxBottomLeft {}
div.blueNewsBoxBottomRight {
	background-color:#1D1D1D;
	padding: 0 10px;
	/* text-align: center; */
	/* XXX change me for alt box colour 3 */)
	background: #1d1d1d;
}

/* light blue news */
div.lightBlueNewsBoxTopLeft {
	/* XXX change me for alt box colour 1 */)
	background: #1d1d1d;
	margin: 10px 0;
	height: 1%;
}
div.lightBlueNewsBoxTopRight {}
div.lightBlueNewsBoxBottomLeft {}
div.lightBlueNewsBoxBottomRight {
	padding: 0 10px;
	text-align: center;
}

/* H */
div.greenBoxBottomRight h1,
div.blackBoxBottomRight h1{
	text-align: right;
	font-size: 12px;
	/* tabs font size */
	font-weight: normal;
	padding: 7px 0 3px 0;
}
div.blueNewsBoxBottomRight h1{
	font-size: 14px;
	color: #688186;
	font-weight: bold;
	/* changed to remove indent */
	padding: 5px 0 5px 3px;
	text-align: left;
}
div.lightBlueNewsBoxBottomRight h1{
	font-size: 14px;
	color: #688186;
	font-weight: bold;
	/* changed to remove indent */
	padding: 5px 0 5px 3px;
	text-align: left;
}
div.blueNewsBoxBottomRight h3{
	font-size: 12px;
	color: #688186;
	font-weight: bold;
	/* changed to remove indent */
	padding: 5px 0 5px 3px;
	text-align: left;
}
div.lightBlueNewsBoxBottomRight h3{
	font-size: 12px;
	color: #688186;
	font-weight: bold;
	/* changed to remove indent */
	padding: 5px 0 5px 3px;
	text-align: left;
}
div.greenBoxBottomRight h1 span,
div.blackBoxBottomRight h1 span{
	padding: 7px 5px 3px 30px;
	/* letter-spacing: 2px; */
}
div.greenBoxBottomRight h1 span{}

/* sloping image here */

div.blackBoxBottomRight h1 span{
background:transparent url(../images/basic/boxes/blackTitle.gif) no-repeat scroll left top;

}

/* P */
div.greenBoxBottomRight p,
div.blackBoxBottomRight p,
div.blueNewsBoxBottomRight p,
div.lightBlueNewsBoxBottomRight p{
	margin: 2px 0 5px 0;
	line-height: 12px;
	text-align: left;
	padding: 5px;
}



div.boxClear {
	clear: both;
	/* height: 10px; */
}

p.eventTimes {
	font-weight: bold;
	color: #688186;
	margin-left: 150px;
}

p.event {
	margin-left: 150px !important;
}

/*end textbox*/




ul#footer {
	clear: both;
	margin: 0;
	height: 16px;
	/*
	background: url('../images/basic/footerBackground.gif') top left no-repeat;
	*/
	background-color: #3a3a3a;
	padding: 3px 4px 0 4px;
}

ul#footer li {
	color: white;
	list-style-type: none;
}

ul#footer li a {
/* 	color:white;
	background: none;
	text-decoration: none;
*/
}

li#leftItem {
	float: left;
	text-align: left;
	font-size: 10px;
}

li#middleItem {
	text-align: center;
}

li#rightItem {
	text-align: right;
	float: right;
	font-size: 10px;
}


img.aboutLogo {
	margin: 10px 0;
}


label {
	display: block;
	text-align: right;
	padding: 2px 0;
}


input,
textarea {
	border: none;
	/* width: 300px; */
	padding: 1px;
	background: white;
	color: black;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;

}

td, th {
	vertical-align: top;
	padding: 2px 0 0 0;
}

th {
	text-align: right;
	padding: 4px 20px 0 0;
}

td#submit {
	text-align: left;
}

#submit input {
	padding: 0;
	height: 36px;
	width: 41px;
	background: white;
}

div.bookmarklets{
	padding: 5px;
	text-align: center;
	}