/* CSS ATTRIBUTES 
Date		Version		Author	Comments
-----------------------------------------------------------------
05/01/07	001			DLB		  Initial Version
05/01/07	002		 DLB		  CSS is validated (w3.org)	
-----------------------------------------------------------------
What's here?
This stylesheet covers general styles for the internet and intranet 
sites for the NCC web development projects (2007)
The style sheets were written by David Balfour.
-----------------------------------------------------------------
 - Specifications for w3icon
	- Specifications for form elements 
	- Specifications for body / text / general formatting 
	- Specifications for image elements
	- Specifications for container elements 
	- Specifications for content container elements 
	- Specifications for breadcrumb area 
	- Additional style attributes yet to be organised
	- Specifications for footer action links
	
Specifications for w3icon  */
#w3Icons {
padding:0;
margin:0;
}
img.WCImage {
border:0;
width:88px;
height:31px;
}
/* 
End specifications for w3icon
Specifications for form elements 
*/
.inputForm {
display:block;
float:left;
margin-bottom:7px;
height:1.5em;
}
input, select, textarea {
font-family:Helvetica, Arial, sans-serif;
border-left: 1px solid #808080;
border-top: 1px solid #808080;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
margin:0;
padding:0;
}
input.radio, input.checkbox {
border:0;
vertical-align:bottom;
margin-right:0;
margin-left:4px;
margin-top: 8px;

}
input.formButton {
color:white;
background:#B280B8;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #808080;
border-right: 1px solid #808080;
padding-left:0;
padding-right:0;
}
/* 
End specifications for form elements 
Specifications for body / text / general formatting 
*/
body {
margin:0.4em 0.3em 0.3em 0.3em;
font-family:Helvetica, sans-serif;
font-size:75%;
color:black;
background:white;
padding:0;
}
a {
text-decoration:none;
}
a:hover,a:active {
text-decoration:underline;
}
a:visited {
color: #666666;
}



.tinyText {
font-size:1px;
}
h1 {
font-size: 160%; 
background:inherit;
color:#666666;
font-weight:normal;
padding:0;
margin-top:0.2em;
margin-bottom:0.4em;
margin-left:0;
margin-right:0;
}
h2 {
color: #666666;
font-weight:normal;
background:inherit;
font-size:140%;
margin-top:0.4em;
margin-bottom:0.4em;
margin-left:0;
margin-right:0;
}
h3 {
color: #666666;
background:inherit;
font-weight:bold;
font-size:120%;
margin-top:0.2em;
margin-bottom:0.0em;
margin-left:0;
margin-right:0;
}
h4 {
color: #666666;
font-weight:normal;
background:inherit;
font-size:120%;
margin-top:0.2em;
margin-bottom:0.2em;
margin-left:0;
margin-right:0;
}
h5 {
color: #666666;
background:inherit;
font-weight:normal;
font-size:110%;
margin-top:0.2em;
margin-bottom:0.2em;
margin-left:0;
margin-right:0;
}
strong {
font-weight:bold;
}
acronym {
cursor:help;
border-bottom: 1px dashed black;
}
hr {
height:1px;
color:#e2e2e2;
background:inherit;
clear: both;
}
/* 
This is a hack to fix the guillotine bug in IE 5 - 6 see http://www.positioniseverything.net/explorer/guillotin.html for more info :: see also additional code required for #centralContainer */
/* \*/
.hollyHack {
height:1%;
}
/* end hack fix */
.redText {
color:red;
background:inherit;
}
.clear {
clear:left;
}
.welcomeMessage {
color:white;
background-color:inherit;
float:right; 
position:relative; 
right:120px; 
margin-top:5px; 
padding-right:5px; 
padding-left:5px; 
padding-top:2px; 
padding-bottom:2px;
}
.welcomeMessage a {
color:white; 
background-color:inherit;
text-decoration:underline;
}
.welcomeMessage a:visited{
color: #ffffff; 
}

.underline{
text-decoration:underline;
}
/* 
end specifications for body / text / general formatting 
Specifications for image elements
*/
img {
border:0;
}
img.sectionImage {
float:left;
width:150px;
height:180px;
margin-right:11px;
margin-bottom:7px;
border:1px solid #6A6B6A;
}
img.sectionImageRHS {
width:165px;
height:165px;
border:#6A6B6A 1px solid;
margin:6px 6px 6px 6px;
float:right;
}
img.logo {
border:0;
margin-top:13px;
margin-left:12px
}
img.pixelImage {
width:1px;
height:1px;
border:0;
}
/* 
End specifications for image elements
Specifications for container elements 
*/
#topPicContainer {
background-repeat:no-repeat;
background-position:right top;
margin:0 0 0 0;
left:10px;
}
#mainContainer {
padding:0;
margin:0;
border:1px solid #6a6b6a;
max-width:967px;
min-width:760px;
}
/* \*/
* html #mainContainer {
width:967px;
}
/* end hack fix */
#bannerLogoContainer {

