/* ---------- Specific elements ---------- */


#container {
	margin:auto;
	width:815px
}

#header {
	height:189px;
	background:url("/img/skyline.png") no-repeat 0 9px;
	position:relative;
	left:-9px
}
	#logo {
		background-image:url("/img/header_logo.png");
		width:190px;
		height:110px;
		position:absolute;
		bottom:0;
		left:19px
	}
	
	#menu {
		margin:0;
		padding:0;
		list-style:none;
		font-weight:bold;
		position:absolute;
		top:124px;
		right:0
	}
		#menu li {
			float:left;
			padding:4px 8px 20px 8px
		}
		#menu li.selected {
			background:url("/img/menu_on.png") repeat-x top
		}
			#menu li.selected a {
				color:#fff !important
			}
			#menu li a {
				color:#fff
			}
			#menu li a:hover {
				color:#f47521
			}

	#login, p#login {
		float:right;
		margin:159px 9px 0 0
	}
		#login label {
			display:none
		}
		#login .input {
			width:125px;
			height:1.2em;
			margin-right:0
		}
			#login_button {
				vertical-align:bottom
			}
			
	p#login{
		color: #FFF;
	}
	
		p#login a{
			color: #F47521;
			font-weight: bold;
		}
		
		p#login a:visisted{
			color: #FEEBDE;
		}
		p#login a:hover{
			color: #FFF;
		}
		
#content {
	width:778px;
	min-height:20em;
	border-left:9px solid #97d1e4;
	border-right:9px solid #97d1e4;
	background:#fff url("/img/content_bg.png") repeat-y right;
	position:relative
}
	#left_fade, #right_fade {
		position:absolute;
		width:9px
	}
	#left_fade {
		left:-9px;
		height:23px;
		background:url("/img/left_fade.png") no-repeat
	}
	#right_fade {
		position:absolute;
		top:-2px;
		right:-9px;
		height:33px;
		background:url("/img/right_fade.png") no-repeat
	}
	#primarycontent {
		width:530px;
		float:left;
		margin:20px 0 20px 15px
	}
		#primarycontent strong {
			color:#243b6e
		}
		#primarycontent a {
			font-weight:bold
		}
		#primarycontent a:hover {
			border-bottom-style:solid
		}
		#primarycontent p, #primarycontent dl {
			margin:10px 10px 18px 10px
		}
		#primarycontent div.big_image {
			position:relative;
			margin-bottom:15px
		}
		#primarycontent div.big_image p {
			position:absolute;
			bottom:20px;
			left:20px;
			width:92%;
			color:#fff;
			font:bold 1.2em arial, sans-serif;
			margin:0;
			cursor:default
		}
		#primarycontent div.panel {
			float:left;
			width:45%;
			border:1px solid #f58030;
			margin:10px 10px 0 10px;
			position:relative;
			min-height:14em;
		}
		#primarycontent div.panel h3 a {
			color:#f47521;
			display:block;
			background:#fde6d6;
			padding:.6em .8em .6em .7em;
			font:1.3em arial, sans-serif;
			border:0
		}
		#primarycontent div.panel p {
			margin:15px
		}
			#primarycontent div.panel p a {
				/* display:block;*/
				color:#333;
				font-weight:normal;
				border:0
			}
			#primarycontent div.panel a.more {
				text-transform:capitalize;
				display:none;
				color:#fff;
				font-weight:bold;
				padding:2px 25px 2px 6px;
				background:#f47521 url("/img/arrow_button.png") no-repeat right bottom;
				position:absolute;
				right:0;
				bottom:0
			}
			#primarycontent div.panel:hover a.more {
				display:block
			}
			#primarycontent div.panel a img {
				border:0
			}
		
		
	#secondarycontent {
		float:right;
		width:200px;
		color:#243b6e
	}
		#secondarycontent div.panel {
			min-height:101px;
			padding:15px 15px 17px 15px;
			border-top:1px solid #fabd95;
			background:url("/img/panel_bg.png") repeat-x
		}
		
		#secondarycontent div.panel a {
			font-weight:bold;
			border-bottom-style:dotted
		}
		#secondarycontent div.panel a:hover {
			border-bottom-style:solid
		}
		#secondarycontent div.panel p a {
			border:0;
			color:#243b6e;
		}
		
		
			#search {
				margin-top:6px
			}
				
				#search .input {
					width:95%
				}
				#search label {
					display:none !important;
				}
				#search_button {
					margin:8px 0 0 0
				}
				
		#secondarycontent div.panel select{
			width: 145px;
		}
		#secondarycontent div.panel h4 {
			margin:0 0 .8em 0
		}
		#secondarycontent div.panel label{
			clear: left;
			display: block;
		}
		
		#panda {
			background-image:url("/img/panda.png");
			width:146px;
			height:94px;
			margin:-30px 0 0 -15px
		}
				
#content, #footer {
	margin:0 0 0 10px
}
	#content p.bubble {
		background:#fff;
		border:1px solid #f9B78B;
		-moz-border-radius:4px;
		color:#f47521;
		padding:10px;
		font:90% arial, sans-serif;
		margin:0
	}
	#content p.bubble a {
		font-weight:normal !important;
		color:#f47521 !important
	}
	#content div.speech {
		background:url("/img/speech.png") no-repeat;
		width:16px;
		height:24px;
		margin:-1px 0 0 15px
	}


