/* Layout: General */
/*===================================================================*/

body {
	background-image:url(Artwork/FAH_BG-main.jpg);
	background-repeat:repeat-y;
	background-position:center;
	color:           black;
	font-size:       14px;
	line-height:     20px;
	font-family:     Arial, san-serif;
	margin-top: 0;
}




ul {
   margin-top:  0;
}

li{
	
}


p{
	margin-top: 0;
}

h1{
	background:      transparent;
	color:           #396451;
	font-size:       20px;
	font-family:     Arial, san-serif;
	line-height:     24px;
	margin-top: 0;
	margin-bottom: 0;
}


h2{
	background:      transparent;
	color:           black;
	font-size:       18px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	margin-top:      0;
	margin-bottom:   0;
}

h3{
	background:      transparent;
	color:           #396451;
	font-size:       18px;
	font-weight:     lighter;
	font-family:     Arial, san-serif;
	line-height:     22px;
	margin-top:      0;
	margin-bottom:   0;
}

h4{
	background:      transparent;
	color:           #396451;
	font-size:       22px;
	font-weight:     bold;
	font-family:     Times New Roman, Times, Garamond, serif;
	font-style:      italic;
	line-height:     24px;
	margin-top:      0;
	margin-bottom:   0;
}


td.alt{
	background:      #F8F7F3;
	background-image:  url(Artwork/Resources/recipehead.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:         .25cm;
}

td.mainhomeright{
	background:      #EBE1CD;
	background-image:  url(Artwork/Home/FAH_C2.jpg);
	background-repeat:repeat-y;
	background-position: center top;
	width:            566px;
	color:           black;
	text-align:	     center;
	font-size:       14px;
	font-weight:     normal;
	line-height:     18px;
	font-family:     Arial, sans-serif;

}

td.mainhomeleft{
	background:      #EBE1CD;
	background-image:  url(Artwork/Home/FAH_C1.jpg);
	background-repeat:repeat-y;
	background-position: center top;
	width:            435px;
	color:           black;
	text-align:	     center;
	font-size:       14px;
	font-weight:     normal;
	line-height:     18px;
	font-family:     Arial, sans-serif;
}

td.nestright{
	background:      transparent;
	color:           black;
	text-align:	     left;
	font-size:       14px;
	font-weight:     normal;
	line-height:     18px;
	font-family:     Arial, sans-serif;
	padding-left:	 .75cm;
	padding-right:   1.25cm;

}


div.pad{
	padding-top:    .20cm;
	padding-bottom: .20cm;
}

div.steelyBio{
	background:      transparent;
	width:           100%;
	color:           black;
	font-size:       12px;
	font-family:     Arial, san-serif;
	text-align:		 center;
	vertical-align:  middle;
	padding-top:    .10cm;
	padding-bottom: .05cm;
}



table.main {
	background:      transparent;
	color:           white;
	border:          solid #DED9C5;
	font-size:       14px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	text-align:		 center;
	vertical-align:  top;
}

table.body {
	background:      transparent;
	color:           black;
	font-size:       14px;
	font-family:     Arial, san-serif;
	line-height:     21px;
	text-align:		 left;
	vertical-align:  top;
}

table.border {
	background:      white;
	border:          solid #DED9C5;
	font-size:       12px;
	font-family:     Arial, san-serif;
}

td.padall{
	font-size:    12px;
	line-height:  18px;
	padding:     .15cm;
}

td.padallsmaller{
	font-size:    10px;
	line-height:  14px;
	padding:     .15cm;
}



td.article {
	background:      #F8F7F3;
	color:           black;
	line-height:     18px;
	font-family:     Arial, san-serif;
	text-align:		 left;
	padding:         .25cm;
}

td.taupeline {
	background-image:url(Artwork/Home/taupe_line.jpg);
	background-repeat:repeat-x;
	height:          3px;
}

td.nava {
	background-image:  url(Artwork/Home/Robin_P_Steely_Dentist_gradient.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:          40px;
	color:           #DED9C5;
	font-size:       18px;
	font-family:     Arial, san-serif;
	line-height:     18px;
	text-align:		 center;
	padding-top:     .07cm;
}

td.navb {
	background:      #DED9C5;
	color:           #396451;
	height:          30px;
	font-size:       14px;
	font-family:     Arial, san-serif;
	font-weight:     bold;
	line-height:     20px;
	text-align:		 center;
	padding-top:     .07cm;
}

td.foota {
	background:      #396451;
	color:           white;
	height:          100px;
	font-size:       12px;
	font-family:     Arial, san-serif;
	line-height:     18px;
	text-align:		 center;
	padding:         .25cm;
}

td.footb {
	background:      #DED9C5;
	color:           black;
	height:          55px;
	font-size:       12px;
	font-family:     Arial, san-serif;
	line-height:     18px;
	text-align:		 center;
	padding-top:     .25cm;
}

/* VIDEO STYLE */

td.pad{
	padding-top:     .15cm;
	text-align:      center;
}

td.videoMainBody {
	background:      transparent;
	color:           black;
	font-size:       12px;
	font-family:     Arial, san-serif;
	text-align:		 center;
	vertical-align:  top;
	padding:        .15cm;
}

table.videoBorder {
	background:      white;
	color:           #386351;
	border:          solid #b9b299;
	font-size:       14px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	text-align:		 center;
	vertical-align:  middle;
}

td.videoSmallTextx {
	background:      transparent;
	color:           #386351;
	font-size:       12px;
	font-family:     Arial, san-serif;
	text-align:		 center;
	vertical-align:  middle;
	padding-left:     .15cm;
}

td.videoSmallText {
	background:      #F8F7F3;
	color:           #386351;
	font-size:       14px;
	font-family:     Arial, san-serif;
	text-align:		 center;
	font-weight:     bold;
	vertical-align:  middle;
	padding-left:     .15cm;
}

td.videoNoLink {
	background:      #F8F7F3;
	color:           #999999;
	font-size:       12px;
	font-family:     Arial, san-serif;
	text-align:		 center;
	font-weight:     normal;
	vertical-align:  middle;
	padding-left:     .15cm;
}

td.videoMidText {
	background:      transparent;
	color:           #386351;
	font-size:       14px;
	font-family:     Arial, san-serif;
	text-align:		 center;
	vertical-align:  middle;
	padding-left:     .15cm;
}

/* Hyperlinks Video*/


a.video {
	background:      transparent;
	color:           #386351;
	text-decoration: none;
	font-size:       14px;
	font-weight:     bold;
	font-family:     Arial, san-serif;
	text-align:           center;
}

a.video:nav {
	background:      transparent;
	color:           #386351;
	text-decoration: none;
	font-size:       14px;
	font-weight:     bold;
	font-family:     Arial, san-serif;
	text-align:           center;
}

a.video:link {
	background:      transparent;
	color:           #386351;
	text-decoration: none;
	font-size:       14px;
	font-weight:     bold;
	font-family:     Arial, san-serif;
	text-align:           center;
}

a.video:hover {
	background:      transparent;
	color:           #386351;
	text-decoration: underline;
	font-size:       14px;
	font-weight:     bold;
	font-family:     Arial, san-serif;
	text-align:           center;
}

a.video:visited {
	background:      transparent;
	color:           #386351;
	text-decoration: none;
	font-size:       14px;
	font-weight:     bold;
	font-family:     Arial, san-serif;
	text-align:           center;
}




/* Hyperlinks Basic*/

a
{
  outline: none;
}

:focus
{
  -moz-outline-style: none;
}



a: {
	font-family:     Arial, san-serif;
	font-size:       18px;
	line-height:     22px;
	font-weight:	 normal;
	text-decoration: underline; 
	color:           black;
	background:      transparent;
}

a:nav {
	font-family:     Arial, san-serif;
	font-size:       18px;
	line-height:     22px;
	font-weight:	 normal;
	text-decoration: underline; 
	color:           black;
	background:      transparent;
}

a:link {
	font-family:     Arial, san-serif;
	font-size:       18px;
	line-height:     22px;
	font-weight:	 normal;
	text-decoration: underline; 
	color:           black;
	background:      transparent;
}

a:hover {
	font-family:     Arial, san-serif;
	font-size:       18px;
	line-height:     22px;
	font-weight:	 normal;
	text-decoration: none; 
	color:           black;
	background:      transparent;
}

a:visited {
	font-family:     Arial, san-serif;
	font-size:       18px;
	line-height:     22px;
	font-weight:	 normal;
	text-decoration: underline; 
	color:           black;
	background:      transparent;
}



/* Hyperlinks NAV A*/


a.nava {
	color:           white;
	font-size:       18px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	text-decoration: none; 
}

a.nava:nav {
	color:           white;
	font-size:       18px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	text-decoration: none; 
}

a.nava:link {
	color:           white;
	font-size:       18px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	text-decoration: none; 
}

a.nava:hover {
	color:           #DED9C5;
	font-size:       18px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	text-decoration: none; 
}

/* Hyperlinks NAV B*/


a.navb {
	font-size:       14px;
	font-family:     Arial, san-serif;
	font-weight:     bold;
	line-height:     18px;
	text-decoration: none; 
	color:           #396451;
}

a.navb:nav {
	font-size:       14px;
	font-family:     Arial, san-serif;
	font-weight:     bold;
	line-height:     18px;
	text-decoration: none; 
	color:           #396451;
}

a.navb:link {
	font-size:       14px;
	font-family:     Arial, san-serif;
	font-weight:     bold;
	line-height:     18px;
	text-decoration: none; 
	color:           #396451;
}

a.navb:hover {
	font-size:       14px;
	font-family:     Arial, san-serif;
	font-weight:     bold;
	line-height:     18px;
	text-decoration: none; 
	color:           black;
}


/* Hyperlinks RECIPE*/


a.recipe {
	color:           black;
	font-size:       13px;
	font-weight:     bold;
	line-height:     16px;
	font-family:     Times New Roman, Times, Garamond, serif;
	font-style:      italic;
	text-decoration: underline;
}

a.recipe:nav {
	color:           black;
	font-size:       13px;
	font-weight:     bold;
	line-height:     16px;
	font-family:     Times New Roman, Times, Garamond, serif;
	font-style:      italic;
	text-decoration: underline;
}

a.recipelink {
	color:           black;
	font-size:       13px;
	font-weight:     bold;
	line-height:     16px;
	font-family:     Times New Roman, Times, Garamond, serif;
	font-style:      italic;
	text-decoration: underline; 
}

a.recipe:hover {
	color:           black;
	font-size:       13px;
	font-weight:     bold;
	line-height:     16px;
	font-family:     Times New Roman, Times, Garamond, serif;
	font-style:      italic;
	text-decoration: none;
}


/* Hyperlinks RESOURCES*/


a.h2 {
	color:           #396451;
	font-size:       18px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	font-weight:     bold;
	text-decoration: underline;
}

a.h2:nav {
	color:           #396451;
	font-size:       18px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	font-weight:     bold;
	text-decoration: underline;
}

a.h2:link {
	color:           #396451;
	font-size:       18px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	font-weight:     bold;
	text-decoration: underline; 
}

a.h2:hover {
	color:           #396451;
	font-size:       18px;
	font-family:     Arial, san-serif;
	line-height:     22px;
	font-weight:     bold;
	text-decoration: none;
}


/* Hyperlinks Foot A*/


a.foota {
	font-family:     Arial, san-serif;
	font-size:       12px;
	font-weight:     normal;
	text-decoration: underline; 
	color:           white;
	line-height:     14px;
	background:      transparent;
}

a.foota:nav {
	font-family:     Arial, san-serif;
	font-size:       12px;
	font-weight:     normal;
	text-decoration: underline; 
	color:           white;
	line-height:     14px;
	background:      transparent;
}

a.foota:link {
	font-family:     Arial, san-serif;
	font-size:       12px;
	font-weight:     normal;
	text-decoration: underline; 
	color:           white;
	line-height:     14px;
	background:      transparent;
}

a.foota:hover {
	font-family:     Arial, san-serif;
	font-size:       12px;
	font-weight:     normal;
	text-decoration: none; 
	color:           #D8CB6F;
	line-height:     14px;
	background:      transparent;
}

/* Hyperlinks Foot B*/


a.footb {
	font-family:     Arial, san-serif;
	font-size:       12px;
	font-weight:     normal;
	text-decoration: underline; 
	color:           black;
	line-height:     18px;
	background:      transparent;
}

a.footb:nav {
	font-family:     Arial, san-serif;
	font-size:       12px;
	font-weight:     normal;
	text-decoration: underline; 
	color:           black;
	line-height:     18px;
	background:      transparent;
}

a.footb:link {
	font-family:     Arial, san-serif;
	font-size:       12px;
	font-weight:     normal;
	text-decoration: underline; 
	color:           black;
	line-height:     18px;
	background:      transparent;
}

a.footb:hover {
	font-family:     Arial, san-serif;
	font-size:       12px;
	font-weight:     normal;
	text-decoration: none; 
	color:           black;
	line-height:     18px;
	background:      transparent;
}



/* Credits: Dynamic Drive CSS Library*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #396451;
left: -500px;
border: solid thick #396451;
visibility: hidden;
color: white;
font-size:12px;
text-decoration: none;
text-align: center;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: -170px; /*position where enlarged image should offset horizontally */
z-index:100;
}

/* TEXT HOVER LOGO 1 */

.logo1{
position: relative;
z-index: 0;
}

.logo1:hover{
background-color: transparent;
z-index: 50;
}

.logo1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
left: -500px;
border: solid thick white;
visibility: hidden;
color: #396451;
font-size:12px;
text-decoration: none;
text-align: left;
padding-top: .25cm;
padding-left: .25cm;
}

