/*
	Theme Name: Ruth Swenson Law
	Theme URI: 
	Description: LexisNexis Custom Theme for Ruth Swenson Law
	Author: Sarah Braun
	Version: 1.0
	License: 
	License URI: 
	Template: template 
	Tags: 
*/


@import url("../template/style.css");








/* 

	HTML5 - Boilerplate » LexisNexis Edition » ver 1.2 10/14/2011 
	
	[1] CSS Reset 
	[2] Base Styles
	[3] 960 Grid 
		[3.1] 12 Column
		[3.2] 16 Column
	[4] Primary Styles
	[5] Non-Semantic Helper Classes
	[6] Media Queries
	[7] Print Styles

*/

/* 
	html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
	v1.4 2009-07-27 | Authors:Eric Meyer & Richard Clark
	html5doctor.com/html-5-reset-stylesheet/
*/
















/* ----- [1] CSS Reset ----- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;outline:none;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }  /* tables still need cellspacing="0" in the markup */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { }

/* ----- END [1] CSS Reset ----- */







/* ----- [2] Base Styles ----- */
/* 
	fonts.css from the YUI Library:developer.yahoo.com/yui/
	Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
*/


body { font:13px/1.231 sans-serif; *font-size: small;  }
/* ----- hack retained to preserve specificity ----- */
select, input, textarea, button { }

/* ----- normalize monospace sizing (en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome) ----- */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* set your base font here, to apply evenly */
body, select, input, textarea { color:#444; font-family: sans-serif; }

/* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight:bold; }

/* always force a scrollbar in non-IE */ 
html { overflow-y:scroll; }
 
/* Accessible focus treatment:people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline:none; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
ul, ol { margin-left:1.8em; }
ol { list-style-type:decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin:0; } 
small { font-size:85%; }
strong, th { font-weight:bold; }
td, td img { vertical-align:top; } 
sub { vertical-align:sub; font-size:smaller; }
sup { vertical-align:super; font-size:smaller; }
pre { 
	padding:15px; 
	/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
	white-space:pre; /* CSS2 */
	white-space:pre-wrap; /* CSS 2.1 */
	white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap:break-word; /* IE */
	}
textarea { overflow:auto; } 
/* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left:-7px; } 
/* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label  [by:Thierry Koblentz tjkdesign.com/ez-css/css/base.css ]  */
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; }
.ie7 input[type="checkbox"] { vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor:pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin:0px; }