padding:10px 0 0 0;
margin:0;
height:80px;

}
#centralContainer {
margin:0;
padding:0;
background:white;
color:black;
}
/* This is a hack to fix the guillotine bug in IE 5 - 6 see http://www.positioniseverything.net/explorer/guillotin.html for more info :: see also additional code required for .hollyHack */
#centralContainer:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* \*/
* html #centralContainer {
height:1%;
}
.anotherHollyHack {
clear:both;
margin:15px 0 0 0;
}
/* end hack fix */
#footerContainer {
clear:both;
border-top:1px solid #6A6B6A;
margin:0;
background:#A2D0D7;
color:#ffffff;
padding-top:2px;
padding-bottom:2px;
}
#footerLeft {
margin-left: 5px;
}
#footerLeft a {
color: white;
background-color:inherit;
text-decoration:none;
}
/* 
End Specifications for container elements 
Specifications for content container elements 
*/
#Content {
padding-top:0.5em;
padding-right:0.5em;
padding-bottom:0.5em;
padding-left:0.5em;
background:white;
color:black;
margin:0 0 0 190px;
}
.navRightContent form {
display:inline;
}
/*
End Specifications for content container elements 
Specifications for breadcrumb area 
*/
#breadcrumb {
margin:0 0 0 186px;
font-size:88%;
padding:2px 6px 2px 6px;
border-bottom:1px solid #999999;
border-top:1px solid #6a6a6a;
}
/*
End Specifications for breadcrumb area 
Specifications for footer action links
*/
#footerActions {
padding-bottom:3px;
font-size:85%;
clear:both;
width:100%;
}
#footerActions ul {
float:right;
margin:0;
white-space:nowrap;
padding:0 0 0 0;
}
#footerActions li {
display:inline;
}
#footerActions li a {
text-decoration:none;
padding:0 4px 0 4px;
}
#footerActions li a:hover,#footerActions li a:active {
text-decoration:underline;
}
/* 
End Specifications for footer action links
Additional style attributes yet to be organised
*/
ul.level1Sitemap li {
margin: 0 0 22px 0;
list-style-type:none;
}
ul.level3Sitemap,ul.level2Sitemap {
margin-top:12px;
}
ul.level3Sitemap li{
list-style-type:none;
display:inline;
border-right:1px solid black;
padding:0 5px 0 5px;
}
span.atoz a {
padding:0 7px 0 7px;
border:1px solid #999999;
background-color:#B280B8;
color:black;
}
span.atoz a {
color:white;
margin-left:5px;
}
span.atoz a.current {
color:black;
background-color:#e4e4e4;
font-weight:bold;
}
span.atoz a:hover {
color:black;
background-color:#e4e4e4;
}
.newsDate {
	color: #666666;
	font-weight: bold;
}
.inputForm {
	width:200px;
}
.prefix {
	width: 50px;
	margin-right: 10px;}
.prefix2 {
	width: 138px;}

.inputForm.long {
	width:300px;
}
.labelForm,inputForm{
	display:block;
	float:left;
	margin-bottom:7px;
	height:1.5em;
}
.labelForm{
	text-align:right;
	width:165px;
	padding-right:12px;
	vertical-align:top;
	font-weight:bold;
	color:#003366;
	clear:left;
}
.brForm{
	clear:left;
	top:10px;
	position:relative;
}
input.formButton{
	color: #000;
	background-color:#FFFFFF;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #808080;
	margin-top:3px;
	padding-left:0;
	padding-top: 0;
	padding-right:0;
	text-align:center;}
	
	


#twoCols{width: 79%; float: left; clear: left;}

#leftCol{
	float: left;
	width: 48%;
	margin-right: 2%}
html>body #leftCol{width: 49%;}
#rightCol{
	float: left;
	width: 48%;}
html>body #rightCol{width: 49%;}	
dl {}
dt {}
dd {text-align:left;margin: 0 0 0 0; padding:0 0 0 0;}

/*** Box items 1 to be used in the content area - boxItem1 aligns the picture to the left ***/
dl.boxItem {margin: .75em 0 1.9em 0; padding: 0; width: 100%; clear: both;}
dl.boxItem dt {display:block; float:left; padding: 0; margin: 0 15px 1.5em 0; width: auto; }
dl.boxItem dd {margin: 0 0 0 0; padding:0 0 0 0; width: 100%; display: block;
	voice-family: "\"}\""; 	/* box model hack required for IE5 as table cells don't pick up body's size reduction to 90% */
	voice-family: inherit;
	width: 61%;

}
html>body dl.boxItem dd {width: 61%;}