.logo1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}

.logo1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -160px;
left: -270px; /*position where enlarged image should offset horizontally */
z-index:100;
}


/* TEXT HOVER LOGO 2 */

.logo2{
position: relative;
z-index: 0;
}

.logo2:hover{
background-color: transparent;
z-index: 50;
}

.logo2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
right: 200px;
border: solid thick white;
visibility: hidden;
color: #396451;
font-size:12px;
text-decoration: none;
text-align: left;
padding-top: .25cm;
padding-left: .25cm;
}

.logo2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}

.logo2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -160px;
right: -270px; /*position where enlarged image should offset horizontally */
z-index:100;
}



/* NAVIGATION DROPDOWN */

div.dropdown{
	padding-left: 3cm;
}


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding-left: 0;
}

ul.dropdown {
 position: relative;
 z-index: 100;
 float: inherit;
}

ul.dropdown li {
 float: left;
 vertical-align: middle;
}

ul.dropdown li:hover {
 position: relative;
 z-index: 100;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 2px;
 z-index: 100;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
/* visibility: hidden;
 top: 3px;
 left: 98%;*/
 position: static;
}



ul.dropdown li:hover > ul
{
 visibility: visible;
}




/*** Theme/aesthetic of top navigation ***/
ul.dropdown li a,
ul.dropdown li a:visited {
	background:transparent;
	display:inherit;
	text-decoration:none;
	color:   white;
	font-weight:normal;
	line-height:1.1em;
	vertical-align: top;
	text-align:center;
	font-size: 18px;
	font-family: Arial, san-serif;
	border-radius:9;
	padding-top: 0cm;
}