/* These selection declarations have to be separate. [ No text-shadow:twitter.com/miketaylr/status/12228805301 ] */
::-moz-selection { background:#4e689d; color:#fff; text-shadow:none; }
::selection { background:#4e689d; color:#fff; text-shadow:none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color:#ff5e99; } 

/* make buttons play nice in IE: [ www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ ] */
button {  width:auto; overflow:visible; }
 
/* bicubic resizing for non-native sized IMG:[ code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ ] */
.ie7 img { -ms-interpolation-mode:bicubic; }

	
/* ----- END [2] Base Styles ----- */









/* ----- [3] 960 Grid ----- */


.container-12,
.container-16 { 
	position:relative; 
	margin:0px auto; 
	width:960px; 
	overflow:hidden;
	}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, 
.grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 { 
	display:inline;	
	float:left;	
	position:relative; 
	margin-left:10px; 
	margin-right:10px; 
	}
	
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4, 
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8, 
.push-9, .pull-9, .push-10,  .pull-10, .push-11, .pull-11, .push-12, .pull-12 { 
	position: relative; 
	}
	

		/* -- [3.1] 12 Column -- */
		
			.container-12 .grid-1 { width:60px; overflow:hidden; }
			.container-12 .grid-2 { width:140px; overflow:hidden; }
			.container-12 .grid-3 { width:220px; overflow:hidden; }
			.container-12 .grid-4 { width:300px; overflow:hidden; }
			.container-12 .grid-5 { width:380px; overflow:hidden; }
			.container-12 .grid-6 { width:460px; overflow:hidden; }
			.container-12 .grid-7 { width:540px; overflow:hidden; }
			.container-12 .grid-8 { width:620px; overflow:hidden; }
			.container-12 .grid-9 { width:700px; overflow:hidden; }
			.container-12 .grid-10 { width:780px; overflow:hidden; }
			.container-12 .grid-11 { width:860px; overflow:hidden; }
			.container-12 .grid-12 { width:940px; overflow:hidden; }
			
			.container-12 .prefix-1 { padding-left: 80px; }
			.container-12 .prefix-2 { padding-left: 160px; }
			.container-12 .prefix-3 { padding-left: 240px; }
			.container-12 .prefix-4 { padding-left: 320px; }
			.container-12 .prefix-5 { padding-left: 400px; }
			.container-12 .prefix-6 { padding-left: 480px; }
			.container-12 .prefix-7 { padding-left: 560px; }
			.container-12 .prefix-8 { padding-left: 640px; }
			.container-12 .prefix-9 { padding-left: 720px; }
			.container-12 .prefix-10 { padding-left: 800px; }
			.container-12 .prefix-11 { padding-left: 880px; }
			
			.container-12 .suffix-1 { padding-right: 80px; }
			.container-12 .suffix-2 { padding-right: 160px; }
			.container-12 .suffix-3 { padding-right: 240px; }
			.container-12 .suffix-4 { padding-right: 320px; }
			.container-12 .suffix-5 { padding-right: 400px; }
			.container-12 .suffix-6 { padding-right: 480px; }
			.container-12 .suffix-7 { padding-right: 560px; }
			.container-12 .suffix-8 { padding-right: 640px; }
			.container-12 .suffix-9 { padding-right: 720px; }
			.container-12 .suffix-10 { padding-right: 800px; }
			.container-12 .suffix-11 { padding-right: 880px; } 
			
			.container-12 .push-1 { left: 80px; }
			.container-12 .push-2 { left: 160px; }
			.container-12 .push-3 { left: 240px; }
			.container-12 .push-4 { left: 320px; }
			.container-12 .push-5 { left: 400px; }
			.container-12 .push-6 { left: 480px; }
			.container-12 .push-7 { left: 560px; }
			.container-12 .push-8 { left: 640px; }
			.container-12 .push-9 { left: 720px; }
			.container-12 .push-10 { left: 800px; }
			.container-12 .push-11 { left: 880px; }
			
			.container-12 .pull-1 { left: -80px; }
			.container-12 .pull-2 { left: -160px; }
			.container-12 .pull-3 { left: -240px; }
			.container-12 .pull-4 { left: -320px; }
			.container-12 .pull-5 { left: -400px; }
			.container-12 .pull-6 { left: -480px; }
			.container-12 .pull-7 { left: -560px; }
			.container-12 .pull-8 { left: -640px; }
			.container-12 .pull-9 { left: -720px; }
			.container-12 .pull-10 { left: -800px; }
			.container-12 .pull-11 { left: -880px; }
		
		
		
		/* -- [3.2] 16 Column -- */

			.container-16 .grid-1 { width: 40px; }
			.container-16 .grid-2 { width: 100px; }
			.container-16 .grid-3 { width: 160px; }
			.container-16 .grid-4 { width: 220px; }
			.container-16 .grid-5 { width: 280px; }
			.container-16 .grid-6 { width: 340px; }
			.container-16 .grid-7 { width: 400px; }
			.container-16 .grid-8 { width: 460px; }
			.container-16 .grid-9 { width: 520px; }
			.container-16 .grid-10 { width: 580px; }
			.container-16 .grid-11 { width: 640px; }
			.container-16 .grid-12 { width: 700px; }
			.container-16 .grid-13 { width: 760px; }
			.container-16 .grid-14 { width: 820px; }
			.container-16 .grid-15 { width: 880px; }
			.container-16 .grid-16 { width: 940px; }
			
			.container-16 .prefix-1 { padding-right: 60px; }
			.container-16 .prefix-2 { padding-right: 120px; }
			.container-16 .prefix-3 { padding-right: 180px; }
			.container-16 .prefix-4 { padding-right: 240px; }
			.container-16 .prefix-5 { padding-right: 300px; }
			.container-16 .prefix-6 { padding-right: 360px; }
			.container-16 .prefix-7 { padding-right: 420px; }
			.container-16 .prefix-8 { padding-right: 480px; }
			.container-16 .prefix-9 { padding-right: 540px; }
			.container-16 .prefix-10 { padding-right: 600px; }
			.container-16 .prefix-11 { padding-right: 660px; }
			.container-16 .prefix-12 { padding-right: 720px; }
			.container-16 .prefix-13 { padding-right: 780px; }
			.container-16 .prefix-14 { padding-right: 840px; }
			.container-16 .prefix-15 { padding-right: 900px; }
			
			.container-16 .suffix-1 { padding-left: 60px; }
			.container-16 .suffix-2 { padding-left: 120px; }
			.container-16 .suffix-3 { padding-left: 180px; }
			.container-16 .suffix-4 { padding-left: 240px; }
			.container-16 .suffix-5 { padding-left: 300px; }
			.container-16 .suffix-6 { padding-left: 360px; }
			.container-16 .suffix-7 { padding-left: 420px; }
			.container-16 .suffix-8 { padding-left: 480px; }
			.container-16 .suffix-9 { padding-left: 540px; }
			.container-16 .suffix-10 { padding-left: 600px; }
			.container-16 .suffix-11 { padding-left: 660px; }
			.container-16 .suffix-12 { padding-left: 720px; }
			.container-16 .suffix-13 { padding-left: 780px; }
			.container-16 .suffix-14 { padding-left: 840px; }
			.container-16 .suffix-15 { padding-left: 900px; }
			
			.container-16 .push-1 { right: 60px; }
			.container-16 .push-2 { right: 120px; }
			.container-16 .push-3 { right: 180px; }
			.container-16 .push-4 { right: 240px; }
			.container-16 .push-5 { right: 300px; }
			.container-16 .push-6 { right: 360px; }
			.container-16 .push-7 { right: 420px; }
			.container-16 .push-8 { right: 480px; }
			.container-16 .push-9 { right: 540px; }
			.container-16 .push-10 { right: 600px; }
			.container-16 .push-11 { right: 660px; }
			.container-16 .push-12 { right: 720px; }
			.container-16 .push-13 { right: 780px; }
			.container-16 .push-14 { right: 840px; }
			.container-16 .push-15 { right: 900px; }
			
			.container-16 .pull-1 { right: -60px; }
			.container-16 .pull-2 { right: -120px; }
			.container-16 .pull-3 { right: -180px; }
			.container-16 .pull-4 { right: -240px; }
			.container-16 .pull-5 { right: -300px; }
			.container-16 .pull-6 { right: -360px; }
			.container-16 .pull-7 { right: -420px; }
			.container-16 .pull-8 { right: -480px; }
			.container-16 .pull-9 { right: -540px; }
			.container-16 .pull-10 { right: -600px; }
			.container-16 .pull-11 { right: -660px; }
			.container-16 .pull-12 { right: -720px; }
			.container-16 .pull-13 { right: -780px; }
			.container-16 .pull-14 { right: -840px; }
			.container-16 .pull-15 { right: -900px; }



.alpha { margin-left: 0; }
.omega { margin-right: 0; }
	

/* ----- END [3] 960 Grid (12 Column) ----- */












/* ----- START [4] Custom Styles ----- */



html {
	height:100%;
	}
	
body {	
	margin:0px; 
	padding:0px; 
	text-align:center;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	background: url(img/body-bg.jpg) repeat-x #000;
	}
	
.container-12 {
	text-align:left;
	}

	
				
/* ----- Header ----- */

header {
	height:192px;
	background:url(img/header.png) no-repeat;
	position:relative;
	z-index:100;
}

	header .logo {
		height:83px;
		width:355px;
		background:url(img/logo.png) no-repeat;
		margin:37px 14px 0px 0px;
		
	}
	
#header-phone {
	color:#feffff;
	font:100% "Calibri", Helvetica, Arial, sans-serif;
	padding:10px;
}

	#header-phone i {
		float:left;
		text-transform:uppercase;
		font-style:normal;
		padding: 10px 0px 0px 10px;
	}
	
		#header-phone i span {
			padding:0px 5px;	
		}
	
	#header-phone b {
		font-size:182%;
		font-weight:normal;
		float:right;
		padding-right:30px;
	}
	
	#header-phone span {
		color:#c67222;	
	}

