@charset "utf-8";

@import url("reset.css");
@import url("nav.css");


html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #666;  
	background: url(/images/bodybg.jpg) repeat-x #f6f6f6;
	line-height: 1.5em;
}

@-moz-document url-prefix() {
	body#site {
		overflow-y: scroll;
	}
}

h1 {
	font-size: 24px;
	color: #00a2b2;
	padding: 0;
	font-weight: normal;
	margin: 20px 0 10px 0;
	overflow: hidden;
}

	

h2 {
	font-size: 1.5em;
	color: #666;
	margin: 20px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
}
h2.no-margin
{
	margin: 0;
}

a {
	text-decoration: none;
	color: #00a2b2
}

a:hover {
	text-decoration: underline;
}

form {
	display:inline;
	margin: 0;
	padding: 0;
}

.styledLink {
	display: inline-block;
	height: 25px;
	background: url(/images/styledLinkBG.jpg) no-repeat top left;
}

	.styledLink b {
		display: inline-block;
		height: 22px;
		margin: 0 0 0 13px;
		padding: 3px 21px 0 0;
		background: url(/images/styledLinkBG.jpg) no-repeat top right;
		font-weight: normal;
		cursor: pointer;
	}
	
.styledLink:hover {
	text-decoration: none;
}

a img {
	border: none;
}

strong {
	color: #00a2b2
}

#container, #footer {
	width: 915px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	background: url(/Images/containerBG.png) repeat-y;
	padding: 0 27px;
}

	#header {
		height: 125px;
	}
	
		#OCS {
			float: left;
			width: 170px;
			height: 125px;
			background: url(/Images/logo.jpg);
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		#OCS a
		{
		text-indent: -10001px;
		display:block;
		width: 170px;
		height: 125px;
text-decoration:none;
		}
		
		#topControls {
			float: right;
			height: 67px;
			width: 390px;
			padding: 20px 0 0 0;
			position: relative;
		}
		
			#topControls img {
				vertical-align: middle;
				margin: 0 5px 0 0;
				cursor: pointer;
			}
			
			#topControls img#ifs {
				cursor:default;
				float:right;
				position:relative;
				top:30px;
			}
			
			#topControls a {
				color: #666;
			}
			
			.headerSearchField {
				width: 155px;
				height: 25px;
				background: url(/Images/headerSearchField.jpg) top right no-repeat;
				border: none;
				font-family: Arial, Helvetica, Sans-Serif;
				font-size: 11px;
				color: #666;
				padding: 5px;
				margin: 3px 0 0 20px;
				vertical-align: middle;
				position: absolute;
				top: 15px;
				right:30px;
			}
			
			.headerSearchInp {
				width: 30px;
				height: 25px;
				border: none;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 18px;
				right: 0px;
			}
	
	#topNav {
		height: 25px;
		margin: 0;
		padding: 0 0 0 381px;
		list-style: none;
	}
		
		.further #topNav {	
			border-bottom: 1px solid #e5e5e5;
			margin: 0 0 20px 0;
		}
	
	#newsTicker {
		height: 50px;
		margin: -20px 0 0 0;
	}
		
	#sideNav {
		width: 175px;
		float: left;
		margin: 20px 19px 20px 0;
		background: url(/images/ctaDisplayBG.jpg) no-repeat;
	}
	
	#flash {
		margin: 0 0 20px 0;
	}
	
	#homeCols {
		margin: 0 0 20px 0;
		overflow: hidden;
	}
	
		.homeCol {
			width: 252px;
			min-height: 340px;
			float: left;
			margin: 0 0 0 19px;
			background: url(/Images/homeColBG.jpg) no-repeat;
			padding: 10px 20px;
			position: relative;
		}
		
			* html .homeCol {
				height: 360px
			}
			
			.homeCol h2 {
				margin: 0 0 27px 0;
			}
		
		.firstCol {
			margin: 0 0 0 1px;
			width: 252px;
		}
		
			#homeColTab1, #homeColTab2 {
				height: 22px;
				top: 0px;
				position: absolute;
				font-size: 1.17em;
				color: #666;
				font-weight: bold;
				padding: 3px 0 0 0;
				text-align: center;
				cursor: pointer;
			}
			
			#homeColTab1 {
				width: 147px;
				left: 0px;
				background: url(/Images/homeColTab1.jpg);
			}
			
			#homeColTab2 {
				width: 145px;
				right: 0px;
				background: url(/Images/homeColTab2.jpg);
			}
			
			#tab1Content, #tab2Content {
				margin: 47px 0 0 0;
			}
			
				#tab1Content ul, #tab2Content ul {
					margin: 20px 0 0 0;
					padding: 0;
					list-style: none;
				}
				
				#tab1Content li, #tab2Content li {
					width: 45%;
					padding: 0 0 0 5%;
					float: left;
					background: url(/Images/yellowArrow.gif) no-repeat 0px 5px;
				}
			
			#tab2Content {
				display: none;
			}
		
		#content {
			width: 721px;
			float: left;
			margin: 0 0 20px 0;
			min-height: 400px;
		}
		
			* html #content {	
				height: 500px;
			}
			
			#breadcrumb {
				margin: 10 0 
			}
			
				#breadcrumb a {
					color: #666;
				}
			
		#latestNews {
			width: 162px;
			float: left;
		}
		
		#CTAdisplay {
			float: right;
			width: 155px;
			min-height: 370px;
			padding:10px;
			background: url(/images/ctaDisplayBG.jpg) no-repeat;
		}
		
			#CTAdisplay img {
				max-width: 155px;
			}
		
	#footerWrap {
		text-align: center;
	}

	#footer {
		height: 68px;
		clear: both;
		background: url(/Images/footerBG.jpg) no-repeat bottom left;
		position: relative;
	}
	
		#footer ul {	
			width: 291px;
			float: left;
			margin: 15px 0 50px 20px;
			padding: 0;
			list-style: none;
		}
		
		#footer ul#firstUL {
			margin: 15px 0 0 0;
		}
		
		#footer li {	
			display: block;
			padding: 0 0 0 72px;
			background: url(/Images/yellowArrow.gif) no-repeat 60px 5px;
			margin: 0 0 2px 0;
		}
		
			#footer a {
				color: #666;
			}
		
		#footer .firstLiChild {
			padding: 0 0 15px 60px;
			margin: 0 0 15px 0;
			color: #666;
			font-size: 1.17em;
			font-weight: bold;
			border-bottom: 1px solid #fff;
			background: none;
		}
		
		#copyright {
			text-align: center;
			clear: both;
			width: 100%;
			position: absolute;
			bottom: 20px;
			left: 0;
		}

	/* NEWS ARCHIVE PAGE */

