/* @override http://10.0.1.7/~ParkerCDE/jpc2/css/typography.css */

body {
	
	
/* font sizing in ems, baby. if you want to change anything, just change this.*/
	
/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	
	color: #fff;
	font: 85% verdana, arial, helvetica, sans-serif;
}


/*the following classes are to demonstrate better line heights for narrow columns*/

.narrow1 {
	width: 50%;
	line-height: 1.3em;
}

.narrow2 {
	width: 50%;
	line-height: 1.5em;
}

/* @group typography */

a {
	text-decoration: none;
	color: #999999;
	letter-spacing: 1px;
	font: .95em "Lucida Grande", Lucida, Verdana, sans-serif;
}

a.single_image.scooterYes {
	text-decoration: none;
	background: url(../images/button-yes.gif) no-repeat center top;
	margin: 0 0 0 10px;
	padding: 0 20px 0 0;
	width: 60px;
	height: 22px;
	display: inline-block;
	border-right: 1px solid #63c8d3;
}

a.single_image.scooterYes:hover {
	text-decoration: none;
	background: url(../images/button-yes.gif) no-repeat center -30px;
	margin: 0 0 0 10px;
	padding: 0 20px 0 0;
	width: 60px;
	height: 22px;
	display: inline-block;
	border-right: 1px solid #63c8d3;
}

a#scooterNo {
	text-decoration: none;
	background: url(../images/button-hellno.gif) no-repeat center top;
	margin: 0;
	padding: 0;
	width: 60px;
	height: 22px;
	display: inline-block;
}

a#scooterNo:hover {
	text-decoration: none;
	background: url(../images/button-hellno.gif) no-repeat center -30px;
	margin: 0;
	padding: 0;
	width: 60px;
	height: 22px;
	display: inline-block;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #63c8d3;
}

.hello {
	font-family: Nobile, Arial, serif;
}

.welcome {
	font-family: Nobile, Arial, serif;
	float: left;
}

h1 {
	color: #999999;
	font: 1.5em/1.6em Nobile, arial, serif;
}

h1.title {
	color: #ffffff;
	background-color: #63c8d3;
	float: left;
	font: 1.5em/1.6em Nobile, Arial, serif;
	padding-left: 2px;
	padding-right: 10px;
	letter-spacing: 1px;
}

span.color {
	color: #ffffff;
	font-family: Nobile, Arial, serif;
	background-color: #63c8d3;
	padding: 0 2px;
}

span.green {
	color: #ffffff;
	font-family: Nobile, Arial, serif;
	background-color: #9d986d;
	padding: 0 2px;
}

span.caption {
	color: #cccccc;
	font: italic 1.25em "Times New Roman", Times, serif;
	letter-spacing: 2px;
	margin-left: 20px;
	float: left;
	padding-top: 12px;
}

span.transparant {
	color: white;
	z-index: -3;
	font-family: Nobile, Arial, serif;
}

h2 {
	font-size: 1.5em;
	line-height: 1.6em;
}

h3 {
	margin: 1.2em 0em 1.2em 0em;
	font-style: normal;
	font-family: Nobile, Arial, serif;
}

h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

img {
	border: 0;
}

ol, ul, li {

/*list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
}

.nested {
	margin-left: 20px;
}

p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 0 0em 1.2em;
}

p.caption {
	margin: 0 0em 1.2em;
	font: italic 1.0em/1.8em Georgia, "Times New Roman", Times, serif;
}

li > p {
	margin-top: 0.2em;
}

pre {

/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/

	font-family: monospace;
	font-size: 1.0em;
}

strong, b {
	font-weight: bold;
}

/* @end */

/* @group jQuery Elements */

/* @group jkPanel */

#jkcontentdiv h2 {
	color: #cccccc;
	letter-spacing: 1px;
	font: 1.5em/2px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding: 0;
	margin: 0 0 15px;
}

#jkcontentdiv h2 a {
	margin: 0 0 15px;
	letter-spacing: 1px;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #63c8d3;
	padding: 0;
}

#jkcontentdiv h2 a:hover {
	padding: 0 0 2px;
	margin: 0 0 15px;
	letter-spacing: 1px;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
	color: #75ebf8;
}

#jkcontentdiv h3 {
	color: #cccccc;
	letter-spacing: 1px;
	margin: 0 0 10px;
	padding: 0;
	font: italic 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
}

#jkcontentdiv h4 {
	color: #cccccc;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	font: italic .9em/1.5em Georgia, "Times New Roman", Times, serif;
}

#jkcontentdiv p {
	color: #cccccc;
	float: left;
	font: italic 1em/2em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1.1px;
	word-spacing: 1px;
}

#jkcontentdiv a {
	color: #cccccc;
}

span.cssXhtml a {
	color: #999999;
	text-transform: uppercase;
	font: .7em Verdana, "Lucida Grande", Lucida, sans-serif;
	background: url(../images/slideUp-checkmark.png) no-repeat right top;
	padding-right: 18px;
	margin-left: 20px;
}

span.pcde a {
	color: #999999;
	text-transform: uppercase;
	font: .7em Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-right: 18px;
	margin-left: 20px;
}

span.pcde:hover a {
	color: #63c8d3;
}

span.cssXhtml:hover a {
	color: #63c8d3;
	text-transform: uppercase;
	font: .7em Verdana, "Lucida Grande", Lucida, sans-serif;
	background: url(../images/slideUp-checkmark.png) no-repeat right -24px;
	padding-right: 18px;
	margin-left: 20px;
}

div#copyright p {
	color: #444444;
	letter-spacing: .7px;
	font: 9px Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

/* @end */

/* @group Sliding Boxes */

.boxgrid a {
	color: #63c8d3;
	font: .7em/1.5em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

.boxgrid a:hover {
	color: #63c8d3;
	font: .7em/1.5em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.boxgrid h3 {
	margin: 0;
	color: #63c8d3;
	padding: 0;
	font: .9em/1.5em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

.boxgrid p {
	padding: 0;
	color: #ffffff;
	font: bold 1.2em/1.5em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
}



/* @end */

/* @end */

/* @group Contact */

div#address h3{
	color: #cccccc;
	margin: 20px 0 10px;
	font: 1.2em/1.6em Cousine, arial, serif;
}

div#telephone h3 {
	color: #cccccc;
	margin: 20px 0 10px;
	font: 1.5em/1.6em Cousine, arial, serif;
}



/* @end */