/* Generic styles */
a {color: #CC0000;}
body {height:100%;}
.bold {font-weight:bold;}


/* Header styles */

#header {
	background 			: url(../images/bg-header.jpg) repeat-x;
	overflow 			: hidden;
	margin-bottom		: 1px;
	min-height 			: 75px;
	width				: 760px;
}

	#header h1 {
		color 				: #FFFFFF;
		float 				: left;
		font 				: bold 27px "Trebuchet MS",arial,sans-serif;
		margin 				: 0 0 0 5px;
		padding-top			: 20px;
	}

		#header h1 a {
			color 				: #FFFFFF;
			text-decoration		: none;
		}

		#header h1 a:hover {
			background 			: transparent;
		}

		#header h1 span {
			font-weight			: normal;
		}

	#header p {
		background 			: url('../images/logo-header.jpg') no-repeat top right;
		color 				: #FFFFFF;
		float 				: right;
		font-size 			: 12px;
		margin 				: 10px 5px 0 0;
		min-height			: 55px;
		padding-right		: 55px;
		padding-top			: 10px;
		text-align			: right;
		width				: 250px;
	}
	
	
	/* Main body styles */
	
	#pagecontainer {
		border 				: none;
		overflow 			: hidden;
	}

		#leftcontainer {
			border-right		: 1px solid #CCCCCC;
			padding-bottom		: 20px;
			width 				: 165px;
		}

			#leftcontainer h3 {
				background 			: #D3DCE1 url('../images/bg-lh-menu.jpg') repeat-x bottom;
				color 				: #333333;
				font 				: bold 13px "Trebuchet MS",verdana,sans-serif;
				margin 				: 0;
				padding 			: 3px 2px 5px 5px;
			}

			#leftcontainer ul {
				margin 				: 0;
				padding 			: 0;
				width 				: 160px;
			}

				#leftcontainer li {
					font-size			: 11px;
					margin-top			: 3px;
				}

				#leftcontainer li.on {
					font-weight			: bold;
				}

					#leftcontainer li a {
						color 				: #000;
						font-size			: 11px;
						margin-top			: 3px;
						padding-left 		: 5px;
						text-decoration		: none;
					}

					#leftcontainer li a:hover {
						background-color 	: #62646A;
						color 				: #FFFFFF;
						font-size			: 11px;
						margin-top			: 3px;
						padding-left 		: 5px;
						text-decoration		: none;
					}
					
		#midcontainer {
			float 				: left;
			/*margin 				: 0 5px;*/
			padding 			: 0 5px;
			overflow 			: hidden;
			width				: 427px;
		}

			#midcontainer h2.title {
				font 				: 21px "Trebuchet MS",arial,sans-serif;
			}

			#midcontainer h3 {
				background 			: #CC0000 url('../images/bg-subtitle-homepage.jpg') repeat-x bottom center;
				clear 				: both;
				color 				: #FFFFFF;
				font 				: 13px verdana,arial,sans-serif;
				margin				: 0 0 1px;
				padding 			: 5px;
				width 				: 422px;
			}
			
			#midcontainer iframe {
				margin-top			: 10px;
			}

			#midcontainer p {
				font-size			: small;
				padding 			: 0 2px;
				margin 				: 10px 0;
			}
			
			#midcontainer p.link {
				padding-top			: 3px !important;
			}

				#midcontainer p.link a {
					background 			: url('../images/arrowf.gif') no-repeat;
					padding-left		: 20px;
				}

				#midcontainer p.link a:hover {
					color 				: #FFFFFF;
					background-color 	: #62646A;
				}

			#midcontainer p.navlink {
				margin 				: -5px 0 20px 0;
			}

				#midcontainer p.navlink a {
					font-size 			: 11px;
				}

			#midcontainer p.title {
				font 				: 21px "Trebuchet MS",arial,sans-serif;
				margin 				: 5px 0;
			}

			#midcontainer p.subtitle {
				font 				: 18px "Trebuchet MS",arial,sans-serif;
				margin 				: 5px 0;
			}
			
			#midcontainer p img.left {
				float 				: left;
				padding 			: 0 5px 5px 0;
			}

			#midcontainer p img.right {
				float 				: right;
				padding 			: 0 0 5px 5px;
			}

			#midcontainer ul {
				padding 				: 0 2px;
			}

				#midcontainer ul li {
					font-size			: 12px;
				}

			#midcontainer div.directory-items {
				overflow 			: hidden;
				width 				: 100%;
			}

				#midcontainer div.directory-items p {
					background 			: url("../images/arrowf.gif") no-repeat;
					color 				: #CC0000;
					float 				: left;
					font-size			: 12px;
					margin 				: 2px;
					padding-left		: 20px;
					padding-bottom		: 3px;
					width				: 185px;
				}

				#midcontainer div.directory-items p.banner {
					background 			: none;
					clear 				: left;
					float 				: none;
					padding-top 		: 20px;
					padding-right 		: 0px;
					padding-bottom		: 0px;
					padding-left		: 0px !important;
					overflow 			: hidden;
					text-align			: center;
					width 				: 432px;
				}

					#midcontainer div.directory-items p.banner a:hover {
						background-color	: transparent;
					}

					#midcontainer div.directory-items p.banner img {
						float 				: none;
					}

				#midcontainer div.directory-items p a {
					color 				: #000;
					text-decoration		: none;
				}
				
				#midcontainer fieldset {
					border 				: none;
				}

					#midcontainer fieldset p {
						float 				: left;
						font-size 			: x-small;
						margin 				: 0;
						width 				: 250px;
					}

					#midcontainer fieldset input,
					#midcontainer fieldset label,
					#midcontainer fieldset select,
					#midcontainer fieldset textarea {
						display 			: block;
						float 				: left;
						font-size			: 11px;
						margin-bottom		: 5px;
					}

					#midcontainer fieldset label {
						font-weight			: bold;
						padding-right		: 5px;
						width 				: 135px;
					}

					#midcontainer fieldset label span {
						font-style 			: italic;
						font-weight			: normal;
					}

					#midcontainer fieldset textarea {
						width 				: 200px;
					}
 
					#midcontainer fieldset input.text {
						width 				: 200px;
					}
 
					#midcontainer fieldset p {
						float 				: left;
						padding-left 		: 140px;
						padding-bottom		: 10px;
						width				: 200px;
					}

					#midcontainer fieldset select {
						width 				: 206px;
					}

					#midcontainer fieldset label.hidden {
						text-indent			: -1000px;
					}
					
			#midcontainer .category {
				border-bottom		: 1px solid #CCC;
				overflow 			: hidden;
				padding-bottom		: 10px;
				margin-top			: 10px;
				width 				: 100%;
			}

				#midcontainer .category img {
					float 				: left;
					padding-right		: 5px;
					width 				: 70px;
				}

				#midcontainer .category h3 {
					background 			: none;
					color 				: #333;
					font-family			: verdana,arial,sans-serif;
					font-weight			: bold;
					margin 				: 0;
					padding 			: 0;
					width 				: auto;
				}

				#midcontainer .category h4 {
					color 				: #666;
					font-size			: 13px;
					font-weight			: normal;
					margin 				: 0;
				}

				#midcontainer .category p {
					font-size			: 11px;
					margin 				: 0;
					padding 			: 0;
				}

				#midcontainer .category p.clear {
					font-size			: 13px;
					margin 				: 0;
					padding 			: 10px 0 0;
				}

				#midcontainer .category p.link a {
					padding-bottom		: 3px;
				}

			#midcontainer .gallery a {
				background 			: none;
				float 				: left;
				padding-left		: 10px;
				padding-bottom		: 10px;
				width 				: auto;
			}
			
			#midcontainer .galleries {
				overflow 			: hidden;
				width 				: 430px;
			}

				#midcontainer .galleries p {
					font-size			: 12px;
				}

				#midcontainer .galleries p img {
					float 				: left;
					padding-right		: 5px;
					padding-bottom		: 5px;
					width 				: auto;
				}

				#midcontainer .galleries p a {
					background 			: url("../images/arrowf.gif") no-repeat;
					color 				: #000;
					font-size			: 13px;
					padding-left		: 20px;
					text-decoration		: none;
				}

				#midcontainer .galleries p a:hover {
					text-decoration		: underline;
				}

				#midcontainer .galleries p a span {
					color 				: #CC0000;
				}

			#midcontainer .greyheader {
				background-color 	: #F3F5FE;
				border-bottom		: 1px solid #E7E7FE;
				font 				: normal 21px "Trebuchet MS",arial,sans-serif;
				margin 				: 0 0 10px 0;
				padding 			: 3px;
				width				: 426px;
			}

				#midcontainer .greyheader span {
					color 			: #CC0000;
				}

		#midcontainergrey {
			width				: 432px;
		}

			#midcontainergrey h3 {
				background 			: #CC0000 url('../images/bg-subtitle-homepage.jpg') repeat-x bottom center;
				clear 				: both;
				color 				: #FFFFFF;
				font 				: 13px verdana,arial,sans-serif;
				margin				: 0 0 1px;
				padding 			: 5px;
				width 				: 422px;
			}

			.featureconred {
				background-color 	: #F3F5FE;
				font-size			: small;
				height				: auto;
				overflow 			: hidden;
				padding-left		: 3px;
				width 				: auto;
			}

			.featureconred h2 {
				color 				: #990000;
				font 				: 20px "Trebuchet MS",arial,sans-serif;
				margin-top			: 0;
				padding-top			: 5px;
			}

			.featureconred p {
				margin 				: 3px 0;
			}

			.featureconred img {
				float				: right;
				padding-left		: 5px;
				padding-bottom		: 5px;
			}

			.panelhdr {
				clear 				: both;
			}

			.greybox {
				background-color 	: #F3F5F7;
				float 				: left;
				margin-bottom		: 20px;
				overflow 			: hidden;
				padding 			: 5px;
				width 				: 202px;
			}

				.first.greybox {
					margin-right		: 8px;
				}

				.greybox h4 {
					margin				: 0;
				}

				.greybox h4 a {
					color 				: #CC0000;
					font 				: bold 13px verdana,arial,sans-serif;
				}

				.greybox h4 a:hover {
					color 				: #FFF;
				}

				.greybox p {
					margin 				: 4px 0;
				}

				.greybox img {
					float 				: left;
					padding-bottom		: 5px;
					padding-right		: 5px;
				}

			#midcontainergrey .plainbox {
				clear 				: both;
			}

				#midcontainergrey .plainbox img {
					float 				: left;
					padding				: 0 5px 5px;
				}
			
				#midcontainergrey .plainbox h4 {
					color 				: #CC0000;
					font 				: bold 13px verdana,arial,sans-serif;
					margin 				: 0;
				}
			
				#midcontainergrey .plainbox p {
					margin 				: 4px 0;
				}

			#rightcontainer {
				/*background-color 	: #FFF;*/
			}

				#rightcontainer p {
					font 				: bold 13px verdana,arial,sans-serif;
					margin				: 0;
				}

				#rightcontainer p a {
					font 				: normal 11px verdana,arial,sans-serif;
				}
			
				#rightcontainer div.rightgreybox {
					background-color 	: #F3F5FE;
					padding 			: 5px 3px;
					margin-bottom		: 5px;
				}

					#rightcontainer div.rightgreybox img {
						margin-top		: 5px;
					}

				#rightcontainer div.plainbox {
					border 				: 3px solid #C8D4D9;
					background-color 	: #FFF;
					margin-bottom		: 5px;
					padding 			: 5px;
				}

				#rightcontainer div.plainbox h4 {
					color 				: #CC0000;
					font 				: bold 13px verdana,arial,sans-serif;
					margin 				: 0 0 3px;
				}

				#rightcontainer div.plainbox p {
					font-weight		: normal;
					font-size		: 11px;
				}


/* Footer styles */

#footer {
	border-top 			: 3px solid #BECCD1;
	clear 				: both;
	color 				: #333333;
	font-size			: xx-small;
	margin-top			: 6px;
	padding-top			: 4px;
	width				: 760px;
}

	#footer a {
		color 				: #333333;
	}