/* 
	-----------------------------------
|
|	Subpage CSS | Bartlesville Chamber
| 
|	Author: Erik Smith, erik@pdgcreative.com
|
| Date Created: November 10th, 2007
|
	-----------------------------------
*/


/* ----- [ GLOBAL CONTENT ] ------ */

* {
		margin:0px;
		padding:0px;
}

#print-logo { display:none; }

/* BAC color pallet */
/* Class for each color attribute, and several unique ID's for 
   the footer elements
----------------------------------------------------------- */
	
	body.chamber h2 {
		color:#547990;
	}
	
	body.relocate h2 {
		color:#7595AA;
	}
	
	body.downtown h2 {
		color:#DEA838;
	}
	
	body.visitors h2 {
		color:#7E810E;
	}
	
	body.business h2 {
		color:#E37D16;
	}
	
	body.chamber #footer {
		background:#547990;
	}
	
	body.relocate #footer {
		background:#7595AA;
	}
	
	body.downtown #footer {
		background:#DEA838;
	}
	
	body.visitors #footer {
		background:#7E810E;
	}
	
	body.business #footer {
		background:#E37D16;
	}
	

	body.chamber #nav li li a {
		color:#547990;
		background:#E3EDF6;
	}
	
		body.chamber #nav li li a:hover {
			background:#547990;
			color:#fff;
		}
		
	body.relocate #nav li li a {
		color:#7595AA;
		background:#E3EDF6;
	}
	
		body.relocate #nav li li a:hover {
			background:#9ECAEC;
			color:#fff;
		}
		
	body.downtown #nav li li a {
		color:#E3B549;
		background:#E3EDF6;
	}
	
	body.downtown #nav li li a:hover {
			background:#E3B549;
			color:#fff;
		}
		
	body.visitors #nav li li a {
		color:#7E810E;
		background:#E3EDF6;
	}
	
	body.visitors #nav li li a:hover {
			background:#7E810E;
			color:#fff;
		}
		
	body.business #nav li li a {
		color:#E37D16;
		background:#E3EDF6;
	}
	
		body.business #nav li li a:hover {
			background:#E37D16;
			color:#fff;
		}



	#compile {
		margin:0px;
		padding:0px;
		position:relative;
		left:-40px;
	}
	
	#compile ul {
		position:relative;
		left:-20px;
		padding-left:10px;
	}
	
		#compile li {
			padding:0px;
			margin:0px;
			clear:both;
			list-style-type:none;
		}
		
			#compile li a {
				color:#444;
				text-decoration:none;
				border-bottom:none;
			}
		
			#compile li input {
				margin-right:5px;
				padding:4px;
				border:1px solid #444;
			}



