/* Theme Name: 3col_menu Theme URI: http://www.hhgraphics.net Description: 3 Column w dropmenu Version:
1.0 Author: HHG Author URI: http://www.hhgraphics.net */

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite,
code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure,
footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0;
border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're
using foreground images as sprites, like, say for Google Maps custom placemarkers. There has been a
report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose
the issue. */ img, object, embed {max-width: 100%;}
/* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;}
/* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul
{list-style: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
/* tables still need cellspacing="0" in the markup */ table {border-collapse: collapse; border-spacing:
0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3
(and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom;
*vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active
{outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
/* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub, sup
{font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;}
/* standardize any monospaced elements */ pre, code, kbd, samp {font-family: monospace, sans-serif;}
/* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button
{cursor: pointer;}
/* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select,
textarea {margin: 0;}
/* make buttons play nice in IE */ button {width: auto; overflow: visible;}
/* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;}
/* prevent BG image flicker upon hover */ .ie6 html {filter:
expression(document.execCommand("BackgroundImageCache", false, true));}
/* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block;
height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; }



body, html { margin:0; padding:0; background-image:url(images/woodflr.jpg); color:#000; } body {
min-width:750px; }
 a:link, a:visited{ color: #B03E1C; }
a:hover{ text-decoration: none; }
 p { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:13px; line-height: 19px;
color:#49302d; }
 .small { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:10px; color:#49302d; margin:
-2em 0; }
 h1 { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:36px; color:#49302d; }
 h2 { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:20px; color:#24402d; }
 h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#49302d;
text-transform:uppercase; letter-spacing:1px; }
 h4 { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:14px; color:#24402d; }
table { width: 500px; padding: 20px 20px 0 20px; margin: 10px 20px; border: 1px solid #CCCCCC; }
table td{ padding: 2px 2px 2px 2px; margin: 0px; border-bottom: 1px solid #E9E9E9; }
form { border:0; margin:0 0 0 -28px; padding:0 0 0 -28px; list-style:none; }
form ul, li { border:0; margin: -10px -2px; padding:-10px 0; list-style:none; }
.ie form ul, li{ _margin: -2px -2px; _padding:-2px 0; !margin: 0px -2px; !padding:0px 0; }
.txtbox { border: 1px solid #C1A18B; }

.hmnav { position: relative; color: #fff; text-align: right; font-weight:normal; font-size:17px; padding:187px 10px 0 0; margin: 0px 10px 0 0; } 
.ie .hmnav {top:-300px; padding-right: 25px;}

 #wrapper { margin:0 auto; width:750px; }
 #shadwrap { width: 24px !important; height: 852px !important; position: relative; top: 0; left: 0;
background-image:url(images/leftshad.png); }
 .ie #shadwrap { _background: none; _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftshad.png', sizingMethod='crop'); }
 #wrap { margin:0 24px; width:750px; background-image:url(images/wht50per.png);
 }
 .ie #wrap { _background: #fff none; _filter:alpha(opacity=40); _height:1%;
 } .ie #wrap * { _position: relative; /* Moves the Text above the transparency */ }
 .ie ie7 #wrap { background: #fff none; filter:alpha(opacity=40); height:1%; }
 .ie ie7 #wrap * { position: relative; /* Moves the Text above the transparency */ }
 #bg { width: 24px; height: 852px !important; position: relative; left: 750px;
background-image:url(images/rightshad.png); float: left; }
 .ie #bg { _background: none; _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rightshad.png', sizingMethod='scale'); }
 #header { background:none; } 

#pagetop{ background:none; display: block; position: relative; top: -35px; }
.ie #pagetop {top:250px;}
#header h1 { padding: 60px 0 0; position: absolute; float: left; left: 220px; width:500px; height: 50px; text-shadow:1px 1px rgba(255, 255, 255, 0.8); font-family: "Georgia", "Times New Roman", "Palatino Linotype", Serif; font-weight: normal; font-size: 42px; }
 #header img { position: relative; float: left; clear:none; text-align:left; padding: 20px 0 0 0; }

#nav { position: relative; background-image:url(images/treeimg.jpg); background-position: center 30px;background-repeat: no-repeat;background-attachment:inherit; top: 200px; }
 .ie #nav { position: relative; background-image:url(images/treeimg.jpg); background-repeat: no-repeat;background-attachment:inherit; background-position: center 30px; z-index:99; height: 220px; width: 800px;top:195px; left:-25px; }

#nav ul{ margin:0; padding:0; list-style:none; }
#nav li{ display:inline; margin:0; padding:0; } 

#main { margin: 210px 5px 0 0; padding: 0px; float:right;width:500px; }
.ie #main { margin: 210px 5px 0 0; padding: 0px; float:right; width:500px; } 
 #main h2, #main h3, #main p { padding:0 15px 0 5px; } #main ul { margin: 0 25px; padding: 0;font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:13px; line-height: 19px; color:#49302d;}
#main li { margin: 0 25px; padding: 4px 2px; list-style-type:disc; }


#sidebar { background: url(images/bevel2.png); background-position: top right;background-repeat:no-repeat; float:left; width:200px; min-height: 750px; /*margin-top: -41px;*/ }
.ie #sidebar { _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bevel2.png', sizingMethod='crop');_margin-top: -41px; _height: 750px; } 
#sidebar ul { margin-bottom:0; list-style-type:none; } 
#sidebar li { margin-bottom:0; list-style-type:none; }

 #sidebar h3, #sidebar p { padding:0 10px 0 0; }
.column { }
.thumb { border: 0; float: left; width: 80px; height: 80px; margin: 0 10px 3px 2px; }
.ie .thumb { margin: 0 10px 3px 2px; }
.leadimage { border: 0; float: right; width: 150px; height: 150px; margin: 0px 12px 3px 15px; }
.floatleft { display: block; float: left; width: 400px; height: auto; margin-top: -20px; margin-bottom:
5px; }
.ie .floatleft { _margin-top: -5px; !margin-top: -5px; }

 /*---------------------- buttons-----------------------*/

 .btn { border: 1px solid #C1A18B; background-color:#E5DFD1; color:#886A55; text-transform: uppercase;
font-weight: bold; }
.btnhov { color:#886A55; background-color: #DDD2BC; }

/* -------------- images and captions --------------- */

.ie .filter { _background: none; _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/postsep.png', sizingMethod='crop'); }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.navigation { }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #b0937b; text-align: center; padding-top: 4px; margin: 0 10px 10px 10px;
/* optional rounded corners for browsers that support it */ -moz-border-radius: 3px;
-khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*--------------------dropshadow--------------------*/

.outerpair1 { background: url(images/upperrightfade.png) right top no-repeat; }

.ie .outerpair1{ _background: none; _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/upperrightfade.png', sizingMethod='crop');
}
.outerpair2 { background: url(images/lowerleftfade.png) left bottom no-repeat; padding-top: 8px;
padding-left: 8px; }
.ie .outerpair2{ _background: none; _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lowerleftfade.png', sizingMethod='scale');
}
.shadowbox { background: url(images/shadow.png) bottom right; }
.ie .shadowbox{ _background: none; _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow.png', sizingMethod='scale'); }
.innerbox { position: relative; left: -8px; top: -8px; }
.shadowbox img { float:left; margin:2px; }
.floatimage { float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 130px 0 0 450px; display: inline; /* IE doubled margin bug is defeated via this fixer rule. */ }
.innerbox { background: #fod3c6; border: 1px solid #fod3c6;}
.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */ position: absolute; left: 45px;
top: 250px; }

.textbox { position: absolute; left: 20px; top: 1.8em; }
.textbox .innerbox { border: 1px solid #ccc; background: #fod3c6; width: 200px; height: 210px; overflow:
auto; }
.linkbox { position: absolute; left: 38px; top: 440px; }
.linkbox2 { position: absolute; left: 38px; top: 655px; _top: 665px; } 
.ie .linkbox2 { position:absolute; left: 38px; top: 675px; }
.linkbox3 { position: absolute; left: 38px; top: 890px; _top: 870px; } 
.ie .linkbox3 { position:absolute; left: 38px; top: 910px; }
.linkbox4 { position: absolute; left: 38px; top: 980px; _top: 940px; }
.ie .linkbox4 { position: absolute; left: 38px; top: 910px; }
.linkbox5 { position: absolute; left: 38px; top: 1140px; _top: 1120px; }
.linkbox .innerbox { display: block; background: #f9f6f1; border: 1px solid #b0937b; padding: 4px 6px 4px 6px; text-align: right; width: 160px; }
.linkbox2 .innerbox { display: block; background: #f9f6f1; border: 1px solid #b0937b; padding: 4px 6px 4px 6px; text-align: left; width: 160px; }
.linkbox3 .innerbox { display: block; background: #f9f6f1; border: 1px solid #b0937b; padding: 4px 10px 0 2px; text-align: left; width: 160px; }
.linkbox4 .innerbox { display: block; background: #f9f6f1; border: 1px solid #b0937b; padding: 4px 10px 0 2px; text-align: left; width: 160px; }
.linkbox5 .innerbox { display: block; background: #f9f6f1; border: 1px solid #b0937b; padding: 4px 6px 0px 2px; text-align: left; width: 160px; }
.linkbox2 .innerbox img { padding: 4px 6px 4px 2px; float:left; clear:left; }
.green { font-size:11px; line-height: 16px; margin: 0; padding: 0; font-weight:bold; color:#24402d; }
.cta { align: right; text-align: right; }
.cta a { text-transform: uppercase; font-weight: bold; font-size: 11px;}

/*--------------------footer--------------------*/ #footer { background: url(images/footerbg.png);
clear:both; height:70px; margin: 70px 0; top: 70px; _top: 80px; !top: 80px; position: relative; }

 .ie #footer{ _background: none; _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footerbg.png', sizingMethod='crop');
position:relative; } .footerimg { top: -100px; left: 24px; float:left; position:relative; } 
.ie .footerimg { top: -100px; margin: 0px; float:left; position:relative; }
 .nprof { margin: 0 10px 30px 45px; top: 950px; position:absolute; width: 150px; height:200px; }
.nprof2 { top: -270px; margin: 0 10px 30px 45px; float:left; position:relative; width: 150px; }
.footerimg2 { top: -300px; left: 24px; float:left; position:relative; }
.ie .footerimg2 { top: -240px; margin: 0px; height: 166px; width:80px; }
.ie .nprof { !top: 975px; !margin: 0 10px 30px 20px; }
 #pagebot { position: relative; _top: -200px; margin: 45px 15px 20px 15px; padding: 5px 15px 20px 15px;height:80px; background-color:#00CC33; }
.footerbt { top:-85px; _top:-75px; !top:-75px; left: 250px; width:500px; margin: -85px 0 0 10px; padding:0; position:relative; text-align:right; float:left; }
.footerbt2 { top:-205px; _top:-155px; !top:-155px; left: 100px; width:650px; margin: -205px 0 0 10px;padding: 0; position:relative; text-align:right; float:left; }
.ie .footerbt2 { top:-155px; _top:-155px; !top:-155px; left: 100px; width:650px; margin: -225px 0 0 10px;padding: 0; position:relative; text-align:right; float:left; }
 .addblock { list-style:none; color:#D8DAC9; text-align:right; float: right; position:relative; padding:5px 8px; margin: 5px 0; }
 .addblock2 { list-style:none; color:#D8DAC9; text-align:right; float: right; position:relative; padding:0px 8px; margin: 0; } .addblock ul { list-style:none; float: right; }
 .addblock li { float: left; text-align:right; font-family:"Trebuchet MS", Verdana, Arial, sans-serif;font-size:12px; font-weight:bold; padding: 0px 8px; margin: 0; }
 .addblock2 li { float: left; text-align:right; font-family:"Trebuchet MS", Verdana, Arial, sans-serif;font-size:12px; font-weight:bold; padding: -2px 8px 5px 8px; margin: -2px 0 5px 0; }
 .addblock li a { color:#D8DAC9; } .addblock2 li a { color:#D8DAC9; }

/*--------------------menu --------------------*/

#menu{ margin:0 auto; width:750px; position: absolute; top: 203px; left: 24px; padding:0 0; text-align: left; z-index: 100; }
.ie #menu{top: 200px; }

/*** ESSENTIAL STYLES ***/ 

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu {
line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of
submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility:
inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a {
display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 1.6em;
/* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul
{ top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width
*/ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li
li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** DEMO SKIN ***/ .sf-menu { float: right; margin-bottom: 2.2em; } .sf-menu a { border-left: 1px solid
#D7B09A; border-top: 1px solid #D7B09A; padding: .5em .85em; text-decoration:none; font-family:Trebuchet
MS, Verdana, Arial, sans-serif; text-transform:uppercase; font-size:.8em; }

.ie .sf-menu a { padding: .5em .80em; font-size:.75em; } .sf-menu a, .sf-menu a:visited { /* visited
pseudo selector so IE6 applies text colour*/ color: #EaD8CE; } .sf-menu li { background: #6a4e3e; }
.sf-menu li li { background: #82614d; } .sf-menu li li li { background: #725443; } .sf-menu li:hover,
.sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #A27C65;
outline: 0; }

/*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout
so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em;
top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background:
url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image
only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern
browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px;
/* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active >
.sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a >
.sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('images/shadow.png') no-repeat bottom
right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow
ul.sf-shadow-off { background: transparent; }

/*------------------icons ------------------*/

a[href$='.pdf'] { padding: 5px 20px 5px 0; background: transparent url(images/icon_pdf.gif) no-repeat
center right; }

a img { position: relative; border: 0; }

a[href$='.doc'], a[href$='.rtf'] { padding: 5px 20px 5px 0; background: transparent
url(images/icon_doc.gif) no-repeat center right; }

a[href$='.xls'] { padding: 5px 20px 5px 0; background: transparent url(images/icon_xls.gif) no-repeat
center right; }

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { padding: 5px 20px
5px 0; background: transparent url(images/icon_archive.gif) no-repeat center right; }

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { padding: 5px 20px
5px 0; background: transparent url(images/icon_music.gif) no-repeat center right; }

a[href ^="mailto:"] { padding: 5px 20px 5px 0; background: transparent url(images/icon_mailto.gif)
no-repeat center right; }