#archiveYearButtons {
	width: 100%;
	float: left;
	height: 30px;
	background: #d0d0d0;
}

	#archiveYearButtons a {
		height: 26px;
		width: 8.3%;
		display: inline-block;
		float: left;
		text-align: center;
		padding-top: 4px;
	}

	#archiveYearButtons a:hover {
		text-decoration: none;
		background: #eee;
	}
	
	#archiveYearButtons a.directorySubmitSelected {
		background: #eee;
	}

#archiveMonthButtons {
	width: 100%;
	float: left;
	height: 30px;
	background: #eee;
	margin-bottom: 20px;
}

	#archiveMonthButtons a {
		height: 26px;
		width: 8.3%;
		display: inline-block;
		float: left;
		text-align: center;
		padding-top: 4px;
		color: #666;
		font-size: 11px;
		font-weight: bold;
	}
	
	.ie #archiveMonthButtons a {
		width: 8.27%;
	}
	
	#archiveMonthButtons a.directorySubmitSelected {
		color: #FCBD0D;
		font-size: 12px;
		text-transform: uppercase;
	}

	#archiveMonthButtons a:hover {
		text-decoration: none;
		background: #e0e0e0;
	}

.newsList {
	width: 100%;
	padding: 0 0 40px 0;
}

.newsRepeater {
	border-bottom: 1px solid #cdcdcd;
}
	
.newsListImage {
	float: right;
	margin-bottom: 10px;
}

.readMoreBtn {
	margin-top: 10px;
	display: block;
}

/* NEWS ARTICLE PAGE */

.newsBackLinkTop {
	float: right;
}

/* ENQUIRY PAGE */
#contactForm {
	width: 490px;
	border-bottom: 7px solid #f6f6f6;
	margin-top: 20px;
}

	#contactForm label, #newsletter label {
		display: inline-block;
		width: 125px;
		vertical-align: top
	}
	
	#newsletter label, #newsletter input {
		margin: 0 0 10px 0;
	}
	
	#newsletter input {	
		border: 1px solid #ccc;
		padding: 2px 5px;
		font-size: 11px;
		font-family: Arial, Sans-Serif;
		color: #666;
	}
	
	.buttoninput, #forumLogin input.buttoninput {
		color: #fff;
		background: #676767;
		border: none;
		font-size: 12px;
		font-weight: bold;
		padding: 5px;
		vertical-align: middle;
		margin: 0 10px 5px 0;
		font-family: Tahoma, Helvetica, sans-serif;
		cursor: pointer;
	}
	
	.contactbuttoninput, #newsletter input.contactbuttoninput, #forumLogin input.contactbuttoninput {
		background: url(/images/styledLinkBG2.jpg) no-repeat;
		border: none;
		font-size: 12px;
		font-weight: bold;
		color: #666;
		font-family: Arial, Sans-Serif;
		width: 158px;
		height: 25px;
	}
	
		#newsletter .contactbuttoninput {
			margin-left: 125px;
		}


	.contactSpacer1, .contactSpacer2 {
		padding: 10px;
	}
	
	.contactSpacer1 {
		background: #f6f6f6;
	}
	
	.contactTextInput {
		width: 141px;
		height: 15px;
		/*background: url(../images/inputBG.jpg) top right;*/
		border: 1px solid #ccc;
		color: #666;
		font-size: 11px;
		padding: 4px 5px;
	}
	
	.contactTextInputError {
		width: 141px;
		height: 15px;
		/*background-image: url(../images/inputBG-active.jpg) top right;*/
		border: 1px solid #00A0AB;
		color: #666;
		font-size: 11px;
		padding: 4px 5px;
	}
	
	.contactTextarea {
		width: 218px;
		height: 71px;
		/*background: url(../images/textarea-BG.jpg) bottom left;*/
		border: 1px solid #ccc;
		color: #666;
		font-size: 11px;
		padding: 4px 5px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.contactTextareaError {
		width: 218px;
		height: 71px;
		/*background: url(../images/textarea-BG-active.jpg) bottom left;*/
		border: 1px solid #00A0AB;
		color: #666;
		font-size: 11px;
		padding: 4px 5px;
		font-family: Arial, Helvetica, sans-serif;
	}


/* forum login page */
	
#forumLogin label {
	display: inline-block;
	width: 150px;
	margin: 0 0 10px 0;
}

