@import url("reset.css");
@import url("form.css");

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html, body {
	background: url(../images/header-bg.gif) repeat-x;
	background-color: #fff;
   	color: #000000;
 	height: 100%;
}

td {
	padding: 2px 0;
}

pre {
	font-family: "Courier New", Courier, monospace;	
}

h1, h1 em {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
	
	h1 em {
		font-style: italic !important;
	}

/* Container Section */

#container {
	margin: 0 auto;
	text-align: left;
	width: 800px;
}

/* Header Section */

#header {
	background: url(../images/header.gif) no-repeat;
	width: 800px;
	height: 130px;
}
/* Menu Section */		

#menu {
	height: 30px;	
	position: relative;
	z-index: 200;
}

	#menu ul {
		bottom: 0;
		position: absolute;
		z-index: 10000;
	}

		#menu ul li {
			float: left;
			list-style: none;
		}

			#menu ul li span {
				color: #000000;
				line-height: 30px;
			}

			#menu ul li a {
				color: #000000;
				display: block;
				font-weight: normal;
				line-height: 30px;
				padding: 0 13px;
			}

				#menu ul li a:hover, #menu ul li.selected a, #menu ul li a.selected {
					background: #b7b7c1 url(../images/menu-bg-over.gif) repeat-x;
					color: #000000;
				}

			#menu ul li.selected {
				position: relative;
			}

			#menu ul li ul {
				bottom: auto;
				color: #fff;
				display: none;
				overflow: hidden;
				width: 300px;
			}

				#menu ul li.selected ul {
					display: block;
				}

				#menu ul li ul li {
					display: block;
					float: left;
					width: 300px;
				}

					#menu ul li ul li a {
						background: #e8e8ea !important;
						color: #000000 !important;
						display: block;
						line-height: 30px;						
					}

						#menu ul li ul li a.selected, #menu ul li ul li a:hover {
							background: #b7b7c1 url(../images/menu-bg-over.gif) repeat-x !important;
							color: #000000 !important;
						}

/* Content Section */

#content {	
	margin: 10px 0;
}

/* Footer Section */

#footer {
	background: url(../images/footer-bg.gif) repeat-x;
	clear: both;
	color: #000;
	height: 103px;	
	text-align: center;
}

	#footer div.logos {
		height: 72px;
		margin: 0 auto;		
		padding: 1px;		
		width: 800px;
	}
	
		#footer div.logos img {
			display: inline-block;
			vertical-align: middle;
			padding: 0 7px;
		}

	#footer p.copyright {
		font-size: 10px;
		padding: 8px 0;
	}
	
		#footer p.copyright span {
			padding: 0 10px;
		}

		#footer p.copyright a {
			color: #000;
			font-size: 10px;
			text-decoration: none;			
		}
		
			#footer p.copyright a:hover {
				text-decoration: underline;
			}
			
	/* images */
	
	ul.images {	
		margin: 10px auto;	
		overflow: hidden;	
		width: 800px;		
	}
	
		ul.images li {
			float: left;
			width: 255px;
		}
		
			ul.images li a img:hover {
				opacity: .50;
				filter: alpha(opacity=50); 
				-moz-opacity: 0.5;				
			}
			
/* Site Content Section */

#site-content {
	background: #fff;
	position: relative;
}

	#site-content h2 {
		font-size: 1.3em;
		margin-bottom: 10px;
	}

	#site-content p {
		color: #000000 !important;
		line-height: 1.5em;
		margin-bottom: 1em;
		text-align: justify;
	}
	
	#site-content p strong {
		color: #000000 !important;		
	}

	#site-content ul {
		list-style: url(../images/list.gif) outside disc !important;
		margin-bottom: 10px;
	}
	
		#site-content ul li {
			float: none !important;
			line-height: 1.5em;
			padding: 2px 0 !important;
			margin: 0 0 0 20px !important;
			text-align: justify;
		}

	#site-content a {
		color: #000000;
		text-decoration: underline;
	}

		#site-content a:hover {
			text-decoration: none;
		}

	#site-content div.image-left {
		float: left;
		padding: 0 10px 0 0;
	}

	#site-content div.image-right {
		float: right;
		padding: 0 0 0 10px;
	}

	#site-content #site-images {
		width: 300px;
	}
	
		#site-content #site-images ul {
			list-style: none !important;
		}

			#site-content #site-images ul li {
				clear: none !important;
				float: left !important;
				padding: 0 !important;
				margin: 7px 0 0 !important;
				width: auto !important;
			}
			
			#site-content #site-images ul li.middle {
				padding: 0 7px !important;
			}
			
				#site-content #site-images ul li img {
					cursor: pointer;
				}
				
				#site-content #site-images ul li img:hover {
					opacity: .50;
					filter: alpha(opacity=50); 
					-moz-opacity: 0.5;
				}
			
	#site-content ul.inline-images {
		list-style: none !important;
		margin: 0 auto 10px !important;
		overflow: hidden;
		text-align: center;
	}
	
		#site-content ul.inline-images li {
			float: left !important;
			margin: 0 !important;
		}
		
			#site-content ul.inline-images li.middle {
				padding: 0 70px !important;
			}
	
/* Service List Section */

#service-list ul {
	list-style: url(../images/list.gif) outside disc !important;
	margin-bottom: 10px;
}

	#service-list ul li {
		float: none !important;
		line-height: 1em;
		padding: 2px 0 5px !important;
		margin: 0 0 0 20px !important;
		text-align: justify;
	}

	#service-list ul li a {
		color: #000000;
		text-decoration: underline;
	}
	
		#service-list ul li a:hover {
			text-decoration: none;
		}
	
/* Image Rorater */

div#rotater {
	float: right;
	height: 199px;
	overflow: hidden;
	width: 302px;
}

div.imageRotater {
		position: relative;
}
	
	div.imageRotater img {
		left: 0;
		position: absolute;
		top: 0;
		z-index: 1;
	}
	
		div.imageRotater img.firstItem {
			z-index: 2;
		}

/* Misc Section */

a#back {	
	display: inline-block;
	background: #000068;
	border: 1px #000068 solid;
	color: #fff;
	padding: 3px 6px;	
}

	a#back:hover {
		color: #fff;
		background: #004655 !important;
	}