/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	/*background-image:  url("/images/design/bg_crosses.gif");
	background-position: top;
	background-repeat: repeat-y;*/
}
/*
  cheesy background image styles - not using
	background-image: url(/images/design/bg-logos.jpg);
	background-position: top;
	background-repeat: repeat-y;
*/

/* Cross browser styles */
/* These techniques are described at http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html */
/* 
Briefly:
Netscape 4 displays <p> text at 12px, regardless of user setting. 

Internet Explorer 6 for Windows displays <p> text at small, because of the "font-size: small" 
rule in the "body p" selector. This works out to 12px at the default setting, but would 
scale larger if the user set their "Text Size" setting larger.

Internet Explorer 5 for Windows displays <p> text at x-small, which works out to be 12px 
at the default setting, but would scale larger if the user set their "Text Size" setting 
larger in the View menu. 

Internet Explorer 5 for Mac, Opera, Netscape 6, Mozilla, and (hopefully) all future browsers 
will display <p> text at small, because of the "font-size: small" rule in the "html>body p" 
selector. This works out to 12px at the default setting, but would scale larger if the user 
used the "Text Zoom" feature. 
*/

p, td {
	font-size: 12px;
}

/*/*/a{}
body p, body td{
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body p, html>body td {
	font-size: small;
}
/* */
/* COMMENT ABOVE NEEDED FOR THE HACK!!! */

a{
	color: #4E5A85;
	text-decoration: none;
}

a:link{
	color: #4E5A85;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #4E5A85;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #4E5A85;
	text-decoration: underline;
	font-weight: bold;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #635775;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #82A583;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #635775;
 margin: 0px;
 padding: 0px;
}


h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #5C4E38;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #5C4E38;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #635775;
 cursor: pointer; 
 cursor: hand; 
}

textarea { 
	font-family: Arial, sans-serif;
}

/***********************************************/
/* Classes for table styles etc.               */
/***********************************************/

.lightbox, .lightCell {
	/*background-color: #EDEEF3;*/
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
}

#listCats .lightCell a{
	color: #0E52A6;
	}

.darkbox {
	background-color: #DDDFEA;
	font-weight: bold;
	background: #CBCFCE;
	color: #fff;
}

.contrastbox {
	background-color: #D0D0E6;
}

.titleCell {
	/*background-color: #9BA4C4;
	background-image: url(/images/design/fill_bar_shallow.jpg);
	background-repeat: repeat-x;*/
	font-weight: bold;
	background: url(../images/design/search-bg.gif) left top repeat-x #0e52a6;
	color: #fff;
}
.titleCell a, .titleCell a:hover, .titleCell a:focus, .titleCell a:active{
	color: #fff;
	text-decoration: underline;
	}

.titleCellDeep {
	/*background-color: #ddd;
	background-image: url(/images/design/fill_bar_deep.jpg);
	background-repeat: repeat-x;*/
	font-weight: bold;
	background: url(../images/design/search-bg.gif) left top repeat-x #0e52a6;
	color: #fff;
}

.blank {
	background-color: #ffffff;
}

/************** #visibleTable div **************/


#visibleTable table{
	border-collapse: collapse; /* this is so we can get the same as cellspacing without double thick borders */
	margin: 0 0 20px 0;
}	

#visibleTable td{
	border: 1px solid #ddd; /* puts the borders around tables without nesting it inside another */
	padding: 4px; /* achieves same as cellpadding */
}

#tinymce td{
	border: 1; /* puts the borders around tables without nesting it inside another */
	padding: 0; /* achieves same as cellpadding */
}


/* Table captions are included for non-visual browsers */
#visibleTable caption{
	display: none; 
}


/************** Additional text classes etc. **************/

/*.heading {
	font-family: Arial, sans-serif;
	color: #4E5A85;
	font-weight: bold;
	font-size: 120%;
}*/
.heading{
	
	clear: both;
	width: auto;
	display: block;
	/*width: 100%;*/
	margin: 0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 180%;
	background: url(../images/design/heading-bg.gif) left top repeat-x #1b6185;
	padding: 20px;
	}

.subheading {
	font-family: Arial, sans-serif;
	color: #5C4E38;
	font-weight: bold;
	font-size: 110%;
}

.standout {
	font-family: Arial, sans-serif;
	color: #E11600;
	font-weight: bold;
}

.footnote {
	font-size: 75%;
}

/* This is for the skip navigation link which is hidden from visual browsers */
.skiplink {
	display: none;
}

/* Survey database details page headings */
.detailsHeading {
	font-family: Arial, sans-serif;
	color: #4E5A85;
	font-weight: bold;
	font-size: 110%;
	padding: 1em 0em 0.5em 0em;
	border-bottom: 1px solid #CCC;
}

/*-----------Submenu----------*/
#submenu{
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ddd;
	}


/************** .middle styles JSP *****************/