/*** newsBox items 1 to be used in the content area - boxItem1 aligns the picture to the left ***/
dl.newsBoxItem {margin: .75em 0 1.9em 0; padding: 0; width: 100%; clear: both;}
dl.newsBoxItem dt {display:block; float:left; padding: 0; margin: 0 15px 1.5em 0; width: auto;}
dl.newsBoxItem dt img {border: 1px solid #000;}
dl.newsBoxItem dd.title {margin: 0 0 0 0; padding:0 0 0 0; width: auto; display: block; font-size: 1.3em;}
dl.newsBoxItem dd.titleHome {margin: 0 0 0 0; padding:0 0 0 0; width: auto; display: block;}
dl.newsBoxItem dd {margin: 0 0 0 0; padding:0 0 0 0; width: auto; display: block;}


dl.newsBoxItem dd span {width: 200px; display: block; float: left; font-weight: 600; color: #000; margin: 0; padding: 0;}
dl.newsBoxItem dd.server {color: blue;}

/*** newsBox items 1 to be used in the content area - boxItem1 aligns the picture to the left ***/
dl.eventBoxItem {margin: .75em 0 1.9em 0; padding: 0; width: 100%; clear: both;}
dl.eventBoxItem dt {display:block; float:left; padding: 0; margin: 0 15px 1.5em 0; width: auto;}
dl.eventBoxItem dt img {border: 1px solid #000;}
dl.eventBoxItem dd.title {margin: 0 0 0 0; padding:0 0 0 0; width: auto; display: block; font-size: 1.3em;}
dl.eventBoxItem dd.titleHome {margin: 0 0 0 0; padding:0 0 0 0; width: auto; display: block;}
dl.eventBoxItem dd {margin: 0 0 10px 0; padding:0 0 10px 0; width: auto; display: block;}


dl.eventBoxItem dd span.no1 {width: 200px; display: block; float: left; font-weight: 600; color: #000; clear:left; font-weight: bold; margin-bottom: 10px;}
dl.eventBoxItem dd span.no2 {width: 400px; display: block; float: left; font-weight: 600; color: #000; margin-bottom: 10px; font-weight: normal;}
dl.eventBoxItem dd.server {color: blue;}



form#testSurvey p{
	margin-top: 5px;
	margin-bottom: 5px;}
form#testSurvey input{
	border: none;}	
form#testSurvey input.submit{
	border: 1px solid purple;	
	}

form#searchForm p{
	
	margin-bottom: 0;
	border: none;
	font-weight: bold;}

form#searchForm fieldset {
	margin: 0 0 10px 0;
	padding: 10px;
	border: none;}

form#searchForm input, form#searchForm select, form#searchForm textarea {
	margin: 0 5px 5px 0;
	padding: 0;}


form#searchForm .label {
	float: left;
	width: 150px;
	font-size: 1em;
	color: #333;
	text-align: right;
	margin-right: 10px;
	color:#003366;
	font-weight: bold;
	padding-top: 3px;}
form#searchForm .label2 {
	float: left;
	width: 160px;
	font-size: 1em;
	color: #333;}

form#searchForm .text {
	padding: 0.2px;
	width: 300px;
	border: 1px solid #59665f;
	background-color: #eee;
	height: 20px;}


form#searchForm .check {
	border: none;
	float: left;}


form#searchForm .btn {
	background-color: #eee;
	margin-top: 5px;
	padding: 0.2px;
	border: 1px solid #59665f;
	color: #333;
	font-size: 100%;}
	
	
	
form#searchForm .formButton{
	color: #000;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #808080;
	margin-top:5px;
	margin-left:10px;
	padding:0.2px;
	text-align:center;
	background-color:#4389AE; 
	color:white; 
	font-weight:bold;
}
	
	
form#searchForm p.lang{
	margin: 0;
	padding-top: 0;
	border: none;
	background-color: #fff;}



form#searchForm .fLeft{
	float: left;}




#left3Col {
	float: left; 
	width: 165px;
	margin-right: 10px;}
	
#left3Col .navRightHeader {
	background:#B280B8;
	color:white;
}
	
#left3Col img{
	margin-top: 5px;
	border:1px solid #6A6B6A;
	width: 163px;}
#left3Col .textRight {
	text-align: right;
	margin: 5px 2px 0 0;}
#left3Col ul{
	margin: 5px 0 0 20px;}	
#left3Col p {margin-top: 0;}


