/* CSS by Joshua Works */
/* April 9, 2009 */

/* Reset */
* { margin: 0; padding: 0; }
li { list-style: none; }


body { background: #FFF; color: #222; font: 13px/20px Arial, Tahoma, sans-serif; }
a { text-decoration: none; color: #002768; }
a:hover { text-decoration: underline; }

.navigation a,
.quicklinks a { color: #FFF; }

.container { width: 850px; margin: 0 auto; overflow: hidden; }
.header { float: left; width: 230px; }
.photo { float: left; position: relative; width: 620px; height: 250px; }


h1 { height: 140px; background: url("../homepage_images/logo.gif") center center no-repeat; text-indent: -9999px; }
	h1 a { display: block; height: 140px; }
h2 { font-family: Garamond, Georgia, serif; font-weight: normal; }
	
ul.quicklinks { background: #002768 url("../homepage_images/quicklinks_background.gif") top left no-repeat; padding: 42px 10px 5px 10px; width: 209px; height: 63px; overflow: hidden; }
	ul.quicklinks li { display: inline; }
	ul.quicklinks li a { display: block; float: left; width: 90px; padding-left: 14px; background: url("../homepage_images/white_arrow.gif") no-repeat left 7px; font-size: 10px; }

.photo div {
	position: absolute; bottom: 7px; right: 7px; width: 190px; background: #FFF; padding: 6px 10px 8px; opacity: .7;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 
}
	.photo h2 { font-size: 18px; color: #000; text-shadow: 2px 1px 1px #CCC; margin-bottom: 2px; }
	.photo p { line-height: 14px; font-size: 11px; }
	
.navigation { overflow: hidden; clear: both; border-top: 1px solid #FFF; background: #f3c960;  }
	.navigation h2 { font-size: 20px; }
	.navigation h2 a { display: block; padding: 5px 10px; background: #002768; }
	.navigation h2 a:hover { text-decoration: none; }
	
		
	.navigation ul li { float: left; width: 154px; background: #194186; border-right: 1px solid #FFF; }
	.navigation ul ul { padding: 5px 10px; }
	.navigation ul li li { float: none; border: 0; width: auto; background: none; padding-left: 14px; background: url("../homepage_images/white_arrow.gif") no-repeat left 5px; font-size: 10px; line-height: 16px; }
	
	.navigation ul li#chamber { width: 229px; background: #F3C960; }
	.navigation ul li#careers { width: 155px; border: 0; }
	
	.navigation ul li#chamber h2 a { background: #ecb631; color: #002768; }
	.navigation ul li#chamber li { background-image: url("../homepage_images/blue_arrow.gif"); }
	.navigation ul li#chamber li a { color: #002768; }
	
.content { background: url("../homepage_images/sidebar_gradient.png") no-repeat left top; position: relative; overflow: hidden; padding-bottom: 10px; zoom: 1; }
.content a { text-decoration: underline; }
.content a:hover { color: #444; }

	.promos { width: 209px; padding: 10px; float: left; position: relative; }
		.promos div {
			width: 189px; padding: 5px 10px; font-size: 11px; font-style: italic; background-color: #f8e4b1;
			-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 
		}

	.welcome { float: left; padding: 10px; width: 440px; overflow: hidden; position: relative; }
		.welcome h2 { font-size: 36px; line-height: 50px; margin-bottom: 10px; }
		.welcome p { margin-bottom: 10px; }
		
	.menu {
		float: left; margin: 70px 0 0 11px; background: #dbe5f5; padding: 5px 0; width: 150px;
		-webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px;
		border-top-left-radius: 10px; border-bottom-left-radius: 10px;
	}
		.menu li { padding-left: 50px; font-size: 16px; line-height: 40px; background-repeat: no-repeat; background-position: 10px center; }
			.menu li a { color: #444; text-decoration: none; }
			.menu li.request { background-image: url("../homepage_images/icon_mail.png"); }
			.menu li.events { background-image: url("../homepage_images/icon_calendar.png"); }
			.menu li.rss { background-image: url("../homepage_images/icon_rss.png"); }
			.menu li.directory { background-image: url("../homepage_images/icon_phone.png"); }
			
.footer { clear: both; padding-top: 20px; overflow: hidden; }
	a.map { display: block; text-indent: -9999px; width: 229px; height: 70px; background: url("../homepage_images/map.png") no-repeat center center; float: left; }
	
	.copyright { float: left; margin-left: 10px; width: 130px; margin-top: 10px; font-size: 10px; line-height: 16px; color: #666; }
		.copyright a { padding-right: 5px; }
		
	.ad { float: left; margin-left: 10px; width: 468px; height: 70px; overflow: hidden; }
		.ad iframe { width: 468px; height: 70px; }