ul.dropdown li a:hover{
	background:transparent;
	display:inherit;
	text-decoration:none;
	color:   #e9e1c7;
	font-weight:normal;
	line-height:1.1em;
	vertical-align: top;
	text-align:center;
	font-size: 18px;
	font-family: Arial, san-serif;
	border-radius:9;
	padding-top: 0cm;
}


ul.dropdown li.current_page a {
	background:transparent;
	display:inherit;
	text-decoration:none;
	color:   #e9e1c7;
	font-weight:normal;
	line-height:1.1em;
	vertical-align: top;
	text-align:center;
	font-size: 18px;
	font-family: Arial, san-serif;
	border-radius:9;
	padding-top: 0cm;
}



/*** Theme/aesthetic of drop down text ***/

ul.dropdown li ul li a,
ul.dropdown li ul li a:visited,
ul.dropdown li ul li.current_page_item a{
	color: #396451;
	display:inherit; 
	font-size: 12px; 
	font-family: Arial, san-serif;
	font-weight: normal; 
	background-image:url(Artwork/drop_down_nav.png);
	background-position: bottom left;
	background-repeat:no-repeat;
	background-color: #CCC;
	text-decoration:underline; 
	line-height: 14px; 
	padding:5px 10px 5px 15px; 
	border-top: none; 
	border-right: none; 
	border-bottom: none; 
	border-left: none;
	text-align: left; 
	height: auto;
	width:  125px;
}