.middle {
	clear: both;
	padding: 20px;
	font-size: 80%;
	/*width: 100%;*/
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0;
	background-repeat: no-repeat;
	width: 100%;
	}
	#masthead img{
		border: none;
		float: left;
		}
	
	#masthead #header{
		width: 100%;
		background: url(../images/design/header-bg.jpg) left top no-repeat #fff;
		}
 *html #full-container{
	float: left;
	width: inherit;
	background: url(../images/design/full-container-bg-top.gif) left top repeat-x #fff;
	padding: 0;
	margin: 0;
	}
	
	
#navBar{
	float: left;
	width: 20%;
	margin: 0 0 0 0;
	padding: 0px;
	background: #fff;
	border-top: 1px solid #e3e3e3;
}
#rightbar{
	float: right;
	width: 20%;
	margin: 0 0 0 0;
	/*padding: 10px 0px 20px 10px;*/
	padding: 0;
	font-size: 80%;
	background: #fff;
	border-top: 1px solid #e3e3e3;
}

#content-left{
	margin: 0 0 0 0;
	display: run-in;
	float: left;
    width: 60%;
	background: url(../images/design/content-sides-bg.gif) left top repeat-y ;
	
	}
	#content-right{
		margin: 0;
		padding: 0 0 200px 0;
		display: run-in;
		float: left;
		background: url(../images/design/content-sides-bg.gif) right top repeat-y ;
		width: 100%;
		}
		#content{
			border-top: 1px solid #e3e3e3;
			background-color: #fff;
			margin: 0 10px 0 10px;
			padding: 0;
			}
			


/************* #content styles **************/

#content .adminOption{
	margin: 0px 10px 8px 4px;
	border: 1px dashed #9BA4C4;
	border: 1px dashed #ddd;
	padding: 4px;
}


/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
	float: right;
	padding: 2px 10px 5px 0;
	color: #39456e;
	
}

#globalNav img{
	display: block;
}

#globalNav a {
	font-size: 80%;
	color: #39456e;
	font-weight: normal;
}

/************* #secondaryNav styles **************/

#secondaryNav{
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	color: #FFF1BB;
	background: url(../images/design/main-nav-bg.gif) left top repeat-x #20283f;
	}
	#secondaryNav li{
		float: left;
		padding: 0;
		margin: 0;
		background: url(../images/design/main-nav-splits.gif) right top no-repeat;
		list-style: none;
		}
		#secondaryNav li a {
			float: left;
			color: #fff;
			text-transform: uppercase;
			padding: 8px 20px 8px 20px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			}
		#secondaryNav li a:hover{
			text-decoration: none;
			background: url(../images/design/main-nav-hover.gif) center bottom no-repeat;
			}

/*-----------Title under nav------------*/
#title-under-nav{
	float: left;
	width: 100%;
	height: 37px;
	background: url(../images/design/title-under-nav-repeat.gif) left top repeat-x #f1f1f1;
	padding: 0 0 3px 0;
	}




/************* #footer styles ***************/

#footer{
	clear: both;
	float: left;
	width: 100%;
	background: url(../images/design/footer-bg-repeat.gif) left top repeat-x #184d75;
	font-size: 75%;
	color: #fff;
	padding: 0 0 10px 0;
	margin: 0;
}

/*#footer img{
	vertical-align: bottom;
}*/

/************* #siteInfo styles ***************/

#siteInfo{
	float: right;
	font-size: 75%;
	color: #fff;
	/*width: auto;*/
	padding: 20px 20px 20px 0;
	margin: 0;
}
#siteInfo a{
	color: #fff;
	}

/*#siteInfo img{
	padding: 5px 0px 5px 10px;
	vertical-align: middle;
}*/



/************* #search styles ***************/

#search{
	margin: 1px;
	padding: 5px 0px 5px 10px;
	font-size: 90%;
	/*background-image: url(/images/design/logo_bg_vuiton.gif);*/
	background: url(../images/design/search-bg.gif) left top repeat-x #0e52a6;
}

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

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 2px 0;
	color: #fff;
}

#search input{
	border: 1px solid #19a7f1;
	width: 50%;
	margin: 0;
	height: 18px;
	}

#search #search_button{
	border: none;
	width: 46px;
	height: 22px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	}

#search form{
	padding: 0 0 5px 0;
	}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
}

/* list-style: url(/images/design/cross_circle.gif) inside; POSSIBLE LIST STYLE */
#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {} /* border-bottom: 1px solid #9BA4C4;  This seems OK without this fix now */

/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 79%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks ul{
	margin: 1px;
	}
	#sectionLinks ul li{
		margin: 0;
		padding: 0;
		display: inline;
		}

#sectionLinks a {
	display: block;
	border-bottom: 1px solid #d8d8d8;
	padding: 8px 0px 8px 18px;
	font-size: 85%;
	background: url(../images/design/nav-list-icon.gif) 10px 12px no-repeat;
}

#sectionLinks .nodecor {
	text-decoration: none;
}

#sectionLinks a:hover{
	/*background-color: #D0D0E6;*/
	background-color: #f1f1f1;
	display: block;
}


