/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}
#container {
	width: 777px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
p{
	padding-top: 5px;
	margin-top: 5px;
}
h1 {
	font-size: 11px;
	margin-top: 0px;
	padding-top: 0px;
}
h2 {
	font-weight: bold;
	font-size: 11px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


select {
	font-size: 10px;
	margin-top: 2px;
}
#breadcrumb {
	float: left;
	padding-top: 12px;
	height: 25px;
	padding-left: 8px;
}
#breadcrumb h1 {
	font-weight: normal;
}
#breadcrumb h1 a{
	color: #333333;
	text-decoration: none;
}
#breadcrumb h1 a:hover{
	text-decoration: underline;
}



#logo {
	float: left;
	height: 75px;
	width: 169px;
}

.clear {
	clear: both;
}



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


#navBlock {
	height: 75px;
	width: 777px;
	margin-bottom: 1px;
}
#nav {
	float: right;
	position: relative;
	width: 608px;
}
#nav ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav li
{
	float: left;
	margin: 0;
	vertical-align: text-bottom;
}

#nav li.selected a
{
	background-image: url(../imgs/navOver.gif);
}


#nav li a
{
	float: left;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/navUp.gif);
	line-height: normal;
	width: 75px;
	height: 45px;
	margin-left: 1px;
	word-wrap:break-word;
	padding-top: 30px;
	background-color: #1C213E;
	background-repeat: no-repeat;
}

#nav li a:hover, #nav li a.selected
{
	background-image: url(../imgs/navOver.gif);
	background-repeat: no-repeat;
}
/* Hide from IE5-Mac \*/
#nav li a
{
float: none
}
/* End hide */




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

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

#subnav {
	overflow: hidden;
}

#subnav a{
	height: 21px;
	width: 210px;
	color: #333333;
	display: block;
	background-image: url(../imgs/bullet1.gif);
	padding-left: 35px;
	padding-top: 5px;
	text-decoration: none;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: 17px center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#subnav ul {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
#subnav li {

}
#subnav a.subSelected{
	background-color: #ECECEC;
}

#subnav a:hover{
	color: #D20000;
	background-image: url(../imgs/bullet1.gif);
	background-color: #ECECEC;
	background-repeat: no-repeat;
	background-position: 17px center;
}

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


#comcab-edinburgh_co_uk_areaSelector, #comcab-aberdeen_co_uk_areaSelector,  #no77_co_uk_areaSelector{
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 159px;
	height: 30px;
	padding-top: 7px;
	float: right;
}

#comcab-edinburgh_co_uk_areaSelector {
	background-image: url(../imgs/tel.gif);
	
}

#comcab-aberdeen_co_uk_areaSelector {
	background-image: url(../imgs/telAb.gif);
}

#no77_co_uk_areaSelector {
	background-image: url(../imgs/telOn.gif);
}

.title {
	height: 54px;
	background-color: #1C213E;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #ffffff;
}
#address {
	font-size: 10px;
	background-color: #F7F7F7;
	text-align: center;
	padding: 7px;
}
#copyright {
	font-size: 10px;
	color: #999999;
	text-align: center;
	padding: 10px;
}


#indexContent {
	float: left;
	width: 531px;
}
#content {
	background-image: url(../imgs/contentFill.gif);
	background-repeat: repeat-y;
}

#panels {
	/*background-image: url(../imgs/indexPanelsFills.gif);*/
	background-repeat: repeat-y;
}

#indexPanelL {
	clear: left;
	float: left;
	width: 262px;
}
#indexPanelL .generalContent{
	min-height:258px; /* Equalise heights for Firefox etc */
}

#indexPanelR {
	float: right;
	width: 262px;
}
#indexPanelR .generalContent{
	min-height:258px; 
}

/* for Internet Explorer to equalise heights*/
/*\*/
* html #indexPanelL .generalContent, * html #indexPanelR .generalContent{
height: 258px;
}
/**/

.generalContent {
	background-color: #f7f7f7;
	padding: 15px;
}
.generalContent a{
	color: #d20000;
	text-decoration: none;
}
.generalContent a:hover{
	text-decoration: underline;
}
.generalContent img {
	float: right;
	padding-left:15px;
	padding-right: 15px;
}
.generalContent ul li, #mainContent ul li{
	list-style-image: url(../imgs/bullet1.gif);
	margin-bottom: 5px;
}
#indexNews {
	float: right;
	margin-left: 7px;
}
.homeNewsAdj{
	width: 239px;
}
#latestNews{
	width: 239px;
}
#newsPanel1 {
	background-color: #f7f7f7;
}