ul.dropdown li ul li a:hover {

	color: black;
	display:inherit; 
	font-size: 12px; 
	font-family: Arial, san-serif;
	font-weight: normal; 
	background-image:url(Artwork/drop_down_nav.png);
	background-position: bottom left;
	background-repeat:no-repeat;
	background-color: #CCC;
	text-decoration:none; 
	line-height: 14px; 
	padding:5px 10px 5px 15px; 
	border-top: none; 
	border-right: none; 
	border-bottom: none; 
	border-left: none;
	text-align: left; 
	height: auto;
	width:  125px;
}
	
ul.dropdown li:hover ul li:hover ul,
ul.dropdown li:hover ul li.hover ul,
ul.dropdown li a:hover ul li a:hover ul a {
	color:#000000; 
	border:none; 
	background-color:#d1e1f4;
	background-image: none;
	font-size: 12px;
	font-weight:normal;
	font-family: Verdana, Arial, sans-serif;
}

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 

ul.dropdown li:hover ul li:hover ul li a,
ul.dropdown li:hover ul li.hover ul li a,
ul.dropdown li a:hover ul li a:hover ul li a {display:block; height:auto;}
ul.dropdown li:hover ul li:hover ul li.current_page_item:hover a,
ul.dropdown li:hover ul li.hover ul li.current_page_item:hover a,
ul.dropdown li a:hover ul li a:hover ul li.current_page_item a:hover,
ul.dropdown li:hover ul li:hover ul li:hover a,
ul.dropdown li:hover ul li.hover ul li:hover a,
ul.dropdown li a:hover ul li a:hover ul li a:hover {color:#000;background:#cfd5e1;}

ul.dropdown li:hover ul li.current_page_ancestor a,
ul.dropdown li a:hover ul li.current_page_ancestor a,
ul.dropdown li:hover ul li.current_page_item a,
ul.dropdown li a:hover ul li.current_page_item a,
ul.dropdown li:hover ul li ul li.current_page_item a,
ul.dropdown li a:hover ul li ul li.current_page_item a {color:#000;background:#cfd5e1;}
ul.dropdown li:hover ul li.current_page_item ul li a,
ul.dropdown li a:hover ul li.current_page_item ul li a {color:#fff;background:#817D33;}