/* ------ </pallet> <A little global action> -------- */

	body {
		background:#fff url(../../images/background.jpg) repeat-x;
		font-size:12px;
		font-family:"Lucida Grande", "Tahoma";
	}
	
	h1 {
		float:left;
		clear:both;
		margin-top:-6px;
		margin-left:7px;
	}
	
		h2 {
			font-size:24px;
			color:#DEA838;
			font-weight:normal;
		}
		
		h3, h4 {
			color:#DEA838;
			font-size:14px;
		}
	
	a {
		color:#47728F;
		border-bottom:1px dotted #47728F; 
		text-decoration:none;
	}
	
		a:hover {
			color:#81B1CF;
		}
		
			div.form label {
				width:120px;
				float:left;
				display:block;
				text-align:right;
				padding-right:20px;
			}
			

				div.form input, select, textarea {
					float:left;
					border-top:1px solid #888;
					border-left:1px solid #888;
					border-right:1px solid #aaa;
					border-bottom:1px solid #aaa;
					padding:4px 6px;
				}
				
					div.form input.submit {
						background-image:url(../../images/main-nav-active.jpg);
						border-top:2px solid #63879F;
						border-left:2px solid #63879F;
						border-right:2px solid #6D8B9F;
						border-bottom:2px solid #6D8B9F;
						color:#fff;
						float:left;
						margin-top:10px;
					}
				
						div.form textarea {
							width:167px;
							height:200px;
							color:#444;
							font-family:Arial;
							font-size:11px;
						}
				
					div.form p {
						padding:15px;
					}

	
		#wrapper {
			position:relative;
			margin:0 auto;
			width:1064px;
		}
		
			#wrapper h1 {
				margin-left:70px;
			}
		
		
		#main {
			float:left;
			margin:10px 0 0 0;
			position:relative;
			left:0px;
		}
		
		#businesslogos ul li img {
			border:none;
		}
		
			/* ----- [ LEFT CONTENT ] ------ */
		
			#left {
				width:172px;
				margin:80px 0 0 0;
				float:left;
				clear:both;
				text-align:center;
				font-size:11px;
				color:#444;
				display:inline;
			}
			
				#left img, #left a {
					border:none;
				}
				
					#left a:hover {
						border:none;
					}
			
				#left h3, #left h4, #left h5, #left h6 {
					text-align:left;
				}
			
				#left p {
					text-align:left;
					margin-right:10px;
				}
			
			
			
				#left-top {
					width:172px;
					height:25px;
					background:transparent url(../../images/sub/left-call-top.png);
				}
				
					#left-mid {
						height:400px;
						background:transparent url(../../images/sub/left-call-mid.png) repeat-y;
						padding-left:15px;
					}
					
				#left-bottom {
					width:172px;
					height:55px;
					background:transparent url(../../images/sub/left-call-bottom.png) no-repeat 1px 0px;
				}
				
				
				
				/* ----- [ CENTER CONTENT ] ------ */
				
				#center {
					width:700px;
					margin:45px 0 0 -1px;
					float:left;
					background:#fff url(../../images/sub/content-repeat.jpg) repeat-y;
					position:relative;
					padding-bottom:40px;
					display:inline;
				}
				
					#center h1 {
						height:170px;
						margin-top:-25px;
						float:left;
						margin-left:0px;
					}
											
						#content {
							float:left;
							margin: 0 0 0 15px;
							width:440px;
							font-size:13px;
							position:relative;
							color:#444;
							line-height:20px;
							
						}
						
						#content div.callout {
							width:100%;
							padding:20px;
							height:230px;
							background:#fff url(../../images/sub/grey-callout.gif) repeat-x;
							border:1px solid #eee;
							margin:15px 0;
							padding-bottom:30px;
						}
						
							#content div.callout h4 {
								margin:0px;
								width:250px;
								float:left;
								padding:0px;
								text-indent:0px;
							}
							
							#content img {
								float:left;
								padding:4px;
								border:1px solid #ccc;
								margin-right:10px;
							}
							
								#content div.callout div {
									float:left;
									width:250px;
								}
								

								
									#content div.callout div p {
										text-indent:0px;
										line-height:13px;
									}
							
							#content div.callout img {
								background:#fff;
								padding:3px;
								border:1px solid #eee;
								float:right;
								width:150px;
							}
							
							#content h1, h3 {
								height:auto;
								margin:15px 0 8px 0;
								font-size:16px;
								font-weight:bold;
								color:#7595AA;
								line-height:18px;
								clear:both;
							}
							
								#content h2 {
									font-size:26px;
								}
								

							
								#content h4,h5 {
									font-size:12px;
									color:#444;
									margin-top:10px;
									clear:both;
								}
								
								#content dl {
									margin:7px 0;
								}
								
									#content dl dt {
										font-weight:bold;
									}
								
									#content dl dd {
											line-height:20px;
											color:#444;
											margin:7px 0;
											font-size:11px;
											clear:both;
									}
								
								#content table {
									clear:both;
								}
								
								#content table td {
									padding:0px;
									border:1px solid #aaa;
									padding: 2px 7px;
								}
								
									#content table th {
										background:#EFE1C2;
										
									}
							
								
								
								#content ul {
									float:left;
									margin:0px 0 8px 50px;
									clear:both;
									font-size:13px;
									line-height:20px;
								}
								
									#content ul li {
										margin:10px 0;
									}
								#content ol {
									float:left;
									margin:0px 0 8px 50px;
									clear:both;
									font-size:13px;
									line-height:20px;
								}
									#content ol li {
										margin:10px 0;
									}
							
							#content p {
								clear:both;
								color:#444;
								font-size:13px;
								line-height:20px;
								margin:13px 0pt;
							}
							
						
							#breadcrumbs {
								color:#6D8C9F;
								font-size:11px;
								font-weight:bold;
								margin:0 0 15px 0;
							}
						
						
						
						
						/* ---- [ Navigation ] ----- */	
							
						#nav {
							clear:both;
							display:block;
							width:187px;
							float:left;
							font-family:arial;
						}
						
							#nav li {
								list-style-type:none;
							}
						
							#nav li a {
								padding:4px 10px;
								background:#fff url(../../images/sub/nav-a.gif) repeat-x;
								display:block;
								border-bottom:1px solid #D1D8DF;
								
							}
								
								#nav li h2 {
									font-size:12px;
									cursor:pointer;
									color:#47728F;
									padding:4px 10px;
									background:#fff url(../../images/sub/nav-a.gif) repeat-x;
									display:block;
									border-bottom:1px solid #D1D8DF;
									margin-top:0px;
								}
								
								#nav li h2 a.extra {
									color:#47728F;
									padding:0px;
									background:none;
									border:none;
								}
								
									#nav li li a {
										color:#E3B549;
										background:#E3EDF6;
										padding-left:20px;
										font-size:11px;
									}
									
										#nav li li a:hover {
											background:#E3B549;
											color:#fff;
										}
										
										
										#nav ul ul {
											display:none;
										}
										
											#nav ul li.cParent ul {
												display:block;
											}
										
										
										
										#footer {
													color:#fff;
													width:700px;
													font-size:10px;
													clear:both;
													bottom:-1px;
													position:relative;
													top:40px; /* Must = the amount of padding supplied on parent */
													text-align:center;
													padding:8px 0px 16px 0px;
										}
										
											#footer a {
												color:#fff;
												border-bottom:1px dotted #fff;
											}
											
											#footer li {
											  list-style: none;
											  float: left;
											  margin-right: 10px;
											  }
											  
											#footer ul {
											   left:18px;
													position:relative;
											}

							

					
			/* ----- [ RIGHT CONTENT ] ------ */	
					
			#right {
				width:168px;
				margin:80px 0 0 0;
				float:left;
				text-align:center;
				display:inline;
			}
			
				#right a, img {
					border:none;
					margin:6px 0;
				}
				
					#right a:hover, #right a:hover img {
						border:none;
					}
			
			
				#right-top {
					width:168px;
					height:25px;
					background:transparent url(../../images/sub/right-call-top.png);
				}
				
					#right-mid {
						height:400px;
						background:transparent url(../../images/sub/right-call-mid.png) repeat-y;
						padding-right:15px;
					}
					
				#right-bottom {
					width:168px;
					height:55px;
					background:transparent url(../../images/sub/right-call-bottom.png) no-repeat 0px 0px;
				}