/*********** Global ***********/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, hr, th, td
{
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}

.clearboth
{
	clear:both;
	height:0px;
}

.clearleft
{
	clear:left;
	height:0px;
}

.clearright
{
	clear:right;
	height:0px;
}

.adminbutton
{
    margin-top: 4px;
    margin-bottom: 4px;
}

/*********** Page ***********/

.backdrop 
{
	background: #f2f2f2 url('images/wooshred.jpg') no-repeat top center;
	margin: 0 0 0 0;
	border-style: none;
}

#form1 {
	margin: 0 auto;
	border-style: none;
}

#page {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif;
	BORDER-RIGHT: #fff 10px solid;
	BORDER-TOP: #fff 0px solid;
	BORDER-LEFT: #fff 10px solid;
	BORDER-BOTTOM: #fff 0px solid;
	WIDTH: 974px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	POSITION: relative;
}

.content {
	background: #dbdbdb url(images/corners974t.gif) no-repeat left top;
	width: 974px;
	OVERFLOW: hidden;
	FONT-FAMILY: verdana,helvetica,arial,sans-serif;
	padding-bottom: 10px;
}

.contentbottom {
	background: #dbdbdb url(images/corners974b.gif) no-repeat left bottom;
	width: 974px;
	FONT-FAMILY: verdana,helvetica,arial,sans-serif;
	height: 5px;
}

#col1 {
	clear:left;
}

.col {
	float: left;
	width:306px;
	margin: auto auto auto 14px;
}

.colw 
{
	float: left;
	width:626px;
	margin: auto auto auto 14px;
}

/*********** Header ***********/
#header {
	BACKGROUND-COLOR: #ffffff;
	DISPLAY: block;	
	height: 105px;
}

.toplink {
	float:right;
	padding-left:10px;
	padding-right:0px;
	padding-top:5px;
}

#navbar
{
	clear:right;
	float:right;
}

.navbaritem
{
	float:left;
	padding: 10px 10px 10px 10px;
	font-size:0.7em;
	border-right-color: #fff;
	border-right-width: 1px;
	border-right-style: none;
	text-decoration:none;
	color:Black;
}

.navbaritem:hover
{
	background-color:#EEE;
	cursor: pointer;
}

#titletelephone
{
	float:right;
	font-size:8pt;
	font-weight:bold;
	padding-top: 18px;
	padding-right: 30px;
}

#titlesearch
{
	float:right;
	font-size:8pt;
	font-weight:bold;
	padding-top: 15px;
}

#titlesearchbutton
{
	float:right;
	cursor: pointer;
	padding-left: 5px;
	padding-top: 17px;
}

#cauntonlogo 
{
	float:left;
}

.titleadmin
{
    clear:right;
    float:right;
    padding-top:8px;
    width: 500px;
    text-align: right;
    font-size:8pt;
}


/*********** Footer ***********/
.footer {
	CLEAR: both;
	PADDING-RIGHT: 14px;
	PADDING-LEFT: 14px;
	FONT-SIZE: 0.7em;
	PADDING-BOTTOM: 12px;
	PADDING-TOP: 12px;
	BACKGROUND-COLOR: #FFFFFF;
}

.footerlogos
{
	float:left;
}

.footerlogo
{
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
}

#registered
{
	float: right;
	padding-top: 10px;
	text-align: right;
}


/*********** Widget - Single Column Width ***********/

.widgetmap
{
    width: 274px;
    height: 274px;
}

.widgetcontent div
{
	font-size: 8pt;
}

.widget
{
	margin: 14px 0px 0px 0px;
	width: 306px;
	BACKGROUND: #fff url(images/corners306b.gif) no-repeat left bottom;
	FONT-SIZE: 0.8em;
}

.widgetgradient
{
	BACKGROUND: url(images/gradient_bg.gif);
}

