/* Design by Dazil.com Internet Services
   Created Oct 2009 
   Author: Dazil.com */
   
   
/* 1-common elements (including styling of html and body)
		a) body, body classes and html styling
		b) universal elements (p, a, img and such) 
		
   2-positioning (divs, general positioning, div specific elements)
		a) structure divs
			i) #wrapper
			ii) #header
				aa) #branding
				bb) #headlines
			iii) #container
				aa) #mission_statement
				bb) #content
				cc) .sidebar
				
			iv) #footer
				
	3-navigation (navigation menus, inline a styled in section 1)
		a) primary navigation
		
		b) secondary navigation
				
				
				
   */
		

/* 1-common elements (including styling of html and body) */

		
	@font-face {
	font-family: "Graublau Sans";
	src: url("/wp-content/themes/sandbox/fonts/GraublauWeb.otf");
	}
	
	
	/* a) body, body classes and html styling */

	.ruler {
	background: url(/wp-content/themes/sandbox/images/tape.gif) left top no-repeat;
	height: 50px;
	}
	
	
	* { margin: 0; padding: 0;}

	body {
	background: #efefef;
	text-align: center;
	font-size: 1em;
	}
	
	em {
	font-style: italic;
	}

	p {
	margin: 1em 0;
	}
	
		p.center {
		text-align: center;
		}
		
		p.wp-caption-text {
		color: #999;
		font-size: 80%;
		margin: 0.4em 0;
		}
		
	hr {
	margin: 1.6em 20px;
	background: #999;
	color: #999;
	}
	
	div.clear {
	clear: both;
	height: 2px;
	}
	
	strong {
	font-weight: bold;
	}

		form {
		font-weight: bold;
		}
		
		form input#yourName, form input#yourEmail, form input#yourSubject {
		border: solid 1px #999;
		height: 1.8em;
		padding-top: 0.4em;
		padding-left: 1em;
		font-weight: normal;
		}
		
		form textarea {
		padding-top: 0.4em;
		padding-left: 1em;
		font-weight: normal;
		}