/* ----- Banner ----- */

#banner {
	margin-top:-57px;	
	margin-bottom:5px;
	position:relative;
	z-index:90;
	overflow:hidden;
}
	
	#slideshow {
		margin:0px;
		*margin:0px 0px 10px;
		padding:0px;
		list-style-type:none;
		border: 7px solid #fff;	
		border-top:none;
		overflow:hidden;
		height:276px;
	}
	
		#fssPrev { display:none; }
		#fssNext { display:none; }
		#fssPlayPause { display:none; }
		#fssList { display:none; }
	
	#tagline {
		position:absolute;
		top:120px;
		right:0px;
	}
	
		#tagline img {
			border:none;	
		}
			
/* ----- Main Navigation ----- */



	nav#main {
		height:45px;
		overflow:hidden;
		font-size:100%;
		text-align:left;
		margin:50px 0 0 -15px;
		}
		
		nav#main ul {
			list-style:none;
			margin:0px;
			padding:0px;
			}
			
		nav#main ul li {
			display:inline;
			margin:0px;
			padding:0px 2px;
			}
			
		nav#main ul li a {
			display:inline-block;
			margin:0px;
			padding:15px 7px;
			color:#fff;
			text-decoration:none;
			font: 108% "Calibri", Helvetica, Arial, sans-serif;
			}
			
		nav#main ul li a:hover, nav#main ul li.current-menu-item a {
			color:#6ab4c9;
			}