#imgHeader {
	margin: 0px;
	padding: 0px;
	height: 145px;
	overflow: hidden;
}
.NMdate {
	background-image: url(../imgs/datePanel.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	height: 17px;
	width: 49px;
	padding-top: 4px;
	padding-left: 7px;
}
.NMtitle {
	padding-top: 8px;
	padding-bottom: 6px;
}
.NMtitle a{
	color: #d20000;
	text-decoration: none;
	font-weight: bold;
}
.NMtitle a:hover{
	text-decoration: underline;
}
.NMsummary {
	padding-bottom: 8px;
	margin-bottom: 12px;
	background-image: url(../imgs/grayDots.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#footerNav {
	font-size: 10px;
	color: #999999;
	text-align: center;
	padding-top: 10px;
}

#footerNav a{
	color: #999999;
	text-decoration: none;
}
#footerNav a:hover{
	text-decoration: underline;
}
#leftCol {
	float: left;
	width: 245px;
}
#rightCol {
	float: right;
	width: 525px;
}
#content2 {

	background-image: url(../imgs/contentFill2.gif);
	background-repeat: repeat-y;
}

/* --------------------------------- MAIN CONTENT -----------------------------------------------------*/

#mainContent {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#mainContent h1 {
	font-size: 12px;
	margin-top: 0px;
	background-color: #ececec;
	display: block;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}
#mainContent h2 {
	font-weight: bold;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#mainContent p, .contactOutput {
	padding-right: 10px;
	padding-left: 10px;
}

#mainContent a{
	color: #D20000;
	text-decoration: none;
}
#mainContent a:hover{
	text-decoration: underline;
}
#mainContent img{
	padding-left:15;
	padding-right:15;
	float:right;
}
#mainContent .clearImg img{
	float: none;
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
}

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

#login a {
	color: #D20000;
	text-decoration: none;
}
#login a:hover {
	text-decoration: underline;
}
#login .text {
	width: 150px;
}
#login input {
	font-size: 11px;
}
.latestNewsItem img, #newsContent img {
	float: right;
	border: 3px solid #dcdcdc;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}
.newsTitle {
	font-size: 18px;
	color: #1c213e;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.latestNewsItem {
	overflow: hidden;
	clear: right;
	background-image: url(../imgs/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding-left: 24px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.latestNewsDate {
	margin-bottom: 5px;
	color: #1C213E;
}
#newsContent {

	overflow: hidden;
	clear: right;
	background-image: url(../imgs/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding-left: 24px;
}
#newsContent p{
	padding-right: 15px;
	padding-left: 0px;
}
#return {
	margin-left: 23px;
	margin-bottom: 6px;
}
#archiveListH {
	color: #FFFFFF;
	background-color: #1C213E;
	height: 19px;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 24px;
}
#archiveListH a{
	color: #FFFFFF;
}
.floatRight {
	float: right;
}
#archiveContainer {
	margin-top: 2px;
}

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

#archiveContainer li { 
	margin: 0 0 2px 0;
}

#archiveContainer a
{
	display: block;
	background-color: #ececec;
	color: #333333;
	height: 17px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 24px;
	background-image: url(../imgs/bullet2.gif);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}


#archiveContainer a:hover
{
	background-color: #dddddd;
	background-image: url(../imgs/bullet2.gif);
	color: #D20000;
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.archiveListDate {
	float: left;
	width: 65px;
}

.archiveListTitle {
	margin-left: 55px;
	margin-right: 5px;
}

.impactText{
	font-family: "Franklin Gothic Medium Cond", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #404040;
	line-height: 24px;
}
.highlight {
	color: #d20000;
}
/* ------------------------------------------------------------------------------------------
------------------------------------------------ forms ----------------------------------- */

.row {
	clear: both;
	padding-top: 5px;
}

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px dotted #666666;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}	

* html fieldset{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}	

legend {
	padding: 0 10px;
	text-transform: uppercase;
	color: #666666;
	font-size: 1em;
	font-weight: bold;
	background-color: #f7f7f7;
}

.formLabel {
	/*font-size: 1.2em;*/
	line-height: 1.6em;
	text-align: right;
	margin-right: 10px;
	width: 100px;
	float: left;
	font-weight: bold;
}

.formControl {
	float: left;
	width: 326px;
}
		
#contactForm input.field, textarea.field {
	border: 1px solid #999999;
	padding: 2px;
	font-size: 11px;
}	
		
#contactForm input {
	width: 322px;
}		


textarea {
	width: 479px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
		
#contactForm .submitButton {
	width: auto;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

.contactOutput{
	color: #CC3333;
}		

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