/* 
Title:		Jonathan Smith & Co. styles and IE fixes
Author: 	Karen Firebaugh, kfire@firedreamsdesign.com
Date: 		October 30, 2005 - revised January 29, 2006 - revised Feb. 8, 2008
			revised October 19, 2008 */

/* You may adapt certain elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright 2001-2008 Karen Firebaugh, FireDreams Web Design and may not be reproduced. */ 

/* Jsco STYLE GUIDELINES 
body font Verdana, sans serif #666 gray
headers Palatino linotype, serif
sea gray-green: 
	#D0DBD0 footer, wide side borders, top border
	#B8C7B8 inner borders (accent for depth)
	#C2D2C2 "Welcome" sidebar h2
	#93AB93 content h3 headers, dt (staff names), breakout nav
deep navy blue-black:
	#576379 content h2 (page title) - new Jsco gray
	#00386B header div, logo, sidebar navigation links
	#0057A8 lighter blue for link hover state
rust-brown:
	#BB5423 links 
	#D8A187 pale brown for visited state
*/

/*BASIC STYLES ---------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font: small Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	color: #666;
	border: 28px solid #D0DBD0;
	border-bottom: none;
}
#header, #content h2, #content h3, #sidebar h2, #sidebar-2 h3 {
	font-family: "Palatino linotype", "Times New Roman", Times, serif;
}
a:link {
	color: #BB5423;
	text-decoration: underline;
}
a:visited {
	color: #D8A187;
}
a:hover {
	color: #0057A8; 
	text-decoration: none;
}
.ampersand { /* style of ampersand in jsco logo*/
	background: url(images/ampersand.gif) 0 50% no-repeat;
	padding: 0 4px 0 10px;
}
.ampersand2 { /* style of ampersand in jsco text - Palatino Linotype ITALICS, slightly larger*/
	font-family: "Palatino Linotype";
	font-style: italic;
	font-weight: bold;
	font-size: 115%;
}
.contact {
	text-align:right;
	padding-right:25px;
	font-size: 95%;
	line-height: 1.5em;
	margin:0;
}
abbr, acronym {
	border-bottom: 1px dashed #ccc;
	cursor: help;
}
#wrap { /*to wrap all */
	min-width: 600px;
	/*max-width: 1400px;*/
}
/* HEADER ---------------------------------------------- */
#header {
	background: #FFF /*url(images/jscologo2.gif) no-repeat*/;
	height: 85px;
	font-size: 250%;
	color: #00386B;
	padding: 0;
	margin: 0;
	border-left: 3px solid #B8C7B8; 
	border-top: 3px solid #B8C7B8;
}
#header h1.hide {
	display: none;
}
#header h2 {
	font-size: 45%;
	font-weight: normal;
	font-variant: small-caps;
	margin: 0;
	padding: 50px 0 0 45px;
	letter-spacing: .2em;
}
#header img  {
	display: block;
	width: 320px;
	}
#header span {
	position: absolute;
	top: 36px;
	left: 31px;
	width: 320px;
	height: 85px;
}
#header span a {
	color: #B8C7B8;
}
html>body #header span {
	top: 31px;
}
#main-body { /*to wrap content and sidebar */
	float: left;
	width: 75%;
	border-left: 3px solid #B8C7B8;
}
/*CONTENT --------------------------------------------*/
#content {
	background: #f5f5f5;
	color: #666;
	float: right;
	width: 67%;
}
#content .gutter {
	padding: 10px 20px 20px 20px;
}
#content h2 {
	font-size: 125%;
	color: #576379; /*new Jsco gray replaces Jsco Navy #00386B*/ 
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: .1em;
}
#content h3 {
	color:#93AB93;
	font-size: 110%;
	font-weight: normal;
	text-align:right;
	padding-right: 10px;
	border-bottom: solid 1px #E7E3D4;
	margin: 0;
}
#content p.initial:first-letter {
	font-size: 400%;
	float: left;
	font-family: "Palatino linotype", "Times New Roman", Times, serif;
	 /*IE actually seemed to display this better than FF - so originally used negative top margin which IE seems to ignore to space initial letter the same - 
	 margin-top: -22px; IE doesn't seem to do this so it makes FF and IE display the same*/
}
#content p.initial:first-line {
	font-variant: small-caps;
	font-size: 102%;
}
#content img.team  {
	margin-top: 0;
	float: left;
	margin: 10px 15px 0 0;
	padding: 0 4px 4px 0;
}
#content ul, #content li {
list-style: none;
}

