/** STANDARD EDITING **/

/** Backgrounds **/

.rightExpand {vertical-align:top; background: url(images/right_bg_grey.jpg) top right repeat;}
.bodyBG { background: #CFCECE url(images/white_strip.gif) top left repeat-y;}

/* New Table Column Styling */
table.cataloguelist{border-collapse:collapse;}
table.cataloguelist td{vertical-align:top;border-bottom:1px dashed #cccccc;padding:10px 10px 10px 0px;}
table.cataloguelist span.head2{color:red;}

.col1{padding:10px 10px 10px 0px;}/* IE */ table.cataloguelist td:first-child {padding:10px 10px 10px 0px;} /* Firefox */
.col2{}/* IE */ table.cataloguelist td:first-child+td {} /* Firefox */
.col3{}/* IE */ table.cataloguelist td:first-child+td+td {} /* Firefox */


/** Disable Images **/


/** Heading Settings **/

.homeprojintro, .head1 {font-size: 18px;color: #945734;text-decoration : none;line-height : 22px;font-weight: bold;font-family: Trebuchet ms, trebuchet, Arial, Verdana, Helvetica, Helvetica, Georgia;}

.homeprojintro2, .head2 {font-size: 16px;color: #00A650;text-decoration : none;line-height : 15px;font-weight: bold;font-family: Trebuchet ms, trebuchet, Arial, Verdana, Helvetica, Helvetica, Georgia;}

.titlepurple {font-size: 15px;color: #FFFFFF; text-decoration : none;line-height : 13px;font-weight: bold; font-family: Trebuchet ms, trebuchet, Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; background-color:#C52E27; padding:8px 0px 0px 11px;letter-spacing:1px; border-bottom:1px solid #999999;border-left:1px solid #999999;border-top:1px solid #000000;}

.titledbrown {font-size: 15px;color: #FFFFFF; text-decoration : none;line-height : 13px;font-weight: bold; font-family: Trebuchet ms, trebuchet, Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; background-color:#5E1516; padding:8px 0px 0px 11px;letter-spacing:1px; border-bottom:1px solid #999999;border-top:1px solid #000000;}

.titledredbrown {font-size: 15px;color: #FFFFFF; text-decoration : none;line-height : 13px;font-weight: bold; font-family: Trebuchet ms, trebuchet, Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; background-color:#AD2321; padding:8px 0px 0px 11px;letter-spacing:1px; border-bottom:1px solid #999999;border-top:1px solid #000000;}

.titledyellow {font-size: 15px;color: #FFFFFF; text-decoration : none;line-height : 13px;font-weight: bold; font-family: Trebuchet ms, trebuchet, Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; background-color:#FFE100; padding:8px 0px 0px 11px;letter-spacing:1px; border-bottom:1px solid #999999;border-top:1px solid #000000;}

.titlegreen {font-size: 15px;color: #FFFFFF; text-decoration : none;line-height : 13px;font-weight: bold; font-family: Trebuchet ms, trebuchet, Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; background-color:#00A650; padding:8px 0px 0px 11px;letter-spacing:1px; border-bottom:1px solid #999999;border-left:1px solid #999999;border-top:1px solid #000000;}

.titleorange {font-size: 15px;color: #FFFFFF; text-decoration : none;line-height : 13px;font-weight: bold; font-family: Trebuchet ms, trebuchet, Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; background-color:#FC7216; padding:8px 0px 0px 11px;letter-spacing:1px; border-bottom:1px solid #999999;border-left:1px solid #999999;border-top:1px solid #000000;}

.titlered {font-size: 15px;color: #FFFFFF; text-decoration : none;line-height : 13px;font-weight: bold; font-family: Trebuchet ms, trebuchet, Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; background-color:#E62324; padding:8px 0px 0px 11px;letter-spacing:1px; border-bottom:1px solid #999999;border-left:1px solid #999999;border-top:1px solid #000000;}

/** Text-Content Settings **/
body, p,th,tr,td,table,form,div,span,li {font-size: 12px;color: #000000;text-decoration : none;line-height : 15px;font-weight: normal;font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;vertical-align:top;}

.contentarea {padding:15px;border-left:1px solid #999999;}

.imgBorder { border: #CCCCCC 1px solid;}

BODY  {

	scrollbar-face-color : #D6D4D5;
    
	scrollbar-shadow-color : #000000;
	scrollbar-highlight-color : #000000;
    scrollbar-arrow-color : #000000;
    
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-track-color : #FFFFFF;
	
    
    
	margin-left : 0pt;
	margin-right : 0pt;
	margin-top : 0pt;
	margin-bottom : 0pt;
	margin : 0pt;
	padding-left : 0pt;
	padding-right : 0pt;
	padding-top : 0pt;
	padding-bottom : 0pt;
	padding : 0pt;
	border-left-width : 0pt;
	border-right-width : 0pt;
	border-top-width : 0pt;
	border-bottom-width : 0pt;
	border-width : 0pt;
	top : auto;
}

/** Anchor Settings **/
A,A:Visited {color : #4E97BD;font-weight: normal;text-decoration : underline;}
A:Hover,A:Active {color : #945734;font-weight: normal;text-decoration : none;}

A.other,A:Visited.other {color : #000000;font: bold 11px arial, verdana, helvetica;text-decoration : underline; padding:1px 4px 1px 4px;}
A:Hover.other,A:Active.other {color : #999999;font: bold 11px arial, verdana, helvetica;text-decoration : none;padding:1px 4px 1px 4px;}

A.readmore,A:Visited.readmore {color : #FC7216;font: bold 11px arial, verdana, helvetica;text-decoration : underline;}
A:Hover.readmore,A:Active.readmore {color : #999999;font: bold 11px arial, verdana, helvetica;text-decoration : none;}

/** Style for Form**/

.submit {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, tahoma; LETTER-SPACING: 1px; BACKGROUND-COLOR: #4E97BD; BORDER: #000000 solid 1px;  cursor:hand; padding:3px;}

.clear {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: grey; FONT-FAMILY: verdana, arial, helvetica, tahoma; LETTER-SPACING: 1px; BACKGROUND-COLOR: #C99576; BORDER: #000000 solid 1px;  cursor:hand; padding:3px;}

.field1{text-align:left; padding-right: 20px; padding-top: 5px; vertical-align:middle;}
.field2{padding-top: 5px; vertical-align:middle; }

.caps{text-transform : uppercase;font-size : 10px; }

.star{color:#FF0000; font-size:12px; FONT-WEIGHT: bold;}


option, select, textarea, input  {
	font-size : 11px;
	color : #4E97BD;
	text-decoration : none;
	font-family : Arial, Sans-Serif, Tahoma, Veranda, Helvetica, Georgia;
	line-height : 11px;
    BORDER: #000000 solid 1px; 
    FONT-WEIGHT: bold;  
    BACKGROUND-COLOR: #E9E9E9; 
    padding: 2px;
    vertical-align:middle;
}

#hand{ cursor:hand;}




/** TRANS MENU STYLES **/

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	width:119px;
    border-left:1px solid #CFCECE;  /* border colours must all be same here */
    border-right:1px solid #CFCECE; /* border colours must all be same here */
    border-bottom:1px solid #CFCECE; /* border colours must all be same here */
    }

.transMenu.top .items {
    border-left:1px solid #CFCECE; /* border colours must all be same here */
    border-right:1px solid #CFCECE; /* border colours must all be same here */
    border-bottom:1px solid #CFCECE; /* border colours must all be same here */
	}

/* each TR.item is one menu item */
.transMenu .item {
    color:#D2D4D2; /* Text colour for menus */
    font-size:10px;
    font-family:sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	
    border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
    
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:#D2D4D2; /* background colour */
	color:black;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}
    
    .menuInside {border-top:1px solid #CFCECE;font-size:11px;} /* border colours must all be same here */