#footer {
	background:url("/img/bottom_curve.png") no-repeat;
	padding:30px 0 30px 0;
	line-height:150%;
	width:796px
}
	#footer ul {
		float:left;
		margin:0 0 0 18px;
		padding:0;
		list-style:none
	}
		#footer li {
			float:left;
			margin:0 2px 0 2px
		}
	#footer small {
		float:right;
		text-align:right;
		font-size:100%;
		margin-right:15px
	}


/* ---------- General elements ---------- */

body {
	margin:0 0 5em 0;
	padding:0;
	background:#243b6e url("/img/body_bg.png") repeat-x top;
	color:#333
}

ul {
	list-style:square
}

a {
	text-decoration:none
}
a, input[type=image] {
	outline:none
}
a img {
	border:2px solid #fbc7a5;
	background-color:#fff;
}

h1, h2{
	font-size:100%;
	cursor:default;
	margin:0
}
h1, h2 {
	color:#f47521;
	letter-spacing:-1px;
	margin:0 10px 0 10px
}
h1 {
	font:2em arial, sans-serif
}
h2 {
	/* color:#f90; */
	font:1.7em arial, sans-serif
}

#primarycontent h3, 
#primarycontent h4, 
#primarycontent h5, 
#primarycontent h6 {
	color:#f47521;
	letter-spacing:0;
	margin:0 10px 0 10px;
	font: bold 1.2em arial, sans-serif
}

#primarycontent div.panel h3{
	background: #FDE6D6;
	font: 1.7em arail, sans-serif;
	margin: 0;
	padding: 10px 15px;
}

h4 a {
	color:#243b6e;
	display:block
}

input.orange {
	border:1px solid #f89f65
}

fieldset {
	padding:0;
	margin:0;
	border:0
}
	form#login legend, form#search legend {
		display:none
	}

/* ---------- Miscellaneous classes ---------- */

.ir {
	text-indent:-10000px;
	display:block !important;
	background-repeat:no-repeat !important;
	background-position:0 0;
	background-color:transparent
}

.hidden {
	display:none
}

.input {
	border:0;
	color:#666;
	padding:.3em;
	font:100% verdana, sans-serif
}
.input:focus {
	color:#000;
	background:#ffc
}

.blue {
	color:#5e86a9
}
.blue a {
	color:#7aabc6;
	border-bottom:1px dotted #7aabc6
}

.black a {
	font-weight:normal !important;
	color:#333 !important;
	border-bottom:1px dotted #666 !important;
	_border-bottom:1px solid #ccc !important;
}
.black {
	color:#333 !important
}



.clear {
	clear:both;
	display:block;
	visibility:hidden;
}

ul.links {
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold
}
	ul.links li {
		margin-bottom:5px;
		padding-left:9px;
		background:url("/img/bullet_off.gif") no-repeat 0 .6em;
	}
	ul.links li:hover, ul.links li.subon {
		background-image:url("/img/bullet_on.gif")
	}
		ul.links a, #primarycontent a {
			color:#f47521;
			border-bottom:1px dotted #f47521
		}
		ul.links a:hover, ul.links li.subon a {
			color:#243b6e;
			border-bottom:1px dotted #243b6e
		}

.align_right {
	text-align:right
}
.float_left {
	float:left
}
.float_right {
	float:right
}

.icon {
	padding-left:19px;
	background-repeat:no-repeat;
	background-position:left 60%
}
.rss {
	background-image:url("/img/feed_icon.png")
}

hr{
	border: 1px solid #FABD95;
	border-width: 0 0 1px;
	margin:10px 0 10px 0;
	height:1px
}

/* PAGINATION */

ul.pagination{
	text-align: center;
}

ul.pagination li{
	display: inline;
	margin-left: 0;
}

ul.pagination li{
	border-right: 1px solid #F9B283;
	padding-right: 5px;
}

ul.pagination li.inactive a{
	color: #D1D3CF;
}
ul.pagination li.selected{
	border: none;
	padding-right: 0;
}

ul.pagination li.selected a{
	background: #FEEBDE;
	border: 1px solid #F9B283;
	padding: 1px 2px;
}

ul.pagination li.bookend{
	border: none;
}

div.panel form button{
	margin-top: .5em;
}

dt{
	font-weight: bold;
}

dd{
	margin-left: 0;
}

p.highlight, div.highlight{
	background: #FEEBDE;
	
	color: #000;
	margin: .5em 15px;
	padding: .25em 10px;
}

span.highlight {
	background: #FEEBDE;
	color:#F47621;
	padding:2px
}

.grey {
	color:#999
}

#tags {
	margin:0 0 0 1em;
	padding:0;
	list-style:none
}
#tags li {
	margin-left:.5em
}
#tags li a {
	font-weight:normal;
	color:#243b6e;
	border-bottom:1px dotted #243b6e
}
#tags li a:hover {
	border-bottom-style:solid
}
div.tags hr {
	margin-bottom:1em
}
div.tags strong{
	display:block;
	margin:0 0 .8em .5em
}

.js_link {
	cursor:pointer
}

h1 a {
	font-weight:normal !important;
	border:0 !important
}

#primarycontent div.panel ul {padding:0 5px 0 30px}
#primarycontent div.panel ul {padding:0 5px 0 0 !ie}
#primarycontent div.panel a {color:#f58030 !important}


#membership_card, #membership_card img {
	border:0 !important
}



/* images with captions */
div.imgCredit {
	border:1px solid #ccc;
	float:left;
	padding:0;
	margin:5px;
	width:140px;
}
div.imgCreditRight {
	float:right;
}

div.imgCredit img {
	margin:5px;
}
div.imgCredit p.caption{
	color:#666;
	font-size:80%;
	line-height:1.2em;
	margin:0 5px 5px 5px !important;
	padding:0;
}