/***********************************************/
/* geo-refer.css for geo-refer                 */
/* Based on the 3col_leftNav.css               */
/* linked templates:                           */
/*   - general site                            */
/* W - workshop/ news                          */
/* O? - learning objects                       */
/***********************************************/

/***********************************************/
/* common html tag styles                      */
/***********************************************/ 


body, td, th{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;}

a, a:link, a:visited, a:hover{
	color: #006699;
	text-decoration: none;
	margin: 0px;
	padding: 0px;}

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

img a:link{
	text-decoration:none;}

h1, h2, h3, h4, h5, h6, label{
	font-family: Arial, Helvetica, sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;}
	h1{font-size: 200%;}
	h2{font-size: 175%;}
	h3{font-size: 150%;}
	h4{font-size: 125%; font-weight: bold; color: #333333;}
	h5{font-size: 100%;}
	h6{font-size: 90%; font-style: italic;}
	label{font-size: 100%; font-weight: bold;}
	
ul{
	list-style-type: square;}
	ul ul{list-style-type: disc;}
	ul ul ul{list-style-type: none;}

blockquote{
	border : 1px solid #CC0000;
	/*width: 100%;*/
	margin: 2px;
	padding: 4px;
	font-style: italic;
	font-size: small;
	background-color: #EEEEEE;
}

blockquote h4{color: #CC0000; text-decoration: blink;}

/***********************************************/
/* layout divs                                 */
/***********************************************/

#masthead{
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	/*border-bottom: 1px solid #cccccc; TO BE REMOVEDd*/
	width: 100%;}

#navBar, #navBarO{
	float: left;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;}
	#navBar {width: 15%; background-color: #eeeeee;}
	#navBarO {width: 15%; background-color: #FFFFFF;}

#content, #contentO, #contentW{
	float: left;
	margin: 0px;
	padding: 0px;}
	#content {width: 80%;}
	#contentO {width: 80%; /*border: 1px solid #996633;*/}
	#contentW {width: 80%;}

#sideline {
	margin: 0px;
	/*padding: 10px 0px 20px 10px;*/
	padding: 0px 10px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color:#660000;}
	#sideline {float: right; width: 10%; background-color: #eeeeee; font-size: 80%;}
	#sideline label{font-size: 110%;}
	#sideline p{padding: 0px; padding-bottom: 5px;}
	#sideline a:hover{font-weight:bold;}
		
#siteInfo{
	clear: both;
	margin: 0px;
	padding: 0px;
	margin-top: 50px;
	border-top: 1px solid #cccccc;
	font-size: 80%;
	color: #666666;
	text-align:right;
	width: 98%;}
	#siteInfo img{padding: 4px; padding-left: 10px; vertical-align: middle;}
	#siteInfo a{display: inline; color: #666666;}
	#siteInfo a:hover{text-decoration: underline;}

/***********************************************/
/* layout components                           */
/***********************************************/

/* #masthead: h1/#siteName styles **************/
#siteName{
	padding-left: 10px;
	font-weight: bold;}

/* #masthead: #extUrl styles *******************/
#extUrl, #objCat{
	margin: 0px;
	padding: 0px;
	color: #cccccc;
	text-align:right;
	background-color: #FFFFFF;}
	#extUrl {border-bottom: 1px solid #CCC; font-size:75%; padding-bottom: 2px;}
	#extUrl img{display: block;}
	#extUrl a{display: inline;}
	#extUrl a:hover{text-decoration: underline;}
	#objCat {border-bottom: 1px solid #996633; font-size:85%;}
	#objCat ul{margin: 0px; padding: 0px;}
	#objCat li{
	margin: 0px;
	margin-right: 10px;
	padding: 0px 5px;
	display: inline;
	color: #999999;
	border: 1px solid #996633;
	border-bottom: 0px solid #ffffff;
	}
	.activeTab {background-color:#996633; font-weight:bold; color:#FFFFFF;}
	#objCat li.activeTab{ color:#FFFFFF;}

/* #masthead: h2/#pageName styles **************/
#pageName, #pageNameW, #pageNameO{
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
	color:#F9F9F9;
	text-align: left;}
	.greenTxt{
	font-size: larger;
	color: #33CC00;
	text-decoration: underline overline;
	font-style: normal;
	font-weight: bold;
}
	#pageName {background-image:  url("../images/topline_grey_logo.png"); background-repeat: repeat-y;}
	#pageNameW {background-image:  url("../images/topline_blue_logo.png"); background-repeat: repeat-y;}
	#pageNameO {background-image:  url("../images/topline_brown_logo.png"); background-repeat: repeat-y;}