.widgetheader {
	background: url(images/corners306t.gif) no-repeat top;
	display: block;
	padding: 0.75em;
	POSITION: relative;
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: bold;
	COLOR: #E12523;
}

.widgetheaderleft 
{
	float:left;
}

.widgetheaderright 
{
	float:right;
	color: #444;
	font-size: 8pt;
	font-weight: normal;
	padding-top: 8px;
}


.widgetsubheader 
{
	font-size: 10pt;
	font-weight: bold;
	padding-top: 16px;
	padding-bottom: 8px;
}

.widgetlabel
{
	font-size: 8pt;
	font-weight: bold;
	padding-right: 10px;
}

.widgettext
{
	margin-left: 16px;
	margin-right: 16px;
	text-align: justify;
	font-size: 8pt;
	padding-top: 16px;
	padding-bottom:16px;
	vertical-align: top;
	color:black;
}

.widgetcheckboxlist label
{
    font-size: 8pt;
    padding-left: 6px; 
} 

.widgetparagraph 
{
	clear: both;
	padding-bottom:8px;
	font-size: 8pt;
}

.widgetsummary {
	list-style:none;
	padding-bottom: 8px;
}

.widgetsummarylabel
{
	font-weight: bold;
	width: 150px;
	display: block;
	float: left;
	clear: both;
}

.widgetsummarytext
{
	font-weight: normal;
}

.widgetreadmore
{
	padding-right: 15px;
	padding-bottom: 16px;
	text-align: right;
	padding-top: 16px;
	vertical-align: top;
}

.widgetrightlink
{
	float: right;
}

.widgetcontent
{
	padding: 16px 0px 16px 0px;
	margin: 0px 16px 0px 16px;
}

.widgetcontent li
{
	margin-left: 15pt;
	list-style-type: square;
}

.widgetcontent li span,
.widgetcontent li a
{
    text-decoration: none;
    cursor: pointer;
    font-size: 8pt;
    color: #000;
}

.readmore,
.widgetcontent .readmore
{
	font-size: 8pt;
	text-decoration: none;
	color : #E12523;
	font-weight: bold;
	cursor: pointer;
}

/*********** Widget Wide - Two Column Width ***********/

.widgetwide
{
	margin-top: 14px;
	width: 626px;
	background: #fff url('images/corners626b.gif') no-repeat bottom left;
	FONT-SIZE: 0.8em;
}

.widgetwideheader
{
	BACKGROUND: url(images/corners626t.gif) no-repeat top;
	padding: 14px;
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: bold;
	color: #E12523;
	text-decoration: none;
}

