/*Styles For Cashman Bell associates New Site*/


/*Initialise Styles*/
body
{
	font-size: 100.01%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	border: none;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
	color: white;
}

img
{
	border: none;
	margin: 0;
	padding: 0;
}

p
{
	margin: 0;
	padding: 0;
	background-color: white;
	color: gray;
}

h2, h3
{
	color: #3398DF;
	background-color: White;
}

h4
{
	margin: 0;
	padding: 0;
}

a
{
	color: #66BADF;
	background-color: white;
}

ol
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.accessLink
{
	position: absolute;
	top: 0;
	left: -3000px;
}
/*main page positioning and setup*/
#content
{
	background-color: White;
	color: white;
}

#wrapper
{
	width: 780px; /*Will work on 800x600 res*/
	position: relative;
	margin: 10px auto;
	background-color: white;
	color: White;
	border: 1px solid Silver;
}

/*Main Page Sections*/
#header

{
	text-align: right;
	float: left;
	display: inline;
	margin: 5px 20px 10px 20px;
}


#mainContent
{
	font-size: 0.9em;
	clear: both;
	float: left;
	width: 740px;
	margin: 0 20px 0 20px;
	padding: 0;
	display: inline;
}

#footer
{
	text-align: right;
	font-size: 0.8em;
	clear: both;
	margin: 0 20px 20px 20px;
	padding-top: 20px;
	color: silver;
	background-color: White;
}

/*Header sections and styles*/
#headerNav
{
	font-size: 0.7em;
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
}

#headerNavLeft
{
	float: left;
	margin: 0;
	padding: 0;
}

#headerNavRight
{
	float: right;
	margin: 0;
	padding: 0;
}

.headerNavList
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.headerNavList li
{
	display: inline;
	background-color: white;
	color: #66BADF;
}

.headerNavList a
{
	text-decoration: none;
	background-color: White;
	color: Gray;
}

/*Prep image for rollover*/
.headerNavList a img.mainRollover
{
	position: absolute;
	top: 10px;
	left: 270px;
	width: 490px;
	height: 200px;
	visibility: hidden;
}

/*This is used to set the hover state to ensure that the image is redrawn on rollover*/
#header a:hover
{
	border: none;
}

.headerNavList a:hover
{
	color: black;
	background-color: White;
	text-decoration: underline;
}

/*show rollover image*/
.headerNavList a:hover img.mainRollover
{
	visibility: visible;
}

/*highlights current page*/
.current
{
	font-weight: bold;
	background-color: White;
	color: gray;
}
/*End of header styles*/