#content ul.list, #content li.list {
	padding: 8px 0 0 18px;
	margin-right: 35px;
	margin-left: 10px;
	background: #f5f5f5 url(images/jsco_bullet2.gif) no-repeat 0 50%;	
}



/*MODIFICATIONS FOR PHOTO BACKGROUNDS ---------------------- */
/*#home #content .gutter { background: url(images/TeamXmas615.jpg) no-repeat 50% 5px;}
#home #content h2 { padding-top: 305px;}*/
#home #content .gutter { background: url(images/dadjonathan3.jpg) no-repeat 50% 5px;}
#home #content h2 { padding-top: 245px;}
#way #content .gutter { background: url(images/island3.jpg) no-repeat 50% 5px;}
#way #content h2 { padding-top: 245px;}
#way2 #content .gutter { background: url(images/JWSchartWay2.jpg) no-repeat 50% 10px;}
#way2 #content h2 { padding-top: 250px;}
#way3 #content .gutter { background: url(images/JWSchartWay3.jpg) no-repeat 50% 10px;}
#way3 #content h2 { padding-top: 250px;}
#what #content .gutter { background: url(images/greatgrammie3.jpg) no-repeat 50% 5px;}
#what #content h2 { padding-top: 245px;}
#resources #content .gutter { background: url(images/adirondacks3.jpg) no-repeat 50% 5px;}
#resources #content h2 { padding-top: 245px;}
#contact #content .gutter { background: url(images/juzandali3.jpg) no-repeat 50% 5px;}
#contact #content h2 { padding-top: 243px;}


/* SITE DATALIST STYLES ------------------------------- */
dl {
	margin: 0;
	padding: 0;
}
dl dt {
	margin: 10px 0;
	font-family: Georgia, serif;
	font-size: 120%;
	color: #93AB93;
}
dl dd {
	margin-left: 10px;
	font-size: 90%;
	line-height: 1.5em;
	padding: 0 10px 0 15px;
}

/* STAFF PAGE MODIFICATIONS ------------------------ */
#staff dl {
	margin: 0;
	padding: 8px 15px;
	border-bottom: solid 1px #E7E3D4;
}
#staff dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#staff dl a.email {
	line-height: 2em;
}
#staff dl dt {
	margin: 0 0 .5em 0;
	font-family: Georgia, serif;
	font-size: 120%;
	color: #93AB93;
}
#staff dl dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 10px 4px 4px 0;
	background:  url(images/photo-frame.gif) no-repeat bottom right;
}
#staff dl dd {
	margin-left: 94px;
	padding-right: 0;
	font-size: 90%;
	line-height: 1.5em;
}
#staff dl.alt dt img {
	float: right;
	margin: 0 0 0 15px;
}
#staff dl.alt dd {
	margin-left: 0px;
}
#staff dl.altNew dd {
	margin-left: 5px;
}
#staff #content h3 {
	letter-spacing: .035em;
}
#team img.team {
	float: left;
	margin: 10px 15px 0 0;
	padding: 0 4px 4px 0;
	background:  url(images/photo-frame.gif) no-repeat bottom right;
}
#team img.team2 {
	float: none; 
	margin: 10px 5px 0 0;
	padding: 0 4px 4px 0;
/*	background:  url(images/photo-frame.gif) no-repeat bottom right;*/
}
#team dd.name {
	font-variant: small-caps;
	font-size: 120%;
}
/* RESOURCE PAGE MODIFICATIONS ------------------- */
#content p.terms {
	font-size: 70%;
	line-height: 1.5em;
	color: #999;
	padding: 10px 25px 0;
	margin: 0;
}
#resources dl dt, #contact dl dt {
	font-size: 115%;
	margin-bottom: 0;
}
#resources dl dd {
	background: url(images/pdf_small.gif) 0 50% no-repeat;
	padding: 0 0 0 15px;
}
#resources dl dd.para {
	margin-left: 15px;
	font-size: 85%;
	line-height: 1.2em;
	padding: 0 20px 5px 20px;
	background: none;
}
.cfp {
	font-variant:small-caps;
}