.widgetwideheader :link { color: #E12523; text-decoration:none; } 
.widgetwideheader :visited { color:#E12523; text-decoration:none; } 
.widgetwideheader :link:hover { text-decoration:none; } 
.widgetwideheader :link:active { text-decoration:none; } 

.widgetwideheadernogradient
{
	BACKGROUND: #E12523 url(images/corners626t.gif) no-repeat top;
	padding: 12px 14px 8px 14px;
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: bold;
	color: #fff;
}

.widgetwideheaderleft 
{
	float:left;
}

.widgetwideheaderright 
{
	float:right;
	color: #444;
	font-size: 8pt;
	font-weight: normal;
	padding-top: 8px;
}

.widgetwidefooter
{
	height: 5px;
	BACKGROUND: #E12523 url('images/corners626b.gif') no-repeat bottom left;
}

.widgetwidespacer
{
	background-color: #E12523;
	height: 5px;
}

.widgetwideimage
{
	float:left;
	width: 225px;
}

.widgetwideimagefull
{
	float:left;
	padding-right: 12px;
	padding-bottom: 6px;
}

.widgetwidetext
{
	padding-bottom: 6px;
	font-size: 8pt;
	vertical-align: top;
	color:black;
}

.widgetwidelabel
{
	padding-left:14px;
	padding-bottom: 6px;
	text-align: right;
	font-size: 8pt;
	vertical-align: top;
	font-style: italic;
	color:black;
}

.widgetwidetextfullpadded
{
	font-size: 8pt;
	vertical-align: top;
	color:black;
	padding-bottom: 16px;   
}

.widgetwidereadmore
{
	padding-top: 6px;
	font-size: 8pt;
	float:right;
	clear: right;
	width: 200px;
	text-align: right;
}


/*********** Widget Full - Three Column Width ***********/

.widgetfull
{
	margin-top: 14px;
	margin-left:14px;
	width: 945px;
	background: #fff;
	FONT-SIZE: 0.8em;
}

.widgetfullgradient
{
	BACKGROUND: url(images/gradient_bg.gif);
}

.widgetfullheader
{
	padding: 8px;
	FONT-SIZE: 1.4em;
	font-weight: bold;
	COLOR: #444;
	text-align:center;
}

.widgetfulltop
{
	background: url(images/corners945t.gif) no-repeat top left;
	padding: 0.25em;
	Z-INDEX: 1;
}

.widgetfullbottom
{
	background: url(images/corners945b.gif) no-repeat bottom left;
	padding: 0.25em;
	Z-INDEX: 1;
}

.widgetfull ul
{
	cursor: pointer;
}


/*********** Feature ***********/

.feature {
	color: #fff;
	MARGIN: 0px 14px 0px 0px;
	WIDTH: 626px;
}

.featurefloat {
	color: #fff;
	FLOAT: right;
	MARGIN: 0px 14px 0px 0px;
	WIDTH: 626px;
}

.featureheader {
	display: block;
	padding: 0.60em;
	POSITION: relative;
	FONT-SIZE: 1em;
	FONT-WEIGHT:bolder;
	COLOR:#FFFFFF;
	background-color: #E12523
}

.featuretopcorner {
	BACKGROUND: #E12523 url('images/corners626t.gif') no-repeat top left;
	padding: 0.25em;
	Z-INDEX: 1;
	POSITION: relative;
}
	
.featureimages {
	height: 280px;
	width: 626px;
	position: relative;
}

.featureimageandoverlay {
	display:none;
}

.featureimageandoverlayselected {
	display:block;
}

.featureimage {
	height: 280px;
	width: 626px;
	position: relative;
}

.projectthumb {
	/*height: 150px;
	width: 225px;*/
	float: left;
	padding-right: 14px;
}

.featureimagestall {
	height: 400px;
	width: 626px;
	position:relative;
}

.featureimagetall1 {
	height: 400px;
	width: 626px;
	z-index: 3;
	top: 0;
	left: 0;
	position: absolute;
	border: none;
}

.featureimagetall2 {
	height: 400px;
	width: 626px;
	top: 0;
	left: 0;
	z-index: 2;
	position: absolute;
	border: none;
}

.featureimagetitle {
	position:absolute;
	top:0px;
	right:0px;
	color: #000;
	font-weight:bolder;
	font-size: 1.2em;
	font-variant:small-caps;
}

.featurelist {
	FLOAT: left;
	LIST-STYLE-TYPE: none;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.featurelist LI {
	FLOAT: left;
	margin-top: 3px;
	margin-left: 0px;
	margin-bottom: 0px;
	HEIGHT: 41px;
	WIDTH: 154px;
	cursor: pointer;
}

.featurelist LI.unselectable {
	cursor: auto;
}

.featurelist LI.selected {
	background-color: #E12523;
	margin-top: 0px;
	height: 44px;
	color:#E12523;
}

.featurelist div {
	COLOR: #fff;
	font-size:0.8em;
	padding: 4px 10px 10px 6px;
}

.featurelistitem1 {
	color:#E12523;
	background-color:#ADAFAB;
	font-weight:bold;
	margin-right: 3px;
}

.featurelistitem2 {
	color:#E12523;
	background-color:#ADAFAB;
	font-weight:bold;
	margin-right: 3px;
}

.featurelistitem3 {
	color:#E12523;
	background-color:#ADAFAB;
	font-weight:bold;
	margin-right: 3px;
}

.featurelistitem4 {
	color:#E12523;
	background-color:#ADAFAB;
	font-weight:bold;
	margin-right: 0px;
}


/*********** ChangePanels ***********/
.changepanel 
{
	position: relative;
}

.changepanelimgs {
	float:left;
}

.changepanelfooter 
{
	position: absolute;
	background: url(images/corners306b.gif) no-repeat bottom left;
	height: 6px;
	width: 306px;
	top: 154px;
	left: 0px;
}

.changepanelimg {
	height: 160px;
	width: 200px;
	display: none;
}

.changepanelimgselected {
	height: 160px;
	width: 200px;
}		

.changepaneltxts {
	height: 40px 
}

.changepaneltxts div {
	height: 40px;
}

.changepaneltxt {
	background: #BB0000;
}

.changepaneltxtselected {
	background: #DD0000;
}

.changepanellink {
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}


/*********** Carousel ***********/

/* Carousel */
ol#carouselMS 
{
	visibility:hidden;
}

ol#carouselMS li {
	margin:4px;
}

ol#carouselMS img {
	border: 0px;
}

/*********** Fading ***********/

/* default opacity for IE */
img
{
	 filter: alpha(opacity=100);	
}

/*********** Switch Text ***********/

.switchtextcontainer
{
	position: relative;
	height: 56px;
}

.switchtext
{
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 14px;
	padding-left: 14px;
	font-size: 8pt;
}

/*********** Lightboxes ***********/

.panel-light *
{
    font-size: 8pt;
}

.lightboxheading
{
    padding-bottom: 0px;
    font-weight: bold;
}

.lightboximage
{
    text-align: center;
    padding-bottom: 12px;
}

.lightboximageleft
{
    padding-bottom: 6px;
    float:left;
    padding-right:12px;
}

.lightboximageright
{
    padding-bottom: 6px;
    float:right;
    padding-left:12px;
}

.lightboximagecaption
{
    text-align: center;
    font-size: 8pt;
    font-weight: bold;
}

.lightboxhighlight
{
    font-weight: bold;
}

.panel-bd p
{
    padding-bottom: 12px;
}

.panel-bd ul
{
    padding-bottom: 12px;
    margin-left: 30px;
}

/* Check if the below are used anywhere */
div.lightbox {
	font-family: verdana, sans-serif;
	font-size: 0.8em;
}

div.lightbox p.ft {
	border-top: 1px solid #777;
	font-size: 0.6em;
	padding-top: 5px;
	text-align: right;
}
/* Check if the above are used anywhere */

.lightboxscroll {
	height:450px;
	padding-right:12px;
	overflow:auto;
}


/*********** Photos ***********/

.fullsizeimage
{
	padding-bottom: 10px;
}

.selecteditemimage:hover
{
	cursor: pointer;
}

.leftimage
{
	float: left;
	padding-top: 10px;
	padding-bottom: 5px;
	clear: both;
}

.rightimage
{
	padding-top: 10px;
	padding-bottom: 5px;
	float: right;
}

/*********** Other - This needs to be tidied up ***********/

A.black {
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}

A.whitetext:hover {
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}

.button {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: white;
	font-weight: Bold;
	background : red;
}

A.black:hover {
	color : #E41F1F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}

.date {
	color : #333333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
	font-weight: normal;
	font-style: italic;
}

.glow-sortable-dropindicator {
	border: 2px dotted #800;
	/*height: 220px;*/
	margin: 10px;
}

.grey {
	color : #333333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : small;
}

h3 {
	color : #333333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18px;
	text-decoration : none;
	font-weight: bold;
}

.home2a {
	color : #E41F1F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}

.home2a:hover {
	color : #595D67;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}

A.home {
	color : #E41F1F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : underline;
}

.home2 {
	color : #E41F1F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}

.ie {
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	text-decoration : none;
}

.menu li {
	font-weight: bold;
	padding-bottom: 20px;
}

.menu li li {
	font-weight: normal;
	padding-bottom: 0px;
}

.newslink {
	color : #333333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
	font-weight: bold;
}

.newslink101 {
	color : #333333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : small;
	text-decoration : none;
	font-weight: bold;
}

.newslink2 {
	color : #E41F1F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
	font-weight: bold;
}

A.news:hover {
	color : #E41F1F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : small;
	text-decoration : underline;
}

.newslink3 {
	color : #E41F1F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration : none;
	font-weight: bold;
}

.newslink3 {
	color : #E41F1F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : underline;
	font-weight: bold;
}

.proj {
	color : #333333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight: bold;
}


/* Project Feature Images
*/
.projfeatureimage {
	height: 280px;
	width: 626px;
	position: relative;
}
.projecttext {
	padding: 5px;
	font-size:8pt;
	text-align:justify;
}



.red {
	color : #E41F1F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}
	
.redlink {
	color : #E12523;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	text-decoration: none;
}

.redlink3 {
	color : #E12523;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18px;
    font-weight: bold;
	text-decoration: none;
}

.redlink2 {
	color : #E12523;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight: bold;
	text-decoration: underline;
}

.redgp {
	color : #E41F1F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

#photoinfo {
	Width: 626px;
	COLOR: #FFFFFF;
	BACKGROUND: #E12523;
	font-weight: normal;
	font-size:10px;
	text-align: right;
}

.sectorheader {
	Width: 626px;
	COLOR: #FFFFFF;
	BACKGROUND: #E12523;
	font-weight: bold;
	font-size:0.8em;
	text-align: center;
}

.sector
{
	float:right;
	width:117px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	font-size:0.8em;
	text-align:center;
	color:Black;
}

span.black {
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}

.title {
	font-family : Arial;
	font-size : 18pt;
	font-weight : bold;
	color : #E41F1F;
}

.tiny {
	color : #333333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
}

.tolight {
	cursor: pointer;
}

.white {
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

.whitetext {
	color : white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}

.whitetext2 {
	color : white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : small;
	text-decoration : none;
}

/*********** Edit Project **********/

.ProjectEditCheckboxes
{
    float:right;
    width: 378px;
}

.ProjectEditLine
{
    padding-top: 8px;
    clear: both;
}

.ProjectEditLabel 
{
	width: 200px;
	font-weight: bold;
	font-size: 8pt;
	float: left;
}

.ProjectEditText 
{
	font-weight: normal;
	font-size: 8pt;
	width: 378px;
}

.ProjectText
{
	font-weight: normal;
	font-size: 8pt;
	width: 378px;
	float: right;
}

.ProjectEditText label
{
    padding-left: 4px;
}

.ProjectEditMulitLineText
{
    height: 100px;
}

.ProjectEditDate
{
	font-weight: normal;
    width: 100px;
    font-size: 8pt;
}

.ProjectEditDateImage
{
    padding-left: 2px;
    vertical-align: middle;
}

.SaveCancel
{
    padding-top: 16px;
    clear: both;
}

.filter
{
    text-decoration : none;
	cursor: pointer;
    font-size: 8pt;
	color: Black;
}

/******** Logon Page *********/

.logonlabel
{
    float: left;
    width: 100px;
    margin-top: 4px;
}

/******** Hot Topics ********/

.hottopictable
{ 
	border-collapse: collapse;
	border: solid 1px #000;
} 

.hottopictable th, 
.hottopictable td
{ 
	padding: 4px;
	border: solid 1px #000;
}


/******** Search Log ********/

.searchestable
{ 
	border-collapse: collapse;
	border: solid 1px #000;
} 

.searchestable th,
.searchestable td
{
	padding: 4px;
	border: solid 1px #000;
}