* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal 62.5% "Lucida Sans Unicode","Lucida Grande",arial,sans-serif;
	color: #555;
	background: #FFF url(bg.jpg) repeat-x;
	text-align: center; 
}


/** ----LAYOUT -----***/

#header-content, #content, #footer-content {
	width: 950px;
}

/* header */
#header {
	height: 100px;
	text-align: left;	
	}

	#header-content {	
		margin: 0 auto; padding: 0;
		position: relative;
		}

		#header-content h1#logo {
			position: absolute;	
			font: bold 45px ;
			letter-spacing: -2px; 
			color: #FFF;
			margin: 0; padding: 0;		
			top: 23px; left: -9px;
			}

			#header-content h1#logo a {
				text-decoration: none;
				color: #FFF;
				}

			#header-content h1#logo img{
				padding: 0;
				margin: 0;
				border: none;
				}

		/* main navigation tabs */
		#header-content ul {
			position: absolute;
			right: -10px; top: 71px;
			font-weight: bolder
			color: #FFF;
			list-style: none;
			margin: 0; padding: 0;		
			}

			#header-content li {
				display: inline;
				font-size: 1.4em;
				}

				#header-content li a {
					float: left;
					display: block;
					padding: 3px 12px;	
					color: #FFF;
					background-color: #3F3F3F;
					text-decoration: none;
					border-right: 1px solid #272727;
					}
					
						#header-content li a:hover {
							background: #7E8082;
							color: #FFF;
							}
							
						#header-content li a#current  {
							background: #7E8082;
							color: #FFF;
							}

		/* header photo */
		.headerphoto {
				margin: 0 auto;
				width: 960px;
				height: 200px;
				padding: 5px 5px 10px 5px; 
				border: none;
				background-color: #ffffff;
				}

				.headerphoto img {
					border: none;
					}

					
/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	margin: 0px 0px 30px 0px;
	}

	#content {
		text-align: left;	
		padding: 0;
		margin: 0 auto;	
		}

/* links */
a { 
	background: inherit; 
	color: #0069AA; 
	text-decoration: none; 
	}
	
	a:hover { 
			background: inherit; 
			color: #006699; 
			text-decoration: underline; 
			}

/* headers */
h1 {
	font-size: bold 1em; 
	color: #0069AA; 
	}
	
h2 {
	font-size: bold 1.2em; 
	text-transform: uppercase; 
	}
	
h3 {
	font-size: bold 1.7em;
	}


p, h1, h2, h3 {
	margin: 10px 15px 10px 0px;
	}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;		
	}

/* images */
img {
	border: 1px solid #DADADA;
	padding: 5px;
	background: #FAFAFA;
	}

	img.float-right {
		margin: 5px 0px 5px 15px;  
		}

	img.float-left {
		margin: 5px 15px 5px 0px;
		}

blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  	
  	background-color: #FAFAFA; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #0069AA;  
	font: bold 1.2em/1.5em ; 
	color: #666666;	
}

.clear { 
	clear: both; 
	}

/* sidebar */
#sidebar {
	float: right;
	width: 30%;
	margin: 27px 0 10px 0; 
	padding: 0;	
}	

	#sidebar h1 {
		padding: 15px 0px 0px 0px;
		margin: 0;	
		font-size: 1.3em;
		}

	.sidebox {
		margin-bottom: 10px;
		font-size: 1.2em;
		}
		
		.sidebox .pullquote {
			border-top: 1px solid #f2f2f2; 	
			border-bottom: 1px solid #f2f2f2; 	
			padding: 15px 0px 15px 0px;
			font-style: italic;
			font-size: 1.3em;
			line-height: 2em;
			color: #005890; 
			
		}

	/* sidebar menu */
	#sidebar ul.sidemenu {
		list-style:none;
		margin: 10px 0 15px 0;
		padding: 0;
		background: #ffffff;			
		}
		
		#sidebar ul.sidemenu li {
			padding: 0px 0px 0px 0px;
			margin: 3px 0px 3px 0px;
			background-color: #E2E2E2;
			}

		#sidebar ul.sidemenu a {
			display:block;
			font-weight:normal;
			color: #333;
			height: 1.5em;	
			padding:.3em 0 .3em 15px;
			line-height: 1.5em;
			text-decoration:none;
			}
			
			#sidebar ul.sidemenu a:hover {
				color: #ffffff;		
				background-color: #0069AA;
				}

			#sidebar ul.sidemenu a.active {
				color: #ffffff;		
				background-color: #0069AA;
				}

		#sidebar .online_contacts {
			padding: 0px 0px 0px 0px;
			margin: 8px 0px 0px 7px;
			}
			
			#sidebar .online_contacts li {
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 5px 10px;
				}	


/* main */
#main {
	float: left;
	width: 68%;	
	margin: 0 0 10px 0; 
	padding: 0;	
	}

	#main h1 {
		padding: 10px 0px 0px 0px;
		margin: 0 0 0 0px;
		border-bottom: 1px solid #f2f2f2; 	
		font-size: 2.2em;
		}

	#main h2{
		font-size: 1.5em;
		margin: 25px 0px 0px 0px;
		}

	#main h3{
		font-size: 1.3em;
		padding: 20px 0px 0px 0px;
		}

	#main ul li {
		list-style-image: url(bullet.gif);
		font-size: 1.3em;	
		margin: 0px 0px 10px 0px;
		}

	#main p{
		font-size: 1.3em;
		line-height: 1.7em;
		}
		
	#google_map {
		padding: 10px 0px 0px 0px;
		
	}
	
	#bigblue {
		font-size: 1.5em;
		color: #006699;
	}


/* footer */
#footer {
	clear: both;
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 5px 0px;
	font: bold .95em/1.6em;
	height: 15px;
	color: #ffffff;
}

	#footer p{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}

	/* Footer Colors */
	.blue {
		background-color: #0069AA;
		}

	.red {
		background-color: #B32317;
		}

	.orange {
		background-color: #EC891D;
		}

	.green {
		background-color: #A0CE67;
		}

	.yellow{
		background-color: #FFCF01;
		}

	.gray {
		background-color: #7E8082;
		}
		
/** CSS is derived from the "pixelgreen" template by Erwin Aligam of http://www.styleshout.com/ ****/