/*	-------------------------------------------------------------
	www.faganwelles.com - creative strategists
	created by: Gabe Hernandez
	client:	kona-blue.com
	date: 07.31.07



/* Site Styles */
html,body{margin:0;padding:0; background-color:#003399;}
body{font: 76% arial,sans-serif;text-align:center}
img {border:none;}
p{font-family: Arial; color: #000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.3em; font-size: 1em;}
sup {font-size: smaller; vertical-align: baseline; position: relative; bottom:0.33em;}
a {outline:none;}

div#container{text-align:left; background-color:#FFFFFF; width:920px; padding: 0; margin:0 auto;}
/* for Internet Explorer */
/*\*/
* html #content {
height: 8em;
}
/**/


#header{ padding:0; background-image:url(images/navgradient.jpg); background-repeat:repeat-x; }
#kblogo{ z-index:100; margin: 20px 0 20px 65px;}
.kklogo{padding-bottom: 10px;}

blockquote { font-size:12px; font-style:italic; background-color:#FFFDE3; padding:15px; border-bottom:1px dotted #003399;}
blockquote ul {margin:0; padding:0;}
blockquote ul li { list-style-image:url(images/navbullet_on.gif)left top no-repeat;}


ul#mainNav {float:right; list-style:none; }
ul#mainNav li{margin:0 0 0 -3px ; padding:0;list-style:none; display:inline;}
ul#mainNav li a {padding:18px 18px 5px 18px; border-right: solid 1px #CCCCCC; text-decoration:none; font-size:10px; font-family:Verdana; font-weight:bold; color:#003399;}
ul#mainNav li.closed a {padding:18px 18px 5px 18px; border-right: solid 1px #CCCCCC; text-decoration:none; font-size:10px; font-family:Verdana; font-weight:bold; color:#cccccc;}
ul#mainNav li a:hover { background-image:url(images/navgradient-hover.jpg); background-repeat:repeat-x; border-bottom:solid 2px #EEB211;}
ul#mainNav li#currentsection a {padding:18px 18px 5px 18px; border-right: solid 1px #CCCCCC; text-decoration:none; font-size:10px; font-family:Verdana; font-weight:bold; color:#003399; background-image:url(images/navgradient-hover.jpg); border-bottom:solid 2px #EEB211;}
ul#mainNav li#currentsectionclosed a {padding:18px 18px 5px 18px; border-right: solid 1px #CCCCCC; text-decoration:none; font-size:10px; font-family:Verdana; font-weight:bold; color:#cccccc; background-image:url(images/navgradient-hover.jpg); border-bottom:solid 2px #EEB211;}

#wrapper{float:left;width:100%;  min-height:500px; height:auto; background-color:#fff;}
#subnavigation{float:left;width:145px;margin-left:-890px; padding: 12px 0 0 0;}
#subnavigation ul {list-style:none; text-align:left; padding:0; margin:0;}
#subnavigation ul li {list-style:none; padding:0 0 5px 0; margin: 0 0 5px 0; border-bottom:solid 1px #CCCCCC;}
#subnavigation ul li a {color:#4C4D4F; padding:0 0 0 16px; text-decoration:none; font-size:11px; background: transparent url(images/navbullet_off.jpg) left center no-repeat;}
#subnavigation ul li a:hover {color:#003399; background: transparent url(images/navbullet_on.gif) left center no-repeat;}
#subnavigation ul li#currentpage a {color:#003399; padding:0 0 0 16px; text-decoration:none; font-size:11px; background: transparent url(images/navbullet_on.gif) left center no-repeat;}

#homemasthead{background-image:url(../images/masthead-homepage_template.jpg); background-position:top; background-repeat: no-repeat; height:250px; padding: 0px 0px 0px 65px;}
#homemasthead p {font-family:verdana; font-size:12px; font-weight:bold; line-height:16px; color:#fff;}

.entryportal{float:left; width:253px; margin: 20px 0 0 20px;}
.portalimage { clear:both;}
.portalimage a{ text-decoration:none; color:#FFF; font-size:.9em; letter-spacing:.1em; background-color:#003399; display:block; padding:5px;}
.portalimage a img{ margin:0 0 3px 0}
.portalimage a:hover{ background-color:#EEB211;}
a.portallink { font-size:11px; color:#003399;  border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; padding:5px 5px 5px 20px; display:block; text-decoration:none; background: transparent url(images/bluearrows.gif) left center no-repeat;}
#portalwrapper{width:100%; padding-left:46px; margin:0 auto;}

#content{margin: 0 240px 0 200px;}
#content a { text-decoration:none; color:#003399; border-bottom: 1px dotted;}
#content a.button, .callout a img{ border-bottom: none;}
#content a:hover, .callout a:hover {color:#666666;}
#content h1 {font-family:Arial;  font-size:12px; color:#0066FF; border-bottom: solid 1px #EEB211; padding: 0 0 5px 25px; background: transparent url(images/bluearrows.gif) left top no-repeat;}
#content h1 img { margin-right:10px;}
#content h2 { font-style:bold; font-size:12px; margin-top:50px; }
#content p, #content ul {font-family: Arial; color: #000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 18px; font-size:12px; padding-left:24px;}
#content ul, #content ul.cleanlist { list-style:none; line-height:18px; padding-left:24px;}
#content ul.cleanlist li, #content ul.pdflist li, #content ul.medialist li { list-style:none; background:none; padding:0; margin:0;}
#content ul li { list-style:none; background: transparent url(images/navbullet_on.gif) left top no-repeat; padding:0 0 0 16px;}
#content a.logo{ text-decoration:none; padding:15px; border-bottom:none;}
.bioimages {float:left; width:198px;}


#content ul.medialist li{ border-bottom: dotted 1px #999999; padding:5px 0;}
ul.stats li{ list-style:none; border-bottom: dotted 1px #999999; padding:3px 0; margin-left: -10px;}
ul.stats li#pop { font-weight:bold; color:#0066FF}

ul.pdflist li a{ border-bottom: dotted 1px #CCCCCC;text-decoration:none; display:block; background: transparent url(images/downloadpdf.png) right center no-repeat; padding:5px 90px 5px 5px; color:#4C4D4F;}
ul.pdflist li a:hover { background-color:#FFFDE3; color:#003399}

ul.recipelist {font-size:10px; list-style:none; text-align:left; margin:0 0 20px 0; padding:0;}
ul.recipelist li a{ border-bottom: dotted 1px #CCCCCC;text-decoration:none; display:block; padding:10px; color:#4C4D4F;}
ul.recipelist li a:hover { background-color:#FFFDE3;  color:#003399}


#sidebar{float:left;width:196px; margin-left:-210px; padding: 12px 0 0 0; text-align:center;}
#sidebar h3 { font-size:11px; font-weight:bold; padding: 0; margin:0; text-align:left;}
.featuredchef {background-color: #EEB211; line-height: 1.4em;  font-family:verdana; color:#fff; font-weight:bold; font-size:1.1em; width: 190px; height: 245px}

.callout{background-color: #EEB211; border:3px solid #FFF; padding: 10px; margin-bottom: 20px; text-align: left; line-height: 1.4em;  font-family:verdana; color:#fff; font-weight:bold; font-size:1.1em;}
.callout a, .featuredchef a{ font-size:10px; text-decoration:none;}
.callout p, .featuredchef p{ font-family:arial; font-size:12px; color:#fff; font-weight:normal;}
.callout p.description {font-family:arial; font-size:10px; font-style:normal;}
.callout ul{ font-family:arial; text-align:left; font-size:12px; padding: 0px; margin:0 0 0 15px;}

.callout a img{ border:2px #fff solid; margin:0;}
.callout p{margin:0;}
.callout a:hover img{ text-decoration:none; border:2px #0066FF solid;}
.callout h5 { margin-bottom:3px;}

#footer{clear:left; background-color:#FFFFFF; text-align:center; line-height:15px; width:100%;font-size:9px; color:#999999; padding: 50px 0 25px 0;}
#footer a{text-decoration:none; font-size:9px; color:#003399}

a.jumpup {font-size:10px;}

table.prctbl tr th { font-size:10px; font-weight:normal; border-bottom: 1px dotted #CCCCCC; padding:15px;}
table.prctbl tr.divider { border-bottom: 1px dotted #CCCCCC; }

/* ToolTip Controls */
.tooltip {position: absolute;	left: 0; top: 0; color: #fff; opacity: 0.3; visibility: hidden; width:80px;}
.tooltip p{background: #EEB211;margin: 0;padding: 0 0.8em 0 0.8em; font-size:10px; }
.tooltip img{display: block;}
.tooltip {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}