#middle3Col {
	width: 100%;
	margin: 0 ;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 64.3%;
	width: 64%;}
	
#middle3Col	.navRightHeader {
	background:#B280B8;
	color:white;}
	
#middle3Col .news {min-height: 231px;}	
#middle3Col p{margin-top: 0;}
#middle3Col .corpCal {
	clear: both;
	width: 49%; 	
	float:left; 
	margin-right: 2%;
	height: 175px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-right: 23px;
	width: 48%;}
#middle3Col .corpCal .navRightContent {height: 175px;}
#middle3Col .corpCal .navRightContent div.img{text-align: center;}
#middle3Col .onToday { float: left; width: 49%; margin: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 48%;}
#middle3Col .onToday .navRightContent{height: 184px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 175px;
	}
#middle3Col .onToday ul {margin: 5px 0 0 20px;}


#right3Col {
	margin-left: 10px;
	width: 150px; 
	float:right;}
	
#right3Col .navRightHeader {
	background:#B280B8;
	color:white;}
	
#right3Col .navRightContent {
	padding-left: 4px;
	padding-bottom: -10px}
	
#right3Col ul.imageLinks {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;}
#right3Col ul.imageLinks li{
	padding: 0 0 0 0;
	margin: 0 0 0 0;}
a.button1 span, a.button2 span, a.button3 span, a.button4 span, a.button5 span, a.button6 span, a.button7 span{
	visibility: hidden;}
#right3Col ul.imageLinks li, #right3Col ul.imageLinks a{
	border-bottom: 1px solid #fff;}
a.button1{
	display: block;
	background: url(../images/buttons/1.gif) no-repeat top left;
	padding: 1.2em 0 1.2em 0;
	margin: 0;}	
a.button1:hover{
	background: url(../images/buttons/1a.gif) no-repeat top left;}	
a.button2{
	display: block;
	background: url(../images/buttons/2.gif) no-repeat top left;
	padding: 1.2em 0 1.2em 0;
	margin: 0;}
a.button2:hover{
	background: url(../images/buttons/2a.gif) no-repeat top left;}	
a.button3{
	display: block;
	background: url(../images/buttons/3.gif) no-repeat top left;
	padding: 1.2em 0 1.2em 0;
	margin: 0;}
a.button3:hover{
	background: url(../images/buttons/3a.gif) no-repeat top left;}	
a.button4{
	display: block;
	background: url(../images/buttons/4.gif) no-repeat top left;
	padding: 1.2em 0 1.2em 0;
	margin: 0;}
a.button4:hover{
	background: url(../images/buttons/4a.gif) no-repeat top left;}	
a.button5{
	display: block;
	background: url(../images/buttons/5.gif) no-repeat top left;
	padding: 1.2em 0 1.2em 0;
	margin: 0;}
a.button5:hover{
	background: url(../images/buttons/5a.gif) no-repeat top left;}	
a.button6{
	display: block;
	background: url(../images/buttons/6.gif) no-repeat top left;
	padding: 1.2em 0 1.2em 0;
	margin: 0;}
a.button6:hover{
	background: url(../images/buttons/6a.gif) no-repeat top left;}	
a.button7{
	display: block;
	background: url(../images/buttons/7.gif) no-repeat top left;
	padding: 1.2em 0 1.2em 0;
	margin: 0 0 0 0;}
a.button7:hover{
	background: url(../images/buttons/7a.gif) no-repeat top left;}	


.searchNext{
	float: right;
	background-color: #eee;
	margin: 0;
	padding: 5px;}

.searchNext ul{
	list-style-type: none;
	margin: 0;
	padding: 0;}
.searchNext ul li{
	display: inline;
	margin-right: 5px;}
.searchNext ul li a:hover{
	text-decoration: none;
	color: #B280B8;
	}
.results {
	padding: 5px;
	background-color: #eee;
	}

ul.editLinks{
	list-style-type: none;
	margin: 20px 0;}
ul.editLinks li{
	display: inline;
	margin-right: 10px;}

ul.editLinks li.add{background: #fff url(../images/icons/add.gif) no-repeat left; padding-left: 20px;}
ul.editLinks li.edit{background: #fff url(../images/icons/edit.gif) no-repeat left; padding-left: 20px;}
ul.editLinks li.delete{background: #fff url(../images/icons/delete.gif) no-repeat left; padding-left: 20px;}

ul.links {
	list-style: none;
	margin: 20px 0;}
ul.links li input{
	margin: 0;
	padding: 0;}
ul.links li a{
	background: #fff url(../images/icons/link.gif) no-repeat left; padding-left: 20px;
	}
/*
End Additional style attributes yet to be organised
END ALL CSS ATTRIBUTES  - see additional files 
*/