#forumLogin input {
	margin: 0 0 10px 0;
	border:  1px solid #aaa;
	padding: 3px 5px;
	background: #fff;
	font-family: arial, Sans-Serif;
	font-size: 12px;
	color: #333;
}

#forumLogin input.contactbuttoninput {
	margin-left: 150px
}

/* my clients page */

#myClientsTable {
	margin: 20px 0;
	border: 1px solid #ddd;
}

	#myClientsTable .header td {
		background: #01A3B2;
	}

	#myClientsTable .header strong {
		color: #fff;
	}
	
	#myClientsTable .alternate td {
		background: #e8fdff
	}
	
.clientsBtn {
	border: 2px solid #75dce5;
	padding: 0px 8px;
	color: #01A3B2;
	background:  none;
	font-weight: bold;
	cursor: pointer;
}

.clientsBtn[disabled="disabled"] {
	border: 2px solid #eee;
	color: #999;
	cursor: default
}

/**/

.editPanel label {
	width: 130px;
	display: inline-block;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.editPanel input, .editPanel select {
	border: 1px solid #ccc;
	font-size: 11px;
	font-family: Arial, Sans-Serif;
	color: #666;
	margin: 0 0 10px 0;
}

.editPanel input {
	padding: 4px 8px;
}

.editPanel .contactbuttoninput {
	border: none;
	cursor: pointer;
	margin: 20px 0 0 0;
	font-size: 12px;
	color: #444;
}

/* button style */
	
	.passwordButton 
	{
	    background: url(../images/styledLinkBG.jpg) no-repeat scroll top right;
	    height:22px;
        padding:3px 28px 0 0;
        padding-left:10px;
        position:relative;
	    border:none;
	    cursor:pointer;
	}
	.downloadButton 
	{
	    float:right;
	    margin-left:60px;
	    margin-top:10px;
	    margin-bottom:20px;
	}
	.indent 
	{
	    margin-left:101px;
	}
	
	.fieldName 
	{
	    width:100px;
	    display:block;
	    float:left;
	    
	}

	
	span.itemsDownload 
	{
	    padding:10px;
	    background:#ededed;
	     width:95%;
	    display:block;
	    	}
	    	
	    	span.itemsDownload2 
	{
	    padding:10px;
	    background:#EFF9FA;
	     width:95%;
	    display:block;
	   
	   	}
	   	span.tableHeadings 
	   	{
	   	   padding:10px;
	   	    background:#d4d7d6;
	   	    width:95%;
	    display:block;
	   	}
	   	
	   	.fileCol 
	   	{
	   	   
	   	    display:inline-block;
	   	}
	   	.dateCol 
	   	{
	   	   margin-left:306px;
	   	    display:inline-block;
	   	    
	   	}
	   	.fileNameField 
	   	{
	   	    width:360px;
	   	    display:inline-block;
	   	    word-wrap:break-word;
	   	}
	   	
	   		.dateField 
	   	{
	   	    margin-right:5px;
	   	    display:inline-block;
	   	}
	   	
.moreInfoText { 
	display: none;
	margin: 0;
	padding: 10px;
	background: #DEEDF0;
}

.moreInfoLink {
	position: relative;
	top: -2px;
	right: -2px;
	display: inline-block;
	background: #00A2B1;
	color: #fff;
	font-size: 10px;
	line-height: normal;
	padding: 0 5px;
	cursor: pointer;
}

.moreInfoLink:hover {
	text-decoration: none;
	background: #FFBD11;
}

.csrCategory {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}

	.csrCategory h2 {
		margin: 0;
	}
	
	.csrCategory select {
		float: right;

	}