/* ----- Top Navigation ----- */



	nav#top {
		height:45px;
		overflow:hidden;
		font-size:100%;
		text-align:left;
		margin:0px;
		position:absolute;
		top:20px;
		left:635px;
		}
		
		nav#top ul {
			list-style:none;
			margin:0px;
			padding:0px;
			}
			
		nav#top ul li {
			float:left;
			margin:0px;
			padding:0px 2px;
			}
			
			nav#top ul li:last-child a {
				border:none;	
			}
			
		nav#top ul li a {
			display:inline-block;
			margin:0px;
			padding:0px 10px;
			color:#fff;
			text-decoration:none;
			font: 100% "Calibri", Helvetica, Arial, sans-serif;
			border-right:1px solid #c67222;
			}
			
		nav#top ul li a:hover, nav#top ul li.current-menu-item a {
			text-decoration:underline;
			}



/* ----- AOP Navigation ----- */

nav#aop {
	
}

	nav#aop ul {
		margin:0px;
		padding:0px;
	}
	
	nav#aop ul li {
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		width:219px;
		padding:66px 21px 66px 0px;
	}
	
		nav#aop ul li.family { background:url(img/aop-family.png) no-repeat; }
		nav#aop ul li.custody { background:url(img/aop-custody.png) no-repeat; }
		nav#aop ul li.domestic { background:url(img/aop-domestic.png) no-repeat; }
		nav#aop ul li.mediation { background:url(img/aop-mediation.png) no-repeat; padding:66px 0px;}
	
	nav#aop ul li a {
		font:bold 138.5% "Calibri", Helvetica, Arial, sans-serif;
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		text-align:left;
		display:block;
		line-height:.8em;
		padding:0px 20px;
	}
		
		nav#aop ul li a span {
			color:#c67222;
			font-size:77%;
		}
		
	nav#aop ul li a:hover {
	}

					
/* ----- Quick Contact Form ----- */


form.quick-contact-form div#input_1_17 {
	width:220px;
	overflow:hidden;
	}
	
form.quick-contact-form div#recaptcha_widget_div {
	width:218px;
	overflow:hidden;
	padding:10px 0px;
	
	/* -- styles below are for preview purposes only - can be removed -- */
	background:#ddd;
	border:1px solid #aaa;
	}
	

.quick-contact-container {
	position:absolute;
	z-index:200;
	top:0px;
	right:0px;
	width:181px;
	overflow:hidden;
	}

	.quick-contact-container h2 {
		margin:0px;
		padding:0px;
		}
		
	.quick-contact-container h2 a {
		position:relative;
		z-index:300;
		display:block;
		height:38px;
		padding:8px 0px 0px 20px;
		overflow:hidden;
		background:url(img/qc-btn-bg.jpg) top left no-repeat;
		font:123.1% "Calibri", Helvetica, Arial, sans-serif;
		color:#fff;
		text-decoration:none;	
		text-align:left;
		}
		
	.quick-contact-container h2 a:hover {
		color:#fff;
		}
		
	.quick-contact-toggle {
		
		}
		
	
	#quick-contact-box {
		display:none;
		margin:-58px 0px 0px 2px;
		width:151px;
		padding:60px 14px 30px;
		background:url(img/qc-bg.jpg) repeat-x #1c1f22;
		color:#fff;
		font:88% Arial, Helvetica, sans-serif;
		}


		/* ----- [ Quick Contact Form ] ----- */
			
			
			form.quick-contact-form {
				margin:0px;
				padding:0px;
				text-align:left;
				}
				
				form.quick-contact-form div.gform_heading {
					display:none;
					}
				
				form.quick-contact-form fieldset {
					border:none;
					margin:0px;
					padding:0px;
					}
				
				form.quick-contact-form legend {
					display:none;
					}
					
				form.quick-contact-form ul,
				form.quick-contact-form ol {
					list-style:none;
					margin:0px;
					padding:0px;
					}
				
					form.quick-contact-form ul li,
					form.quick-contact-form ol li {
						clear:both;
						display:block;
						margin:0px;
						padding:2px 0px;
						}
				
						form.quick-contact-form ul ul li,
						form.quick-contact-form ol ol li {
							margin:0px;
							padding:1px 0px;
							}
						
						
			/* ----- Labels [ Quick Contact Form ] ----- */
				
				form.quick-contact-form label {
					display:none;
					}
						
					form.quick-contact-form .captcha label.gfield_label {
						display:none;
						}
					
					
			/* ----- Denotes required field (styles applied to asterisk only) [ Quick Contact Form ] ----- */
				
				form.quick-contact-form span.gfield_required {
					font-weight:bold;
					color:#b20000;
					}
				
				
			/* ----- general input area [ Quick Contact Form ] ----- */
				
				form.quick-contact-form div.ginput_container {
					}
				
				
			/* ----- general input fields [ Quick Contact Form ] ----- */
				
				form.quick-contact-form input,
				form.quick-contact-form select,
				form.quick-contact-form textarea {
					width:142px;
					border:none;
					background:#fff;
					padding:5px;
					font:100%  "Calibri", Helvetica, Arial, sans-serif;
					color:#000;
					}
					
					
			/* ----- Message section [ Quick Contact Form ] ----- */
				
				form.quick-contact-form textarea {
					height:80px;
					overflow:auto;
					}
					
					
			/* ----- removing set pixel width/padding settings for select & checkbox [ Quick Contact Form ] ----- */
				
				form.quick-contact-form select,
				form.quick-contact-form input[type="checkbox"],
				form.quick-contact-form input[type="radio"],
				form.quick-contact-form input[type="file"] {
					width:auto;
					}
					
				form.quick-contact-form input[type="checkbox"],
				form.quick-contact-form input[type="radio"] {
					height:auto;
					background:none;
					border:none;
					padding:0px;
					margin:0px;
					}
				
				
			/* ----- Submit Button [ Quick Contact Form ] ----- */
				
				
				form.quick-contact-form input.button {
					width:auto;
					height:auto;
					padding:2px 5px;
					background:#6ab4c9;
					color:#fff;
					float:right;
					}
					
				form.quick-contact-form input.button:hover {
				
					color:#fff;
					}
				
				
			/* ----- Anti-Spam Honeypot Field (hidden) [ Quick Contact Form ] ---- */
				
				
				form.quick-contact-form li.gform_validation_container {
					clear:both;
					}
					
				form.quick-contact-form li.gform_validation_container label,
				form.quick-contact-form li.gform_validation_container .ginput_container,
				form.quick-contact-form li.gform_validation_container .gfield_description {
					display:none;
					}
			
			
			/* ----- error message if required field not filled out [ Quick Contact Form ] ----- */
				
				
				/* ----- main error message ----- */
					
					form.quick-contact-form div.validation_error {
						clear:both;
						display:block;
						padding:10px;
						border:1px solid #6c0000;
						background:#b80000;
						color:#fff;
						font-weight:bold;
						}
					
				
				/* ----- field-specific error messages ----- */
				
					form.quick-contact-form li.gfield_error {
						}
					
					form.quick-contact-form div.gfield_description {
						clear:both;
						display:block;
						margin:10px 0px;
						padding:10px;
						border:1px solid #db9595;
						background:#ebcaca;
						color:#000;
						}
					
					form.quick-contact-form div.instruction {
						font-style:italic;
						}