/* 2-positioning (divs, general positioning, div specific elements) */

	/* a) structure divs */
	
		/* i) #wrapper */
		
		div#wrapper {
		margin: 0 auto;
		}
		
		/* ii) #header */
		
		#header {
		position: relative;
		background: url(/wp-content/themes/sandbox/images/h_bg.jpg) center top no-repeat;
		height: 535px;
		z-index: 99;
		}
		
			
			#sub_header {
			background: url(/wp-content/themes/sandbox/images/s_h_bg.jpg) center top no-repeat;
			height: 265px;
			}
		
			/* aa) #branding */
		
			#branding {
			margin: 0 auto;
			width: 960px;
			height: 145px;
			}
		
				#branding h1 a {
				float: left;
				background: url(/wp-content/themes/sandbox/images/logo.png) 0 15px no-repeat;
				width: 470px;
				height: 110px;
				text-indent: -9999px;
				}
				
					
					#branding #search {
					float: right;
					width: 350px;
					margin-top: 50px;
					}
					
					
					#branding #search form#searchform {
					float: right;
					text-align: left;
					font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Calibri, "Lucida Sans Regular", Helvetica, sans-serif;
					font-size: 80%;
					}
					
						#branding #search form#searchform input#s {
						display: block;
						float: left;
						width: 300px;
						height: 28px;
						border: solid 1px #999;
						color: #999;
						text-indent: 0.6em;
						font-size: 18px;
						}
						
							
							#branding #search form#searchform p.radio {
							float: left;
							color: #999;
							padding: 8px 0 0 25px;
							margin:0;
							}
						
						#branding #search form#searchform input.button {
						float: left;
						background: url(/wp-content/themes/sandbox/images/search_button.jpg) left bottom no-repeat;
						width: 30px;
						height: 30px;
						border: solid 1px #7A062E;
						border: none;
						text-indent: -999px;
						}
				
			/* bb) #headlines */
			
			#headlines {
			margin: 10px auto;
			width: 960px;
			height: 325px;
			overflow: hidden;
			font-size: 90%;
			}
			
				#headlines h2 {
				margin-bottom: 1.2em;
				font-size: 1.6em;
				color: #7A062E;
				}
					
				#headlines_content p {
				font-size:0.8em;
				line-height: 1.6em;
				}
						
				#headlines_content p a {
				display: block;
				color: #7A062E;
				text-decoration: none;
				}
				
					#headlines_content p a:hover {
					text-decoration: underline;
					}
						
						
				
		/* iii) #container */
		
		#container {
		margin: 0 auto;
		background: url(/wp-content/themes/sandbox/images/c_bg.png) center top repeat-y;
		width: 1000px;
		font-size: 90%;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Calibri, "Lucida Sans Regular", Helvetica, sans-serif;
		line-height: 1.4;
		}
		
			#container h2 {
			margin-bottom: 1em;
			font-size: 1.2em;
			color: #7A062E;
			}
			
				#container p a {
				color: #7A062E;
				text-decoration: none;
				}
				
					#container p a:hover {
					text-decoration: underline;
					}
			
			#container #content ul, #container #content_sub ul {
			padding-right: 1em;
			padding-left: 1em;
			list-style: disc;
			}
		
			/* aa) #mission_statement */
			
			#mission_statement {
			position: relative;
			float: left;
			margin: 1em auto;
			width: 960px;
			background: url(/wp-content/themes/sandbox/images/mission_statement.gif) center center no-repeat;
			height: 25px;
			text-indent: -9999px;
			z-index: 1;
			}
			
			/* bb) #content */
			

			
			#container #content {
			position: relative;
			float: left;
			width: 60%;
			margin-left: 30px;
			padding-top: 0;
			text-align: left;
			color: #333;
			z-index: 0;
			}
			
					#one_col_content #content {
					width: 900px;
					}
					
						#content_sub .gallery {
						text-align: center;
						}
						
						#content_sub .gallery dl {
						float: left;
						display: inline;
						list-style: none;
						}
						
							#content_sub .gallery dl dt {
							float: left;
							/* background: url(/wp-content/themes/sandbox/images/ph_li_bg.jpg) center center no-repeat; */
							width: 150px;
							height: 150px;
							margin: 0 10px 15px 10px;
							}
							
								#content_sub .gallery dl dt img {
								margin-top: 5px;
								}
				
				#container #content_sub {
				float: left;
				background: url(/wp-content/themes/sandbox/images/rule.gif) 570px 20px no-repeat;
				width: 55%;
				margin-left: 33px;
				margin-bottom: 2em;
				padding-top: 1em;
				padding-right: 30px;
				text-align: left;
				color: #333;
				}
			
				#container #content h2, #container #content_sub h2 {
				background: #004477;
				margin-bottom: 0.4em;
				padding: 0.6em 0.4em;
				color: #fff;
				text-transform: uppercase;
				}
			
					#container #content h3, #container #content_sub h3 {
					margin: 0.8em 0;
					font-size: 1.4em;
					color: #004477;
					}
			
				#container #content .bread_crumb_nav, #container #content_sub .bread_crumb_nav {
				margin-bottom: 1.2em;
				}
				
					#one_col_content #content .bread_crumb_nav {
					padding-top: 1em;
					}
				
					
				#container #content .bread_crumb_nav a, #container #content_sub .bread_crumb_nav a {
				color: #7A062E; 
				font-size: 85%;
				text-decoration: none;
				}
					
					#container #content .bread_crumb_nav a:hover, #container #content_sub .bread_crumb_nav a:hover {
					text-decoration: underline;
					}
			
				#container #content .module, #container #content_sub .module {
				margin-bottom: 2em;
				padding-bottom: 10px;
				border: solid 1px #999;
				border-bottom: solid 15px #004477;
				}
				
					
						#container #content .module h3, #container #content_sub .module h3 {
						margin: 0.8em 0;
						padding: 0 0.6em;
						font-size: 1.4em;
						color: #7A062E;
						}
						
						#container #content .module h4, #container #content_sub .module h4 {
						margin: 0.8em 0;
						padding: 0 0.6em;
						font-size: 1.2em;
						color: #000;
						}
					
					#container #content .module p, #container #content_sub .module p {
					margin: 0.8em 0;
					padding: 0 1em;
					}
					
						#container #content .module p a, #container #content_sub .module p a {
						display: block;
						color: #7A062E;
						text-decoration: none;
						}
						
						#container #content .module p a:hover, #container #content_sub .module p a:hover {
						text-decoration: underline;
						}
						
						#container #content .module ul {
						margin: 0.5em 1em;
						}
						
							#container #content .module ul li {
							margin: 0.25em 0;
							}
							
							#container #content .module ul li a {
							display: block;
							color: #7A062E;
							text-decoration: none;
							}
							
								#container #content .module ul li a:visited {
								color: #7A062E;
								}
								
								#container #content .module ul li a:hover {
								text-decoration: underline;
								}
								
								#container #content .module ul li a:active {
								color: #000;
								text-decoration: underline;
								}
								
					#container #content .module ul.members_listing {
					display: inline;
					float: left;
					list-style: none;
					padding-top: 0.5em;
					padding-bottom: 0;
					font-size: 90%;
					}
					
						#container #content .module ul.members_listing li {
						float: left;
						width: 240px;
						margin: 0.6em 1.2em 0.6em 0;
						padding: 0.6em;
						border-right: solid 1px #999;
						}
						
							#container #content .module ul.members_listing li.last {
							border-right: none;
							}
							
						#container #content .module ul.members_listing li a {
						display: inline;
						}
			
			/* cc) .sidebar */
			
			#container .sidebar {
			float: right;
			width: 35%;
			padding-top: 0;
			text-align: left;
			}
			
				#container .sub_sidebar {
				float: right;
				width: 37%;
				padding-top: 0.25em;
				text-align: left;
				}
			
				#container .sidebar a.button {
				display: block;
				background: url(/wp-content/themes/sandbox/images/button_bg.jpg) right top no-repeat;
				margin: 0 30px 10px 0;
				height: 55px;
				border: solid 7px #8F0736;
				line-height: 55px;
				color: #fff;
				text-align: left;
				text-indent: 15px;
				text-transform: uppercase;
				text-decoration: none;
				font-size:120%;
				}
				
					#container .sidebar a:hover.button {
					background: url(/wp-content/themes/sandbox/images/button_bg.jpg) #7a062d right bottom repeat-x;
					}
				
				
			#container .sidebar .module {
			margin-right: 30px;
			padding-bottom: 1em;
			border: solid 1px #999;
			border-bottom: solid 15px #004477;
			text-align: center;
			}
			
				#container .sidebar .module h2 {
				background: #004477;
				padding: 0.6em 0.4em;
				font-size: 1.2em;
				color: #fff;
				text-transform: uppercase;
				}
				
					#container .sidebar .module ul {
					list-style-type: disc;
					text-align: left;
					padding: 1em 0.25em 1em 1em;
					color: #7A062E;
					}
					
						#container .sidebar .module ul li {
						margin: 0 0 0 1em;
						}
						
						#container .sidebar .module ul li a {
						font-size: 95%;
						color: #7A062E;
						text-decoration: none;
						}
						
							#container .sidebar .module ul li a:hover {
							text-decoration: underline;
							}
							
					#container .sidebar .module a.chamber_events {
					display: block;
					text-align: right;
					padding-right: 20px;
					font-size: 90%;
					font-weight: bold;
					color: #7A062E;
					text-decoration: none;
					}
					
						#container .sidebar .module a:hover.chamber_events {
						text-decoration: underline;
						}
						
					#container .sidebar .module a.member_events {
					display: block;
					text-align: right;
					padding-right: 20px;
					font-size: 85%;
					color: #7A062E;
					text-decoration: none;
					}
					
						#container .sidebar .module a:hover.member_events {
						text-decoration: underline;
						}
				
				#container .sidebar #social_media, #container .sub_sidebar #social_media {
				margin: 1em 0 0 0;
				}
				
				#container .sidebar #social_media ul, .sub_sidebar #social_media ul {
				float: left;
				list-style: none;
				margin-top: -0.8em;
				}
				
					#container .sidebar #social_media ul li, .sub_sidebar #social_media ul li {
					float: left;
					display: inline;
					width: 40px;
					height: 40px;
					margin-right: 5px;
					}
					
						#container .sidebar #social_media ul li a, .sub_sidebar #social_media ul li a {
						display: block;
						text-indent: -9999px;
						width: 40px;
						height: 40px;
						}
						
							#container .sidebar #social_media ul li a.rss, #container .sub_sidebar #social_media ul li a.rss {
							background: url(/wp-content/themes/sandbox/images/rss.gif) center center no-repeat;
							}
							
							#container .sidebar #social_media ul li a.linkedin, #container .sub_sidebar #social_media ul li a.linkedin {
							background: url(/wp-content/themes/sandbox/images/linkedin.gif) center center no-repeat;
							}
							
							#container .sidebar #social_media ul li a.facebook, #container .sub_sidebar #social_media ul li a.facebook {
							background: url(/wp-content/themes/sandbox/images/facebook.gif) center center no-repeat;
							}
							
							#container .sidebar #social_media ul li a.twitter, #container .sub_sidebar #social_media ul li a.twitter {
							background: url(/wp-content/themes/sandbox/images/twitter.gif) center center no-repeat;
							}
							
					.sub_sidebar #related_stories ul {
					list-style: disc;
					margin: 1em 0 1em 1em;
					color: #7A062E;
					}
					
					.sub_sidebar #related_stories ul li a {
					font-size: 95%;
					color: #7A062E;
					text-decoration: none;
					}
					
						.sub_sidebar #related_stories ul li a:hover {
						color: #000;
						text-decoration: underline;
						}
							
					#container .sidebar .advertising {
					padding: 2em 0;
					}
					
					#container .sidebar .advertising img{
					border: none;
					margin: 5px 0;
					}
					
			.sub_sidebar #sidebar_content {
			margin: 50px 30px 50px 0;
			color: #333;
			line-height: 1.4;
			}
			
				#container .sub_sidebar #sidebar_content h3 {
				margin: 0.5em 0;
				/* padding-top: 0em; */
				/* border-top: solid 1px #999; */
				font-size: 1.4em;
				color: #004477;
				}
				
			
		/* iv) #footer */
		
		#footer {
		margin: 0 auto;
		clear: both;
		background: url(/wp-content/themes/sandbox/images/f_bg.jpg) #2A7399 0 0 repeat-x;
		padding: 1em 0;
		text-align: center;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Calibri, "Lucida Sans Regular", Helvetica, sans-serif;
		font-size: 90%;
		line-height: 1.4;
		color: #fff;
		}
		
			#footer #footer_content {
			margin: 0 auto;
			width: 920px;
			}
			
				#footer #footer_content ul {
				float: left;
				margin: 2em 0;
				list-style: none;
				}
				
					#footer #footer_content ul li {
					float: left;
					width: 150px;
					border-right: solid 1px #fff;
					}
					
						#footer #footer_content ul li.last {
						border-right: none;
						width:160px;
						}
			
				#footer a {
				color: #fff;
				font-weight: bold;
				text-decoration: none;
				}
			

		
	




/* temporary styles for membership directory search results page number links - feel free to delete these -- karla - Nov 3, 2009 */
#container #content #results_page_list li.current a{
	text-decoration:underline;
	font-weight:bold;
	color:#004477;
}

#container #content #results_page_list ul {
    list-style-type:none;
    text-align: center;
}

#container #content #results_page_list li
{
    display: inline;
    float: left;
    padding-right: 5px;
}

#container #content #results_page_list li a {
	color: #7a062e;
	text-decoration:none;
}

#container #content #search_results a {
	color: #7a062e;
	text-decoration:none;
}
#container #content #search_results a:hover {
	text-decoration:underline;
}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
table.directory { 
	width:570px;
}

table.directory td {
	padding:7px 7px 7px 0px; 
	vertical-align:middle;
}