/*********** .projectLinks styles ***********/
#projectLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 79%;
}

#projectLinks p.itemTitle{
	margin: 1px;
	padding: 6px 0 5px 10px;
	/*background-color: #9BA4C4;
	background-image: url(/images/design/fill_bar_shallow.jpg);
	background-repeat: repeat-x;*/
	background: url(../images/design/item-title-bg.gif) left top repeat-x #28314d;
	border-bottom: 1px solid #19a7f1;
	font-weight: bold;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}



#projectLinks ul{
	margin: 1px;
	}
	#projectLinks ul li{
		margin: 0;
		padding: 0;
		display: inline;
		}

#projectLinks a {
	display: block;
	border-bottom: 1px solid #d8d8d8;
	padding: 8px 0px 8px 18px;
	font-size: 85%;
	background: url(../images/design/nav-list-icon.gif) 10px 12px no-repeat;
}

#projectLinks .nodecor {
	text-decoration: none;
}

#projectLinks a:hover{
	/*background-color: #D0D0E6;*/
	background-color: #f1f1f1;
	display: block;
}



/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #rightbar styles **************/

#rightbar p{
	padding: 5px 0px 5px 0px;
}

/************** #latestItem styles **************/
#latestItem{
	/*position: relative;*/
	margin: 0px;
	padding: 0px;
}

#latestItem p.itemTitle{
	margin: 1px;
	padding: 6px 0 5px 10px;
	/*background-color: #9BA4C4;
	background-image: url(/images/design/fill_bar_shallow.jpg);
	background-repeat: repeat-x;*/
	background: url(../images/design/item-title-bg.gif) left top repeat-x #28314d;
	border-bottom: 1px solid #19a7f1;
	font-weight: bold;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}



#latestItem ul{
	margin: 1px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #d8d8d8;
	list-style: none;
	}
	#latestItem ul li{
		margin: 0;
		padding: 0;
		clear: both;
		border-bottom: 1px solid #fff;
		}
	#latestItem ul .sub_header{
		font-weight: bold;
		color: #3AA9E4;
		margin: 0;
		padding: 0 0 7px 18px;
		font-size: 85%;
		clear: both;
	}
	#latestItem ul .message{
		margin: 0;
		padding: 0 0 7px 18px;
		font-size: 85%;
		clear: both;
		}
	#latestItem ul .footnote {
		margin: 0;
		padding: 0 0 0 18px;
		font-size: 75%;
		clear: both;
		color: #1E95D3;
	}

#latestItem a {
	display: block;
	/*border-bottom: 1px solid #d8d8d8;*/
	padding: 8px 0px 8px 18px;
	margin: 0;
	font-size: 85%;
	background: url(../images/design/nav-list-icon.gif) 10px 12px no-repeat;
}

#latestItem .nodecor {
	text-decoration: none;
}

#latestItem a:hover{
	/*background-color: #D0D0E6;*/
	background-color: #f1f1f1;
	display: block;
}

#latestItem #see-all{
	float: right;
	display: block;
	padding: 8px 8px 0 0;
	margin: 0;
	font-size: 85%;
	background: none;
	text-align: right;
	}
	#latestItem #see-all:hover{
		background: none;
		}



/************** #sectionLinks styles **************/

#sectionLinks p.itemTitle{
	margin: 1px;
	padding: 6px 0 5px 10px;
	/*background-color: #9BA4C4;
	background-image: url(/images/design/fill_bar_shallow.jpg);
	background-repeat: repeat-x;*/
	background: url(../images/design/item-title-bg.gif) left top repeat-x #28314d;
	border-bottom: 1px solid #19a7f1;
	font-weight: bold;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}




/************** A way align left and right in the header without using tables **************/
div.row span.left {
	float: left;
	text-align: left;
	color: #fff;
	width: 49%;
}

div.row span.right {
	float: right;
	text-align: right;
	color: #fff;
	width: 49%;
}

.form_warnings{
	font-family: Arial, sans-serif;
	color: #E11600;
	font-weight: bold;
}


/*--------------Contact us styles---------------*/
#contact_us{
	background: #f1f1f1;
	padding: 0;
	margin: 0;
	border: 1px solid #ddd;
	}
	#contact_us ul{
		margin: 20px;
		padding: 0;
		list-style: none;
		}
	#contact_us ul li{
		clear: both;
		padding: 0 0 10px 0;
		}
		#contact_us ul li label{
			float: left;
			width: 20%;
			text-align: right;
			margin: 0 5px 0 0;
			display: inline;
			}
		#contact_us ul li input{
			width: 60%;
			text-align: left;
			}
		#contact_us ul li textarea{
			width: 60%;
			text-align: left;
			}
			#contact_us ul li .label{
				float: left;
				width: 20%;
				text-align: right;
				margin: 0 5px 0 0;
				}
			#contact_us ul li .input{
				margin: 0 0 0 0;
				width: 60%;
				}
			#contact_us ul li #submit_mail{
				width: 96px;
				height: 22px;
				}