@charset "UTF-8";

/* Layout
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 996px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
	padding-bottom: 20px;
}

.omega {
	margin-right: 0;
	padding-bottom: 20px;
}

.borderTop {
	border-top: 1px dotted #CCC;
}

.borderBot {
	border-bottom: 1px dotted #CCC;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:63px;
}

.container_12 .grid_2 {
	width:146px;
}

.container_12 .grid_3 {
	width:229px;
}

.container_12 .grid_4 {
	width:312px;
}

.container_12 .grid_5 {
	width:395px;
}

.container_12 .grid_6 {
	width:478px;
}

.container_12 .grid_7 {
	width:561px;
}

.container_12 .grid_8 {
	width:644px;
}

.container_12 .grid_9 {
	width:727px;
}

.container_12 .grid_10 {
	width:810px;
}

.container_12 .grid_11 {
	width:893px;
}

.container_12 .grid_12 {
	width:976px;
}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:83px;
}

.container_12 .prefix_2 {
	padding-left:166px;
}

.container_12 .prefix_3 {
	padding-left:249px;
}

.container_12 .prefix_4 {
	padding-left:332px;
}

.container_12 .prefix_5 {
	padding-left:415px;
}

.container_12 .prefix_6 {
	padding-left:498px;
}

.container_12 .prefix_7 {
	padding-left:581px;
}

.container_12 .prefix_8 {
	padding-left:664px;
}

.container_12 .prefix_9 {
	padding-left:747px;
}

.container_12 .prefix_10 {
	padding-left:830px;
}

.container_12 .prefix_11 {
	padding-left:913px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:83px;
}

.container_12 .suffix_2 {
	padding-right:166px;
}

.container_12 .suffix_3 {
	padding-right:249px;
}

.container_12 .suffix_4 {
	padding-right:332px;
}

.container_12 .suffix_5 {
	padding-right:415px;
}

.container_12 .suffix_6 {
	padding-right:498px;
}

.container_12 .suffix_7 {
	padding-right:581px;
}

.container_12 .suffix_8 {
	padding-right:664px;
}

.container_12 .suffix_9 {
	padding-right:747px;
}

.container_12 .suffix_10 {
	padding-right:830px;
}

.container_12 .suffix_11 {
	padding-right:913px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:83px;
}

.container_12 .push_2 {
	left:166px;
}

.container_12 .push_3 {
	left:249px;
}

.container_12 .push_4 {
	left:332px;
}

.container_12 .push_5 {
	left:415px;
}

.container_12 .push_6 {
	left:498px;
}

.container_12 .push_7 {
	left:581px;
}

.container_12 .push_8 {
	left:664px;
}

.container_12 .push_9 {
	left:747px;
}

.container_12 .push_10 {
	left:830px;
}

.container_12 .push_11 {
	left:913px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-83px;
}

.container_12 .pull_2 {
	left:-166px;
}

.container_12 .pull_3 {
	left:-249px;
}

.container_12 .pull_4 {
	left:-332px;
}

.container_12 .pull_5 {
	left:-415px;
}

.container_12 .pull_6 {
	left:-498px;
}

.container_12 .pull_7 {
	left:-581px;
}

.container_12 .pull_8 {
	left:-664px;
}

.container_12 .pull_9 {
	left:-747px;
}

.container_12 .pull_10 {
	left:-830px;
}

.container_12 .pull_11 {
	left:-913px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Typography
----------------------------------------------------------------------------------------------------*/ 

a, a:visited {
	/*font-family: "Times New Roman", Times, serif;
	font-style: italic; 
	font-size: 15px;*/
	text-decoration: none;
	color: #009DDB;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

.active { 
	font-weight: bold;
	text-decoration: none; 
	color: #000;   
}

h1 {
	font-size: 15px;
	font-weight: normal;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
	line-height: 23px;
}

strong {
	color: #000;
}

#bullet {
	font-size: 15px;
	color: #999;
	padding-right: 7px;
}

#bulletHide {
	font-size: 15px;
	color: #FFF;
	padding-right: 7px;
}

#ital {
	font-family: "Times New Roman", Times, serif;
	font-style: italic; 
	font-size: 15px;
}

.red { color: #FF0000; }
.orange { color: #F78F1E; }
.yellow { color: #F78F1E; }
.green { color: #54B948; }
.blue { color: #009DDB; }
.purple { color: #AD208E; }


input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	border: 1px solid #CCC;
	padding: 5px;
	margin-top: -10px;
	resize: none;
}

input:focus, textarea:focus, #select:focus {
	border: 1px solid #54B948;
	/*background-color: #E8F4E8;*/
	background-color: #FFF8DA;
}

textarea {
	height: 150px;
	width: 280px;
}

input {
	height: 20px;
	width: 280px;
}

select {
	width: 292px;
}

small { color:#999; }

#submit {
	border: 0 !important;
	padding: 0 !important;
  	margin-top: 20px !important;
	margin-left: -8px !important;
  	display: block !important;
  	width: 221px !important;
  	height: 50px !important;
  	background: url("../_images/btn-submit_message.gif") no-repeat 0 0;
}

#submit:hover {  background-position: 0 -50px; }

#tweets li {
	background:url(../_images/favicon.gif) no-repeat left top ;
	padding: 0 0 10px 25px;
	margin-left:-40px;
	list-style-type:none;
}

#tweets small { color:#999; padding-left:5px; }

#tweets .hash { color:#009DDB; } 

#tweets .reply { color:#009DDB; } 

/* Global
----------------------------------------------------------------------------------------------------*/ 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background-color: #FFF;
	line-height: 18px;
	margin: 0px;
	border-top: 15px solid #FFD200;
}

#conash3D0 { display: none; }

.banner { padding-top: 25px; height: 270px; }

#bannerHome { background: url("../_images/home_bannerImg.png") no-repeat 0 0; }

#bannerAbout { background: url("../_images/about_bannerImg.png") no-repeat 0 0; }

#bannerResources { background: url("../_images/resources_bannerImg.png") no-repeat 0 0; }

#bannerImg {
	position: absolute;
	height: 380px;
	width: 488px;
	/*border: 1px dotted #FF0000;*/
	top: 0px;
	left: 502px;
	z-index: 1;
}

img { border: none; }

#title { padding-top: 25px; }

#facts { width: 145px; height: 40px; padding-bottom: 5px; }

#schedule {
  	margin-top: 20px;
	margin-left: -8px;
  	display: block;
  	width: 266px;
  	height: 50px;
  	background: url("../_images/btn_schedule_appt.gif") no-repeat 0 0;
}