/* ----- Client Center ----- */


iframe.client-center {
	width:900px;
	min-height:900px;
	overflow-y: scroll;
	overflow-x: hidden;
	border:none;
	}


/* ---- Sidebar ---- */

#right {
	float:right;
	margin:25px 0px;
}

	#right h2 {
		color:#bd6b1e;
		font:bold 123.1% "Calibri", Helvetica, Arial, sans-serif;
		text-transform:uppercase;
	}
	
	
	
	#address {
		border-bottom: 1px dotted #000; 
		margin:0px 20px 0 10px;
	}
	
		#address h3 {
			color:#757575;
			font:bold 93% "Calibri", Helvetica, Arial, sans-serif;
			text-transform:uppercase;
			padding:0px;
			margin:-5px 0 0 0px;
		}
		
		#address address {
			font:normal 93% "Calibri", Helvetica, Arial, sans-serif;
			color:#757575;
			margin:15px 0px;
			line-height:1.6em;
		}
	
	.btn-email a {
		color:#000;
		font:93% "Calibri", Helvetica, Arial, sans-serif;
		text-decoration:none;
		background:url(img/btn-bg.jpg) no-repeat;
		display:block;
		padding:5px 32px;
		margin: 0 0 15px;
	}
	
	.btn-learn a {
		color:#000;
		font:93% "Calibri", Helvetica, Arial, sans-serif;
		text-decoration:none;
		background:url(img/btn-bg.jpg) no-repeat;
		display:block;
		padding:5px 41px;
		margin: 0 0 15px;
	}

	#about {
		margin: 15px 20px 15px 10px;	
	}
		
		#about p {
			font:93% "Calibri", Helvetica, Arial, sans-serif;
			line-height:1.6em;
			color:#868686;
			padding:15px 0px 0px;
		}
		
		#about img {
			float:left;
			padding:0 5px 5px 0;
		}

/* ---- Main Content Block ----- */

#mid-section {
	background:#fff;	
}

#content-inner {
	padding:0px 20px 0px 20px;
	border-right: 1px dotted #000;
	margin:25px 0px;
}

#content {
	color:#929291;
	font:108% "Calibri", Helvetica, Arial, sans-serif;
	}
	
	#content hr {
		clear:both;
		height:1px;
		overflow:hidden;
		color:#fff;
		background:#fff;
		border:none;
		border-top:1px dotted #bbb;
		margin:25px 0px;
		*margin:5px 0px;
		padding:0px;
		}
		
	#content blockquote {
		background:#efefef;
		padding:1px 30px;
		border:1px solid #ccc;
		}
		
	#content a,
	#content a:visited {
		color:#bd6b1e;
		text-decoration: underline;
		}
	
	#content a:hover,
	#content a:active,
	#content a:focus {
		color:#bd6b1e;
		text-decoration: none;
		}
		
	#content p {
		line-height:170%;
		}
		
	#content p, 
	#content ol, 
	#content ul {
		margin-top:25px;
		margin-bottom:25px;
		}
		
		#content ol,
		#content ul {
			margin-left:40px;
			}
			
			#content ol ol, 
			#content ul ul,
			#content ol ul,
			#content ul ol {
				margin-top:6px;
				margin-bottom:0px;
				padding-top:0px;
				padding-bottom:0px;
				}
				
		#content td ol, 
		#content td ul {
			margin-top:0px;
			margin-bottom:0px;
			}
			
			#content td ol ol, 
			#content td ul ul {
				margin-bottom:0px;
				}
				
		#content li {
			padding-top:4px;
			padding-bottom:4px;
			}
			
			
	#content h1 {	
		margin:0px 0px 25px 0px;
		padding:0px;
		font:bold 138.5%/150% "Calibri", Helvetica, Arial, sans-serif;
		color:#3e6874;
		text-transform:uppercase;
		}
	
	#content h2 {	
		margin:25px 0px;
		padding:0px;
		font:normal 108%/120% "Calibri", Helvetica, Arial, sans-serif;
		color:#bd6b1e;
		}
	
	#content h3 {	
		margin:25px 0px;
		padding:0px;
		font: bold 100%/110% "Calibri", Helvetica, Arial, sans-serif;
		color:#6ab4c9;
		}
	
	#content h4 {	
		margin:25px 0px;
		padding:0px;
		font: bold 93%/100% "Calibri", Helvetica, Arial, sans-serif;
		color: #666;
		}
	
	#content h5 {	
		margin:25px 0px;
		padding:0px;
		font: bold 85%/93% "Calibri", Helvetica, Arial, sans-serif;
		color: #666;
		}
		
	#content table.data-table {
		border-top:1px solid #ddd;
		border-left:1px solid #ddd;
		}
		
		#content table.data-table th {
			border-right:1px solid #ddd;
			border-bottom:1px solid #ddd;
			padding:4px;
			background:#ddd;
			font-weight:bold;
			color:#000;
			}
	
		#content table.data-table td {
				border-right:1px solid #ddd;
				border-bottom:1px solid #ddd;
				padding:4px;
				background:#fff;
				color:#000;
				vertical-align:top;
				}
		
		#content table.data-table tr:nth-child(odd) td {
			background:#eee;
			}
		
		#content table.data-table td p {
			margin:0px;
			padding:0px;
			}



/* ----- Footer ----- */

footer {
	padding:0px 10px;	
}

	footer .logo {
		width:356px;
		padding:35px 10px 20px 0px;
		float:left;
	}
	