/***********************************************/

/* #navBar: #search styles *********************/
#search{
	padding: 0px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;}
	#search form{padding: 0px;}
	#search label{display: block; padding: 0px;}

/* #navBar: list styles ************************/
#navBar ul, #navBarO ul{
	margin: 0px;
	padding: 0px;
	list-style: none;}
	#navBar ul a:link, a:visited, #navBarO ul a:link, a:visited{display: block;}
	/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	#navBar li, #navBarO li{border-bottom: 1px solid #eeeeee;}
	/* fix for browsers that don't need the hack */
	html>body #navBar li, html>body #navBarO li{border-bottom: none;}


/* #navBar: #sectionLinks styles ***************/
#sectionLinks{
	position: relative;
	/*border-bottom: 1px solid #cccccc;*/
	font-size: 90%;
	font-weight: normal;}
	#sectionLinks h3{padding-top: 10px; padding-left: 10px; font-weight: normal;}
	#sectionLinks li{padding-left: 0px; border-top: 1px solid #cccccc; color: #CCCCCC;}
	#sectionLinks a{display: block; padding-left: 10px;}
	#sectionLinks .inactive{display: block; padding-left: 10px;}
	#sectionLinks a:hover{
		/*background-color: #dddddd;
		color: #3300CC;*/
		background-color: #999999;
		color:#ffffff;}
	#sectionLinks h5 a{display: inline; padding: 1px; color:#3333FF; text-decoration:underline;}
	#sectionLinks h5 a:hover{background-color:#eeeeee;; color:#66CCCC;}

/* #navBar: .arrowTop/Bottom styles ************/
.arrowLeft, .arrowRight{
	padding: 5px, 0px;
	font-size: 150%;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;}
	.arrowLeft{text-align: left; color:#666666;}
	.arrowRight{text-align: right; color: #996633;}

/* #navBar: #event styles (e.g. workshop)*******/
#event{
	position: relative;
	padding-left: 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 75%;
	font-weight: normal;
	color: #336699;}
	#event p{margin: 0px; padding: 5px; padding-left: 0px;}
/***********************************************/

/* #content: .feature styles *******************/
.feature{
	padding-left: 10px;
	font-size: 80%;}
	.feature h3{padding-top: 20px;}
	.redFlashTxt {color: #FF0000; text-decoration: blink; font-style: normal; font-weight: bold;}
	.blueFlashTxt {color: #000033; text-decoration: blink; font-style: normal; font-weight: bold;}
	.feature ul li{margin:0px; padding:5px; list-style-type: circle;}
	/*.feature ul li{height: 25px;}*/
	.feature ul img{margin:0px; padding: 0px; padding-right:5px; vertical-align:bottom}

/* #content: .story styles *********************/
.story{
	clear: both;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 80%;}
	.story h3{padding-bottom: 10px;}
	.story h4{font-size:large; font-weight:bold;}
	.story p{padding: 0px 0px 10px 0px;}
	/*.story ul{list-style-type:disc;}*/
	.story ul li{list-style-type:none; text-indent: -25px;}
	/*.story ul {list-style-type:none; text-indent: -25px;}*/
	.story ul li img{vertical-align: middle; padding: 0px 5px;}
	.story a, a:link{display: inline;}
	.story a:hover{text-decoration: underline;}
	.glossaryBox {
	font-weight:normal;
	color:#660000;
	border-bottom-style: dotted;
	border-top-color: #660000;
	border-bottom-color: #660000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;}
	.textNAC {font-style: italic; color: #333333;}

/***********************************************/

/* #content: .programme & table styles *********/
.programme, .programmePrint {
	width: 850px;
	margin: 0px;
	padding: 10px 0px;
	font-size: 120%;
	font-weight: bold;}
	.dash{float: left; width: 25px; text-align: center; font-weight: normal;}
	/**Workshop schedule**/
	.time{float: left; padding-left: 5px; width: 50px;}
	.title{float: left; width: 350px;}
	.action{float: left; width: 400px;}
	.icon{float: left; width: 25px;}
	/**Case study tabular summary**/
	.heading{float: left; font-weight: bolder; width: 150px;}
	.field{float: left; width: 650px;}
	.fieldLite{float: left; width: 650px; font-weight: normal;}
	/**Census examples tabular content**/
	/*working width for proagramme table is 840px with 1 width = 120px*/
	.bTextSpacer, .bTextShort, .bText, .bTextLong, .bText2, .bText2Long, .bText3, .bText4Short, .bText4, .bText5, .bText6{
		float: left;
		padding-left: 5px;
		font-size: 80%;
		color: #FFFFFF;
		background-color: #333333;}
		.bTextSpacer {width: 3px; padding: 0px; margin: 0px; color: #FFFFFF ; background-color: #FFFFFF;}
		.bTextShort {width: 60px;}
		.bText {width: 120px;}
		.bTextLong {width: 160px;}
		.bText2 {width: 240px;}
		.bText2Long {width: 300px;}
		.bText3 {width: 360px;}
		.bText4Short {width: 470px;}
		.bText4 {width: 480px;}
		.bText5 {width: 600px;}
		.bText6 {width: 720px;}
	.tTextSpacer, .tTextShort, .tText, .tTextLong, .tText2, .tText2Long, .tText3, .tText4Short, .tText4, .tText5, .tText6{
		float: left;
		padding-left: 5px;
		font-size: 80%;
		font-weight: normal;
		color: #333333;}
		.tTextSpacer {width: 3px; padding: 0px; margin: 0px; color: #333333;}
		.tTextShort {width: 60px;}
		.tText {width: 120px;}
		.tTextLong {width: 160px;}
		.tText2 {width: 240px;}
		.tText2Long {width: 300px;}
		.tText3 {width: 360px;}
		.tText4Short {width: 470px;}
		.tText4 {width: 480px;}
		.tText5 {width: 600px;}
		.tText6 {width: 720px;}
	.capText{
		font-size: 100%;
		color: #FFFFFF;
		background-color:#333333;}
	.tableTextHdg{
		font-size: 110%;
		font-weight: bold;
		font-variant: small-caps;
		color: #FFFFFF;
		background-color:#333333;
		padding: 5px;}
	.tableTextBold{
		font-size: 110%;
		font-weight: bold;
		padding: 5px;
		vertical-align: middle;}
	.tableText{
		font-size: 100%;
		padding: 5px;
		vertical-align: top;}
	.programme img a{vertical-align: text-bottom;}
	.programmePrint {width: 550px;}

/***********************************************/

/* #glossary styles (separate files) ***********/
#glossary{
	margin: 0px;
	padding: 0px;}
	#glossary h6{padding: 5px;}
	#glossary p{padding: 0px 5px; font-size:smaller;}
	#glossary a{display: inline;}
/***********************************************/

/**************** #form styles *****************/
#formhead{
	padding: 5px;}

#formhead h1{
	font-size:150%;
	text-align:center;
	color:#333333;
	font-weight:bold;}

#formobj{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 80%;}
	#formobj a, a:link, a:visited{display: inline;}
	#formobj a:hover{text-decoration: underline;}
	
.textRight{text-align: right};
	
/**************** #event styles *****************/