#schedule:hover {  background-position: 0 -50px; }

#findOutMore {
  	margin-top: 20px;
	margin-left: -8px;
  	display: block;
  	width: 176px;
  	height: 50px;
  	background: url("../_images/btn_learnmore_large.gif") no-repeat 0 0;
}

#findOutMore:hover {  background-position: 0 -50px; }

#officePhotos {
  	margin-top: 20px;
	margin-left: -8px;
  	display: block;
  	width: 231px;
  	height: 50px;
  	background: url("../_images/btn_officephotos.gif") no-repeat 0 0;
}

#officePhotos:hover {  background-position: 0 -50px; }


#learnMore {
  	margin-top: 10px;
	margin-left: -3px;
  	display: block;
  	width: 135px;
  	height: 26px;
  	background: url("../_images/btn_learnmore.gif") no-repeat 0 0;
}

#learnMore:hover {  background-position: 0 -26px; }


#healthHistory {
  	margin-top: 10px;
	margin-left: -5px;
  	display: block;
  	width: 224px;
  	height: 26px;
  	background: url("../_images/btn_healthhistory.gif") no-repeat 0 0;
}

#healthHistory:hover {  background-position: 0 -26px; }




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

#header {
	height: 155px;
	border-bottom: 1px dotted #CCC;
}

#header ul li{
	list-style: none;
	float: right;
	margin-top: 55px;
}

/*.container_12 .grid_12#banner {
	background: no-repeat top right url("../_images/banner.gif");
}*/

#logo {
	width: 326px;
	height: 85px;
	background: url("../_images/jfg_logo.gif");
	float: left;
	margin-top: 32px;
}

/*#home {
  display: block;
  width: 63px;
  height: 25px;
  background: url("../_images/btn_home.gif") no-repeat 0 0;
}

#about {
  display: block;
  width: 94px;
  height: 25px;
  background: url("../_images/btn_about.gif") no-repeat 0 0;
}

#contact {
  display: block;
  width: 97px;
  height: 25px;
  background: url("../_images/btn_contact.gif") no-repeat 0 0;
}

#advice {
  display: block;
  width: 67px;
  height: 25px;
  background: url("../_images/btn_advice.gif") no-repeat 0 0;
}

#home:hover, #about:hover, #contact:hover, #advice:hover {  background-position: 0 -25px; }

#home.active, #about.active, #contact.active, #advice.active {  background-position: 0 -50px; } */


/* Content
----------------------------------------------------------------------------------------------------*/
#portrait { float: right; padding: 0 0 10px 20px; }


.tabNavigation { float: right; list-style: none; padding-left: 12px; margin-top: -10px; }

.tabNavigation li a { 
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  color: #fff;
  display: block;
  width: 20px;
  height: 25px;
  background: url("../_images/btn_quoteNav.gif") no-repeat 0 0;
}

.tabNavigation li a:hover { background-position: 0 -25px; text-decoration: none; } 

.tabNavigation li .selected { background-position: 0 -25px; } 

#quoteTop {
	width: 280px;
	background: url("../_images/bubble-top.gif") 0 0;
	height: 10px;
	margin-top: 15px;
}

#first, #second, #third, #fourth, #fifth {
	width: 250px;
	background: url("../_images/bubble-mid.gif") repeat-y 0 0;
	padding: 0 20px 0 15px;
	min-height: 20px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic; 
	font-size: 15px;
}

#quoteBot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	width: 280px;
	background: url("../_images/bubble-bot.gif") no-repeat 0 0;
	margin-left: -15px;
	padding-top: 30px;
}

#tour {
  display: block;
  width: 488px;
  height: 380px;
  background: url("../_images/about-polaroids.png") no-repeat 0 0;
}

#map {
	margin-bottom: -10px;
}
/* Footer
----------------------------------------------------------------------------------------------------*/
#footer {
	font-size: 11px;
	margin: 0 0 30px 0;
	padding-top: 10px;
	padding-bottom: 100px;
	border-top: double #CCC;
}

#facebook {
	width: 16px;
	height: 16px;
	background: no-repeat url("../_images/facebook_16x16.gif");
	float: right;
	margin-right: 8px;
}

#twitter {
	width: 16px;
	height: 16px;
	background: no-repeat url("../_images/twitter_16x16.gif");
	float: right;
}