/* ----- Footlinks ----- */

	nav#footlinks {
		text-align:left;
		font: 100% "Calibri", Helvetica, Arial, sans-serif; 
		padding:68px 0px 0 10px;
		width:564px;
		float:left;
		}
		
		nav#footlinks ul {
			list-style:none;
			margin:0px;
			padding:0px;
			}
			
			nav#footlinks ul ul {
				display:none;
				}
		
		nav#footlinks ul li {
			display:inline;
			margin:0px;
			padding:2px 0px;
			}
		
		nav#footlinks ul li a {
			margin:0px;
			padding:0px 6px;
			color:#fff;
			text-decoration:none;
			}
		
		nav#footlinks ul li a:hover {
			text-decoration:underline;
			}

/* ----- Disclaimer ----- */


	#disclaimer {
		text-align:left;
		font:93% "Calibri", Helvetica, Arial, sans-serif;
		color:#fff;
		margin:10px 0px 30px;
		}
		
		.geo {
			border-top:1px dotted #fff;	
			border-bottom:1px dotted #fff;
		}
		
		#disclaimer p {
			margin:0px;
			padding:15px 0px;
			}
		
		#disclaimer a {
			color:#fff;
			text-decoration:underline;
			}
		
		#disclaimer a:hover {
			color:#fff;
			text-decoration:none;
			}
	
		#disclaimer img {
			float:right;
			margin:-10px 0px 0px 0px;
			}


/* ----- Main Contact Form ----- */

.CfnImg {
	margin:0 10px -10px 0;
	*margin: 0px;
}
	
	
/* --- Blog Info Sidebar --- */
		
		
#blog-info-sidebar {
	margin:15px 10px 15px 20px;
	border-bottom: 1px dotted #000; 
}
		
		#blog-info-sidebar ul {
			list-style:none;
			margin:5px 0px 25px 0px;
			padding:0px;
			}
			
		#blog-info-sidebar ul li {
			margin:0px;
			padding:0px;
			}
			
		#blog-info-sidebar ul li a {
			display:block;
			color:#868686;
			font:normal 93% "Calibri", Helvetica, Arial, serif;
			text-decoration:underline;
			padding:2px 10px;
			}
			
			
		#blog-info-sidebar ul li a:hover {
			text-decoration:none;
			}	
	
	
/* ----- Maps & Directions ----- */







/* ----- END [4] Custom Styles ----- */















/* ----- [5] Non-Semantic Helper Classes ----- */



/* for image replacement */
.ir { 
	display:block; 
	text-indent:-999em; 
	overflow:hidden; 
	background-repeat:no-repeat; 
	text-align:left; 
	direction:ltr; 
	}


/* Hide for both screenreaders and browsers  [ css-discuss.incutio.com/wiki/Screenreader_Visibility ] */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { 
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px; 
	}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { 
	clip: auto; 
	height: auto; 
	margin: 0; 
	overflow: visible; 
	position: static; 
	width: auto; 
	}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { 
	visibility:hidden; 
	}

/* >> The Magnificent CLEARFIX:Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, 
.clearfix:after { 
	content:"\0020"; 
	display:block; 
	height:0; 
	visibility:hidden; } 

.clearfix:after { clear:both; }

/* Fix clearfix:blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom:1; clear:both; }



/* ----- END [5] Non-Semantic Helper Classes ----- */












/* ----- [6] Media Queries ----- */
/* ----- These follow after primary styles so they will successfully override. ----- */



@media all and (orientation:portrait) { 

	/* Style adjustments for portrait mode goes here */
	
	}


@media all and (orientation:landscape) { 

	/* Style adjustments for landscape mode goes here */
	
	}


/* 
	Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
	Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ 
*/

@media screen and (max-device-width:480px) {

	/* ----- Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you (j.mp/textsizeadjust ) ----- */
	/*html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
	
	}



/* ----- END [6] Media Queries ----- */












/* ----- [7] Print Styles ----- */
/* ----- inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ ----- */


@media print {

	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	
	}


/* ----- END [7] Print Styles ----- */