/*Main Page Area Styles*/
#mainHeader
{
	text-align: right;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

.pageIntro
{
	float: left;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 240px;
	height: 200px;
	color: white;
	background-color: #66BADF;
	font-size: 0.7em;
}

.pageIntro p
{
	color: white;
	background-color: #66BADF;
	margin: 10px 10px 0 0;
	padding-left: 40px;
	line-height: 180%;
}

.headerBold
{
	font-weight: bold;
	font-size: 1.1em;
	margin: 10px 10px 0 0;
	padding-left: 40px;
	line-height: 180%;
}

#mainBody
{
	clear: both;
	float: left;
	display: inline;
	width: 740px;
	margin-top: 10px;
	padding: 0;
	font-size: 0.9em;
}

.pageTitle
{
	font-size: 2.2em;
	font-weight: normal;
	color: #3A3A3A;
	background-color: White;
	text-transform: lowercase;
}

/*Left Main content area*/
#leftContent
{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	width: 500px;
}

/*used to wrap text and leave margin intact*/
#leftText
{
	width: 490px;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0.8em;
}

#leftText h2
{
	font-size: 1.5em;
}

#leftText h3
{
	font-size: 100.01%;
}

.mainContentAreas
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.mainContentAreas li
{
	display: inline;
}

.mainFeature
{
	width: 240px;
	height: 210px;
	float: left;
	display: inline;
	margin: 0 10px 15px 0;
}

.mainFeatureHeader
{
	text-align: right;
}

.featureHeader
{
	text-align: right;
	float: left;
	display: inline;
	padding: 7px 5px 1px 0;
	width: 235px;
	height: 32px;
	background-color: #66BADF;
	color: white;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	cursor: pointer;
}

.headerImg
{
	
}

/*this css hides the small rollover image until hovered*/
.mainFeature a img.mainRollover
{
	position: absolute;
	top: 126px;
	left: 270px;
	width: 490px;
	height: 200px;
	visibility: hidden;
}

.mainFeature a:hover
{
	border: none;
}

.mainFeature a:hover img.mainRollover
{
	visibility: visible;
}

/*this css swaps the images on rollover*/
.mainFeatureBody
{
	margin: 10px 0 0 0;
	font-size: 0.8em;
	line-height: 13px;
}

.mainFeatureBody p
{
	height: 60px;
}

/*Sub navigation menu styles*/
.ulSubMenu
{
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
	height: 25px;
	text-align: center;
	font-size: 80%;
}

.ulSubMenu li
{
	width: 98px;
	float: left;
	color: #FFFFFF;
	background-color: #CCE8F4;
}

.ulSubMenu li a
{
	display: block;
	height: 18px;
	padding: 5px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

.ulSubMenu li a:hover
{
	color: #333333;
	background-color: #EEEEEE;
}

.hlSubMenu
{
	color: #66BADF;
	background-color: #CCE8F4;
}

.hlSubMenuSelected
{
	color: #FFFFFF;
	background-color: #66BADF;
}

/*Industry Sector page*/
.divSector
{
	clear: both;
	margin: 20px 0 30px 0;
	width: 480px;
}

#pSectorFoot
{
	clear: both;
}
/* End of Industry sector page*/

/*Data Publishing page*/
.largeBold
{
	font-size: 1.2em;
	color: Gray;
	background-color: white;
	margin-right: 10px;
	font-weight: bold;
}
/*end of data pub page*/

.plainList
{
	color: gray;
	background-color: White;
}

.actionShot
{
	float: right;
}

/*project brief page styles*/
#divCentred
{
	text-align: center;
}

#divCentred h3
{
	font-size: 1.3em;
	text-transform: uppercase;
}
/*end of pb styles*/

/*contact us styles*/
#contactMap
{
	float: right;
}

#ddlContactUs
{
	width: 250px;
	
}

fieldset
{
	color: gray;
	border: 1px solid #66BADF;
	padding: 10px;
	margin: 30px 0 0 0;
}

legend
{
	color: #FFFFFF;
	background-color: #CCE8F4;
	background-color: #66BADF;
	border: 1px solid #66BADF;
	padding: 5px;
	font-weight: bold;
}

.formLabel
{
	float: left;
	width: 100px;
	margin: 3px 0 3px 0;
	font-weight: bold;
}

.formField
{
	width: 200px;
	margin: 0 0 3px 0;
}

.formTextArea
{
	width: 450px;
	height: 100px;
	margin: 5px 0 0 0;
}

.validationText
{
	color: #000000;
}
.validationHighlight
{
	background-color: #FFFACD;
}

.feedbackLabel
{
	display: block;
	margin: 30px 0 0 0;
	border: 1px solid #66BADF;
	padding: 5px;
	color: gray;
}
/*end of contact styles*/

/*news page styles*/
#newsFrame
{
	width: 490px;
	height: 440px;
	margin: 0;
	padding: 0;
	border: none;
}

#newsList, #newsArchiveList
{
	color: Gray;
	text-align: left;
	font-size: 0.8em;
}

#newsArchiveList, #newsArchiveItem
{
	margin-left: 10px;
	display: block;
}

#newsList.pageTitle
{
	/*font-size: 100.01%;*/
}

.newsUL
{
	display: block;
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
	margin: 10px 0 0 0;
}

.newsUL li
{
	display: block;
	margin: 0;
	padding: 0;
}

.newsText
{
	margin: 0 0 30px 0;
}

.newsImage
{
	margin: 0;
	padding: 0;
	border: none;
}

.newsImage img
{
	border: none;
	margin: 0;
	padding: 0;
}

.newsBold
{
	font-weight: bold;
	clear: both;
	padding: 25px 0 0 0;
}

.newsArchiveUL
{
	display: block;
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
	margin: 10px 0 0 0;
}
/*end of news styles*/

/*portfolio styles*/
.pfImage
{
	float: right;
	clear: right;
	margin: 0 0 0 10px;
}

.pfImage2
{
	float: right;
	clear: right;
	margin: 10px 0 0 10px;
}
/*end of portfolio styles*/

/*Sitemap styles*/
.sitemapList
{
	margin: 0 0 0 30px;
	font-size: 1.2em;
	color: #66BADF;
	list-style-type: disc;
}

.sitemapList li
{
	margin: 10px 0 5px 0;
}

.sitemapList .sitemapList
{
	font-size: 1.0em;
	list-style-type: circle;
}
/*end of sitemap styles*/

/*end of main content area*/

/*Right hand navigation*/
#rightNav
{
	float: right;
	margin: 0;
	padding: 0;
	width: 240px;
}

.rightNavList /*the ul*/
{
	list-style-type: none;
	text-align: right;
	margin: 0;
	padding: 0;
}

.rightNavListItem /*the li*/
{
	margin: 0;
	clear: both;
	padding: 0;
}

.rightNavItem /*The item div*/
{
	width: 100%;
	margin: 0;
	padding: 0;
	height: 107px;/*3px less height IE*/
	min-height: 110px;/*Reset to proper height in ff*/
}

.rightNavItemHeader /*the li header div*/
{
	padding: 0;
	margin: 0;
	border: none;
	background-color: #CCE8F4;
	color: #0082D2;
	height: 40px;
}

.rightNavListItemHeader  /*the a in the header containng the rollover images*/
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: #CCE8F4;
	color: #0082D2;
	text-decoration: none;
	height: 30px;
	display: block;
	padding: 7px 5px 1px 0;
	font-size: 1.4em;
	font-weight: bold;
	cursor: pointer;
}

.rightNavItemBody /*the actual item div */
{
	float: left;
	margin-top: 10px;
	/*width: 55%;*/
	text-align: left;
	font-size: 0.8em;
	padding: 0;
}

.rightNavListItemDesc /*the p tag - not really necessary*/
{
	margin: 0;
	padding: 0;
}

.rightNavItemMoreLink /*the link to more div*/
{
	float: right;
	font-size: 0.8em;
	/*width: 45%;*/
}

/*End of Main Page Area Styles*/



/*Footer Styles*/
#divFooterLinks
{
	text-align: left;
	font-size: 80%;
	margin: 20px 0 10px 0;
}

.w3cValidation
{
	float: right;
	margin: 5px 0 0 3px;	
}

.w3cValidation > a
{
	border: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.w3cValidation > a > img
{
	border: none;
	margin: 0;
	padding: 0;
}

.bold
{
	font-weight: bold;
	background-color: White;
	color: gray;
}

.coloured
{
	color: #66BADF;
	background-color: white;
}

.subText
{
	font-size: 0.8em;
}
/*End of footer styles*/



/************ADMIN SITE STYLES******************/
#loginArea
{
	text-align: left;
	margin: 50px 0 50px 50px;
}

#adminMainArea
{
	float: left;
	text-align: left;
}

.loginLabel
{
	color: Gray;
	background-color: White;
}

.loginTextBox
{
	width: 250px;
}

.submitButton
{
	color: white;
	background-color: #66BADF;
	font-weight: bold;
}

.adminHeaderText
{
	color: Gray;
	background-color: White;
}

.errorMsg
{
	color: Red;
	background-color: White;
}

#leftNav
{
	float: left;
	text-align: left;
	width: 200px;
	height: 600px;
	color: White;
	background-color: #66BADF;
}

#leftNav h4
{
	margin: 20px 0 0 10px;
}

.loggedIn
{
	margin-left: 10px;
}

.adminNavList
{
	padding: 0;
	list-style-type: none;
	margin: 20px 10px 50px 10px;
}

.adminNavList a
{
	color: #F0F8FF; /*Alice Blue*/
	font-weight: bold;
	background-color: #66BADF;
}

#rightContent
{
	float: left;
	width: 500px;
	margin-left: 20px;
	text-align: left;
	color: Gray;
	background-color: White;
}

#newsBody
{
	width: 500px;
}

#newsImage
{
	width: 200px;
	height: 300px;
}

#newsHeader
{
	width: 500px;
	height: 300px;
}
/*innova editor styles*/
.newsItem
{
	width: 450px;
	clear: both;
	padding: 20px 0 20px 0;
	margin: 0;
	display: block;
	/*border: 1px solid black;*/
}

.newsImage
{
	width: 100px;
	float: left;
	/*border: 1px solid blue;*/
}

.newsText
{
	width: 340px;
	float: right;
	/*border: 1px solid red;*/
}

.newsHeader
{
	font-weight: bold;
	/*border: 1px solid green;*/
}

.newsItemText
{
	/*border: 1px solid yellow;*/
}

.pfTxtBox
{
	width: 250px;
}
/***************END OF ADMIN STYLES*************/