/*LEFT NAVIGATION SIDEBAR ------------------------------*/
#sidebar {
	float: left;
	width: 33%;
	background: #fff;
	color: #666;
	font-size: 95%;
}
#sidebar .gutter {
	padding: 15px 0 0 0;
}
#sidebar h2 {
	font-size: 275%;
	color: #C2D2C2;
	padding: 0;
	margin: 0;
	text-align: center;
}
#sidebar ul, #sidebar li {
	font: small-caps 104% "Palatino Linotype", Georgia, serif;
	list-style: none;
	/* \*/height:1%;/**/
}
#sidebar a {
	display: block;
	padding: 0 0 0 18px;
	margin: 0;
	color: #00386B;
	text-decoration: none;
	background: #fff url(images/jsco_bullet.gif) no-repeat 0 50%;
}
#sidebar ul ul li {
	border-left: dotted 1px #E7E3D4;
}
#sidebar ul ul li a {
	font: small-caps .8em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #93AB93;
	list-style: none;
	background: #fff none;
	padding-top: 2px;
	padding-bottom: 8px;
	margin-bottom: -3px;
}
#sidebar ul ul li a:hover/*, #sidebar ul ul li a:active*/ {
	background: #fff none;
	color: #0057A8;
}
#sidebar a:hover {
	text-decoration: underline;
	color: #0057A8; 
	background: #fff url(images/jsco_bullethover.gif) no-repeat 0 50%;
}
/*#sidebar a:active {
	border-right:solid 1px #FFF;
	text-decoration:underline;
	color:#060; 
	background: url(images/jsco_bulletactive.gif) no-repeat 0 50%;
}*/

/*RIGHT SIDEBAR FOR RELATED LINKS and INFO --------------------------*/
#sidebar-2 {
	float: right;
	width: 24%;
	background: #fff;
	color: #666;
}
#sidebar-2 .gutter {
	padding: 65px 15px 15px 15px;
}
#home #sidebar-2 .gutter {
	padding: 15px 15px 15px 15px;
}
#sidebar-2 h3 {
	font-size: 115%;
	font-variant:small-caps;
	letter-spacing: .05em;
	color: #00386B;
	margin-bottom: 0;
}
#sidebar-2 h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #00386B;
	padding: 0 0 0 10px;
	margin:0;
}
#sidebar-2 ul {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 10px;
	text-align: left;
}
#sidebar-2 dl dt{
	margin: 10px 0 0 0;
	font-size: 115%;
}
#sidebar-2 dl dd.paper {
	background: url(images/paper.gif) 0 50% no-repeat;
	padding: 0 0 0 18px;
}
#sidebar-2 dl dd.pdf {
	background: url(images/pdf_small.gif) 0 50% no-repeat;
	padding: 0 0 0 15px;
}
#sidebar-2 dl dd.web {
	background: url(images/externalLink.gif) 0 50% no-repeat;
	padding: 0 0 0 15px;
}
/* TEAM PAGES SIDEBAR2 MODIFICATIONS & WINGDINGS */
#team dl dd.phone { background: url(images/phone.gif) 0 50% no-repeat;}
#team dl dd.email{ background: url(images/email.gif) 0 50% no-repeat;}
#team dl dd.free { background: url(images/free.gif) 0 50% no-repeat;}
#team dl dd.fax { background: url(images/fax.gif) 0 50% no-repeat;}
#team dl dd.mail { background: url(images/envelope.gif) 0 50% no-repeat;}
#team dl dd.login { background: url(images/login.gif) 0 50% no-repeat;}


/* FOOTER ------------------------------------------- */
#footer {
	clear: both;
	background: #D0DBD0;
	color: #787878;
	height: 83px;
	font-size: 85%;
	padding: 10px 0;
}
#footer ul, #footer li {
	display: inline;
	list-style: none;
}
#footer #utility {
	float: right;
	padding: 10px 20px 0 0;
}
#footer #copyright {
	float: left;
	padding: 0;
}
#footer #copyright ul, #footer #copyright li {
	display: block;
	line-height: 1.2em;
	padding: 0 5px;
	margin: 0;
}
/* styles for 404 error page */
.error1 {
	font-size: 115%;
	color: #00386B;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: .1em;
}
.error2 {
	border-top: 2px solid #B8C7B8;
	border-bottom: 2px solid #B8C7B8;
	background: #E5EBE5;
	padding: 20px;
	font-weight: bold;
}

/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */