/* $Header: /data/repos/CWT/LCMS/template\040development/css/standard/standard33.css,v 1.13 2009/07/27 11:14:59 nixonm Exp $ */


/* General element definitions */

* {
	font-family: Arial, Verdana, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 70%;
	color: #4b4b4b;
}

a:link, a:visited{
		color: #373737;
		text-decoration: none;
	}

p img {
	margin-right:3px;
	margin-left: 3px;
}

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

input, textarea, select {
	font-size: 100%;
}

h1 {
	font-size: 120%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 115%;
}

h4 {
	font-size: 110%;
}

h5 {
	font-size: 105%;
}

h6 {
	font-size: 100%;
}

hr, hr.footerhorizontalseparator {
	height: 1px;
	border: 0px;
	color: #b7b7b7;
	background: #b2bcbd;
}

sup, sub {
font-size:80%;
line-height:70%;
}

/* General classes */

.red {color: red;}
.bold {font-weight: bold;}

.invisible, .offscreen, .skiplink {
	position:absolute; 
	left:0; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
}

.clear {
 clear: both;
 font-size:1px;
}

.floatleft {float: left;}

.floatright {float: right;}

/*-----------*/
/*-- Page structure --*/
/*-----------*/

/* Header */


.header {
			margin: 25px;
			margin-bottom: 4px;
			width: 781px;
			border-bottom: 1px solid white;
		}

	.header a:hover {
		text-decoration: underline;
	}
		
	.wordmarque{
		float: left;
	}
		
		.wordmarque img {
			border: none;
			}
			
	.currentareaandbreadcrumb {
									margin-left: 35px;
									float: left;
									width: 578px;
								}

		.currentareaandsearch {
									height: 45px;
								}

			.currentarea {
								float: left;
								font-size: 170%;
								margin-top: 0px; 
							}
							
							.currentarea h2, .currentarea h1 {
								margin:0px;
							}

							.currentarea img {
											margin-top: 17px; 
										}
										
							.currentarea img.twolines {
											margin-top: 0px; 
										}
										
			.searchboxandbtn {
								float: right;
							}

				.searchboxandbtn form {
								 margin:0px;
								 padding:0px;
								 display:inline;
								}
	
					.searchboxandbtn a:hover * {
						text-decoration: underline;
					}

					.search {
						float: left;
						margin-top: 19px;
					}
					
						.search input {
							width: 123px;
							margin-right: 9px;
							border-top: 1px solid #808080 ;
							border-right: 1px solid #d4d0c8 ;
							border-bottom: 1px solid #d4d0c8 ;
							border-left: 1px solid #808080 ;
							padding-left: 9px;
							font-weight: bold;
						}
					
					.searchboxandbtn .searchbtn {
						margin-top: 19px;
						float:left;
					}
										
		.breadcrumb {
						float: left;
						margin-left: 1px;
						padding-bottom:10px;
						padding-top:8px;
					}
					
					.breadcrumb * {
						color: #666;
					}
		
/* Body of text */
.nonhpthreecolumns, .lpthreecolumns {
	width: 795px;
	margin-top: 5px;
	float: left;
}

	.leftcolumn {
		width: 186px;
		float: left;
	}
	
		.leftcolumn a:hover {
			text-decoration: underline;
		}

		.fastfindandbutton, .lpfastfindandbutton {
													background-color: white;
													float: left;				
												}

		.fastfindandbutton {
							padding: 15px 10px 4px 14px;
				
							}

			.fastfind {
						 width: 161px;
						 margin-bottom: 10px;
						 border-top: 1px solid #808080;
						 border-right: 1px solid #d4d0c8;
						 border-bottom: 1px solid #d4d0c8;
						 border-left: 1px solid #808080;
						 font-weight: bold;
						}

	/*middleandrightcolumns = Landing Page, middleandrightcolumnsforpage = all other templates */
	.middleandrightcolumns, .middleandrightcolumnsforpage {
							float: left;
							width: 594px;
							color: #4b4b4b;

						}
						
	.middleandrightcolumnsforpage {
							padding-top: 10px;
	}
						
		/*Image for landing pages */
		.bigimagecaption {
							margin-left: 12px;
							border-bottom: 1px solid white;
						}
			.bigimagecaption img {
							border: none;
						}
				
								
		/*Main Columns for text */
		.middlecolumn, .lpmiddlecolumn,
		.middlecolumnwide, .lpmiddlecolumnwide  {
									position: relative;
									left: -1px;
									padding-right: 1px;
									float: left;
									font-size: 110%;
								}
								
			/* Wide and RHS CSS */
				/*General formatting of links and unordered lists in the content */			
				.middlecolumn a:visited, .middlecolumn a:link, 
				.lpmiddlecolumn a:visited, .lpmiddlecolumn a:link, 
				.middlecolumnwide a:visited, .middlecolumnwide a:link, 
				.lpmiddlecolumnwide a:visited, .lpmiddlecolumnwide a:link
				
										{
											text-decoration: underline;
											font-weight: bold;
										}
		
				.middlecolumn ul, .middlecolumnwide ul,
				.lpmiddlecolumn ul, .lpmiddlecolumnwide ul {
						position: relative;
						margin-left: 0px;
						padding-left: 0px;
						list-style-type: none;
						line-height: 150%;
				}
				
				.middlecolumn ul li, .middlecolumnwide ul li,
				.lpmiddlecolumn ul li, .lpmiddlecolumnwide ul li {
						position: relative;
						padding-left: 15px;
						background-repeat: no-repeat;
						background-position: 0 .4em;
					}
								
			
			/* Intro definitions */
			.lpmiddlecolumnintro, .middlecolumnintro {
									float: left;
								}
			
			.middlecolumnintro {
				padding: 7px 15px 5px 15px;
			}

			.lpmiddlecolumnintro {
									padding: 7px 15px 7px 15px;
									border-top: 1px solid #b7b7b7;
									width: 383px;
								}
			
				.lpmiddlecolumnintro p {
										margin-top: 5px;
										margin-bottom: 0px;
										padding-top: 0px;
									}
	
				.lpmiddlecolumnintro h2 {
										margin-bottom: 0px;
									}

			/* Main text definitions */
			.lpmiddlecolumntext, .middlecolumntext,
			.middlecolumntextwide, .lpmiddlecolumntextwide,
			.staffpicandcontact, .staffpicandcontactwide,
			.staffviewalllisting,
			.staffviewbydeptlisting, .newsmiddlecolumntext, 
			.newsdetailmiddlecolumntext, .eventsmiddlecolumntext {
											border-bottom: 1px solid #b7b7b7;
											padding: 15px;
											float:left;
										}
			
			.staffviewalllisting,
			.staffviewbydeptlisting, .newsmiddlecolumntext, 
			.newsdetailmiddlecolumntext, .eventsmiddlecolumntext {
											width: 382px;
										}
										
			.middlecolumntext, .middlecolumntextwide,
			.staffpicandcontact, .staffpicandcontactwide,
			.staffviewalllisting, .staffviewbydeptlisting {
											border-top: 1px solid #b7b7b7;
											border-left: 1px solid #b7b7b7;
										}	

			/*Wide CSS */		
			.middlecolumnwide, .lpmiddlecolumnwide {
				width: 587px;
				border-right: none;
			}		
			
				.middlecolumntextwide, .lpmiddlecolumntextwide, .staffpicandcontactwide {
					 border-right: 1px solid #b7b7b7;
				}
				.middlecolumntextwide, .lpmiddlecolumntextwide{
					 width: 554px;
				}						
							
			/* Right-hand side CSS */
			.middlecolumn, .lpmiddlecolumn{
				width: 412px;
				border-right: 1px solid #b7b7b7;
			}
	
			.lpmiddlecolumn {
				border-left: 1px solid #b7b7b7;
			}
			
				.lpmiddlecolumntext, .middlecolumntext,
				.staffpicandcontact, .persondetails,
				.newsdetailmiddlecolumntext, .eventsmiddlecolumntext {
												width: 382px;
											}
			
		.rightcolumn {
			position: relative;
			left: -3px;
			width: 175px;
			margin-left: 1px;
			border: 1px solid #b7b7b7;
			border-width: 0px 0px 1px 1px;
			float: left;
		}
		
			.rightcolumn a:hover {
				text-decoration: underline;
				}
			/*Links and Documents */
			.documents, .links {
									border-top: 1px solid #b7b7b7;
									}
				.documenticon, .linkicon {
										padding: 4px 0px 3px 6px;
										float: left;
										}
				.documenttitle, .linktitle {
										width: 145px;
										padding: 4px 3px 3px 6px;
										font-weight: bold;
										float: left;
									}
									
				.docandlinkrightimg {
										float: right;
										background-color: #b7b7b7;
										padding: 0px;
										position: relative;
										top: -1px;
									}
			/*Links */
			
			.linktitle {
									padding-top: 1px;
									padding-left: 7px;
								}
			
			/*Features: These are contained in a div class called imglinks */
				
			.imglinks {
							border-top: 1px solid #b7b7b7;
							border-right: 1px solid #b7b7b7;
							margin-top: 0px;
							padding-top: 0px;
							padding-bottom: 0px;
							margin-bottom: 0px;
						}

				.onepxwhiteborder {
							border: 1px solid white;
						}
						
						.onepxwhiteborder img {
							border:0px none;
						}
				
						
				/* Despite the lp prefix this class is used in the base template as well for feature link text and for the feature text */	
				.lpimglinktxt{
											width: 160px;
											border-left: 1px solid white;
											border-right: 1px solid white;
											border-bottom: 1px solid white;
											border-top: 0px;
											padding: 3px 6px;
											color: white;
											font-weight: bold;
											letter-spacing: 1px;
											margin-top: 0px;
										}

						/* get pointer to appear for ie when the link is in the caption of a feature */
						a:hover .lpimglinktxt , a:link .lpimglinktxt , a:visited .lpimglinktxt  {
						cursor: pointer;
						color: white;
						text-decoration:none;
						}
														
				
				.lprightcolumntxt{
											border: 1px solid white;
											border-top: 0px;
											padding: 10px 5px;
											background-color: #efefef;
											width: 162px;
										}

					.lprightcolumntxt p {
												margin: 0px;
											}
					.lprightcolumntxt a:link, .lprightcolumntxt a:visited {
												text-decoration: underline;
										}


/* Footer */

	.footer, .footernone {
							float: none;
							width: 390px;
							margin: 17px 197px 0px 205px; /* JPW changed 0px to 17px for top (so that the two br tags could be removed) 2006-06-16 */
						}

	.footernone {
					margin-left: 17px;
				}

		.footer a:hover, .footernone a:hover {
			text-decoration: underline;
		}
		
		.footerverticalseparator {
									margin: 0px 13px;
									border: 0px;
									color: #4b4b4b;
									}
									
		.footeretc p{
						margin:0px;
						}
	
/* Miscellaneous */

.formdisplay th{
	text-align: left;
	width:40%;
}

.commentsReceived {
	background-color: #dff3fb;
	padding:0px;
	margin-bottom:3px;
}

.commentsReceived p{
	padding:2px;
	margin-bottom:0px;
}

.commentsReceived p.submitter{
	font-weight: bold;
	padding-top:0px;
	margin-top:0px!important;
}