/* CSS Document */

html {
 min-height: 100%; margin-bottom: 1px; 
}

/*this is to keep page from shifting to left on load in safari and firefox*/

html { overflow: -moz-scrollbars-vertical !important; }

body {
text-align: center;
margin: 0; 
padding: 0; 
font: 1em "Times New Roman", Times, serif;
background-color: #330033;
color: #521659;
}

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 5%;
	left: 25%;
	width: 50%;
	height: 500px;
	padding: 1em;
	border: 1em solid #9f4d18;
	background-color: white;
	text-align: left;
	z-index:9999;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }


/* Main Structure, wrap the whole layout div */
div#wrapper {
width: 100%; 
margin: 0 auto;
position: relative;
background: #303 url(img/main_bg.gif) repeat-y center;
}

/* clears space at bottom */
div.clearone {
clear:  both;
height: 10px;
}

div.clearone1 {
clear:  both;
height: 1px;
}

div.clearone20 {
clear:  both;
height: 20px;
}

div.clearone30 {
clear:  both;
height: 30px;

}

/* clears space at bottom of column */
div.clearonecol {
clear:  both;
height: 10px;
}

div.clearbottom {
border: 1px solid #ff1c08;
background-color: #9f4d18;
}

div.clearcontent {
clear: both;
}

div.rightbox, div.leftbox {
float: right;
background: #e8c58a url(img/fbtitle_bg.gif) -30px;
width: 270px;
}

div.leftbox {
float: left;
}

div.quotebox {
width: 350px;
margin-left: 35px;
padding: 20px 20px 1px;
text-align: right;
margin-bottom: 30px;
background: #e8c58a url(img/fade_bg_circ4.gif) -30px -60px;
margin-top: 30px;
}



div.qb_fsright {
padding: 20px 20px 1px;
float: right;
background: #e8c58a url(img/fade_bg_circ4.gif) -110px;
width: 240px;
}

div.qb_fsleft {
margin-left: 0;
padding: 20px 20px 1px;
width: 305px;
background: #e8c58a url(img/fade_bg_circ4.gif) -60px -30px;
float: left;
margin-right: 20px;
}	

div.quoteboxtext {
text-align: left;
color: #6c340f;
}

div.qbt_fsleft {
text-align: justify;
font-size: 1em;
}

div.quoteboxsig, div.qbs_fsleft {
text-align: right;
font-size: .85em;
width: 360px;
margin-bottom: 15px;
margin-top: 5px;
}

div.qbs_fsleft {
width: 200px;
color: #9f4d18;
font-size: 1em;
padding-top: 5px;
float: right;
}

div.fs_group {

}

div.challenge {

width: 242px;
margin-left: 8px;
padding: 10px 5px 5px;
}

/* Header */

/* @group Navbar */

div#navhead,
div#navhead_twoheads,
div#navhead_gearguy,
div#navhead_cliffguys {
width: 830px;
margin: 0 auto;
background: url(img/header_white3.gif) no-repeat right bottom;
position: relative;
height: 142px;
}

div#navhead_twoheads {
background-image: url(img/header_twoheads.gif);
}

div#navhead_gearguy {
background-image: url(img/header_gearguy2.gif);
}

div#navhead_cliffguys {
background-image: url(img/header_cliffguys.gif);
}

/* @group Howard Header Photos */

div#hhfs, div#hhabout, #hhtesti, #hhbureaus {
width: 152px;
margin: 0 auto;
position: relative;
left: 297px;
top: 4px;
}

div#hhabout {
left: 259px;
}

div#hhtesti {
left: 295px;
}

#hhbureaus {
left: 275px;
}

/* @end */

div#navbartop, div#navbarbot {

background: url(img/navbartop_bg.gif) repeat-x; 


}

div#navbartopshad, div#navbarbotshad, div#navbarmidnoex, div#navbarmidsubnav,
div#navbartop_twoheads,
div#navbartop_gearguy,
div#navbartop_cliffguys {
background: #303 url(img/navbartopshad_white.gif) no-repeat;
}

div#navbartopshad {
background-color: #303;
background-image: none;
}

div#navbarmidnoex {
background: url(img/navbarmid_s.gif) repeat-x; 
height: 4px;
}

div#navbartop_gearguy {
background-color: #303;
background-image: none;
}

div.navbarcontainer {
width: 862px;
margin: 0 auto;
position: relative;

}

/* @group navbar buttons */

/* uls */

#tnbb {

height: 42px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}

/* lis */

#tnbb li {
margin: 0; 
list-style: none;
position: absolute;
}

#tnbb li, #tnbb a{
height: 42px; 
display: block;
}

/* These set up the underlying button areas */

#button1, #button1sel {left:  16px; width: 64px; background: url(img/tnbb_bg.gif) no-repeat -16px 0px;}
#button2, #button2sel {left:  80px; width: 132px; background: url(img/tnbb_bg.gif) no-repeat -80px 0;}
#button3, #button3sel {left:  212px; width: 155px; background: url(img/tnbb_bg.gif) no-repeat -212px 0;}
#button4, #button4sel {left:  367px; width: 155px; background: url(img/tnbb_bg.gif) no-repeat -367px 0;}
#button5, #button5sel {left:  522px; width: 176px; background: url(img/tnbb_bg.gif) no-repeat -522px 0;}
#button6, #button6sel {left:  698px; width: 148px; background: url(img/tnbb_bg.gif) no-repeat -698px 0;
}

/* These cover global and page-specific button behaviors */

#button1 a:hover {background: url(img/tnbb_rs.gif) no-repeat 0px 0px;}
#button1sel a:link, 
#button1sel a:hover, 
#button1sel a:visited {background: url(img/tnbb_rs.gif) no-repeat 0px -42px;}

#button2 a:hover {background: url(img/tnbb_rs.gif) no-repeat -64px 0px;}
#button2sel a:link,
#button2sel a:hover,
#button2sel a:visited {background: url(img/tnbb_rs.gif) no-repeat -64px -42px;}

#button3 a:hover {background: url(img/tnbb_rs.gif) no-repeat -196px 0px;}
#button3sel a:link,
#button3sel a:hover,
#button3sel a:visited {background: url(img/tnbb_rs.gif) no-repeat -196px -42px;}

#button4 a:hover {background: transparent url(img/tnbb_rs.gif) no-repeat -351px 0px;}
#button4sel a:link,
#button4sel a:hover,
#button4sel a:visited {background: url(img/tnbb_rs.gif) no-repeat -351px -42px;}

#button5 a:hover {background: transparent url(img/tnbb_rs.gif) no-repeat -506px 0px;}
#button5sel a:link,
#button5sel a:hover,
#button5sel a:visited {background: url(img/tnbb_rs.gif) no-repeat -506px -42px;}

#button6 a:hover {background: transparent url(img/tnbb_rs.gif) no-repeat -682px 0px;}
#button6sel a:link,
#button6sel a:hover,
#button6sel a:visited {background: url(img/tnbb_rs.gif) no-repeat -682px -42px;}

/* @end */



/* @group bnbb */



/* bnbb uls */

#bnbb {

height: 42px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}

/* lis */

#bnbb li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}

#bnbb li, #bnbb a{
height: 42px; 
display: block;
}

/* These set up the underlying button areas */

#bbutton1, #bbutton1sel {
	left:  16px;
	width: 81px;
	background: url(img/bnbb_bg_03.gif) no-repeat 0px 0;
}
#bbutton2, #bbutton2sel {left:  97px; width: 120px; background: url(img/bnbb_bg_03.gif) no-repeat -81px 0; }
/*#bbutton3, #bbutton3sel {left:  217px; width: 100px; background: url(img/bnbb_bg.gif) no-repeat -217px 0; } */
#bbutton4, #bbutton4sel {left:  217px; width: 111px; background: url(img/bnbb_bg_03.gif) no-repeat -301px 0; }
#bbutton5, #bbutton5sel {left:  328px; width: 132px; background: url(img/bnbb_bg_03.gif) no-repeat -412px 0; }
#bbutton6, #bbutton6sel {left:  460px; width: 128px; background: url(img/bnbb_bg_03.gif) no-repeat -544px 0; }
#bbutton7, #bbutton7sel {left:  588px; width: 175px; background: url(img/bnbb_bg_03.gif) no-repeat -667px 0; }

#bbutton1 a:hover {background: url(img/bnbb_rs_new.gif) no-repeat 0px 1px;

}
#bbutton1sel a:link, #bbutton1sel a:hover,
#bbutton1sel a:visited  {background: url(img/bnbb_rs_new.gif) no-repeat 0px -41px;}

#bbutton2 a:hover {background: url(img/bnbb_rs_new.gif) no-repeat -81px 1px;}
#bbutton2sel a:link, #bbutton2sel a:hover,
#bbutton2sel a:visited  {background: url(img/bnbb_rs_new.gif) no-repeat -81px -41px;}

/*#bbutton3 a:hover {background: url(img/bnbb_rs.gif) no-repeat -201px 0px;}
#bbutton3sel a:link, #bbutton3sel a:hover,
#bbutton3sel a:visited  {background: url(img/bnbb_rs.gif) no-repeat -201px -41px;}
*/
#bbutton4 a:hover {background: url(img/bnbb_rs_new.gif) no-repeat -301px 1px;}
#bbutton4sel a:link, #bbutton4sel a:hover,
#bbutton4sel a:visited  {background: url(img/bnbb_rs_new.gif) no-repeat -301px -41px;}

#bbutton5 a:hover {background: url(img/bnbb_rs_new.gif) no-repeat -412px 1px;}
#bbutton5sel a:link, #bbutton5sel a:hover,
#bbutton5sel a:visited  {background: url(img/bnbb_rs_new.gif) no-repeat -412px -41px;}

#bbutton6 a:hover {background: url(img/bnbb_rs_new.gif) no-repeat -544px 1px;}
#bbutton6sel a:link, #bbutton6sel a:hover,
#bbutton6sel a:visited  {background: url(img/bnbb_rs_new.gif) no-repeat -544px -41px;}

#bbutton7 a:hover {background: url(img/bnbb_rs_new.gif) no-repeat -667px 1px;}
#bbutton7sel a:link, #bbutton7sel a:hover,
#bbutton7sel a:visited  {background: url(img/bnbb_rs_new.gif) no-repeat -667px -41px;}

/* @end */

div#navbarbot {
background: url(img/navbarbot_bg.gif) repeat-x; 

}

div#navbarbotshad {
background: #330033; 
height: 3px;
}

/* @end */

/* @group midsubnav */

/* midsubnav container */

#msncontainer {
width: 830px;
margin: 0 auto;
position: relative;
text-align: center;
}

#msn_work_container, #testmsncontainer, #burmsncontainer {
height: 39px;
background: url(img/navbarmidsubnav_bg2.gif) no-repeat center;
}

/* midsubnav uls */

#msn_work, #testmsn, #burmsn {
height: 39px;
margin: 0 auto;
margin-left: 0px;

}

#msn_work {
background: url(img/msn_work_bg.gif) no-repeat 0px 0px;
}

#testmsn {
background: url(img/testmsn_bg.gif) no-repeat 16px 0px;

}

#burmsn {
background: url(img/burmsn_bg.gif) no-repeat 16px 0px;
}

/* midsubnav li */

#msn_work li, #testmsn li, #burmsn li {
list-style: none;
position: absolute;
}

/* midsubnav links */

#msn_work a, #testmsn a, #burmsn a{
height: 39px; 
display: block;
}

/* These set up the underlying button areas */

/*workshops */

#msn_work_but1, #msn_work_but1sel {left:  0px; width: 265px; height: 39px;
}
#msn_work_but2, #msn_work_but2sel {left:  265px; width: 340px; height: 39px;
}
#msn_work_but3, #msn_work_but3sel {left:  605px; width: 225px; height: 39px;
}


/*testimonials */

#testmsnbut1, #testmsnbut1sel {left:  16px; width: 214px;
height: 39px;
}
#testmsnbut2, #testmsnbut2sel {left:  230px; width: 220px;
height: 39px;
}

/* bureaus */

#burmsnbut1 {left:  16px; width: 168px;
height: 39px;
}
#burmsnbut2 {left:  184px; width: 195px;
height: 39px;
}
#burmsnbut3 {left:  376px; width: 174px;
height: 39px;
}
#burmsnbut4 {left:  550px; width: 196px;
height: 39px;
}

/* these are the actual button positions */

/*workshops */

#msn_work_but1 a:hover {background: transparent url(img/msn_work_rs.gif) no-repeat 0px -39px;}
#msn_work_but1sel a:link,
#msn_work_but1sel a:hover,
#msn_work_but1sel a:visited {background: url(img/msn_work_rs.gif) no-repeat 0px 0px;}

#msn_work_but2 a:hover {background: url(img/msn_work_rs.gif) no-repeat -265px -39px;}
#msn_work_but2sel a:link, #msn_work_but2sel a:hover, #msn_work_but2sel a:visited  {background: url(img/msn_work_rs.gif) no-repeat -265px 0px;}

#msn_work_but3 a:hover {background: url(img/msn_work_rs.gif) no-repeat -605px -39px;}
#msn_work_but3sel a:link, #msn_work_but3sel a:hover,
#msn_work_but3sel a:visited {background: url(img/msn_work_rs.gif) no-repeat -605px 0px;}


/*testimonials */

#testmsnbut1 a:hover {background: transparent url(img/testmsn_rolls.gif) no-repeat 0px 0px;}
#testmsnbut1sel a:link,
#testmsnbut1sel a:hover,
#testmsnbut1sel a:visited {background: url(img/testmsn_sel.gif) no-repeat 0px 0px;}

#testmsnbut2 a:hover {background: url(img/testmsn_rolls.gif) no-repeat -214px 0px;}
#testmsnbut2sel a:link, #testmsnbut2sel a:hover, #testmsnbut2sel a:visited  {background: url(img/testmsn_sel.gif) no-repeat -214px 0px;}

/*bureaus */


#burmsnbut1 a:hover {background: transparent url(img/burmsn_rolls.gif) no-repeat 0px 0px;}

#burmsnbut2 a:hover {background: url(img/burmsn_rolls.gif) no-repeat -168px 0px;}

#burmsnbut3 a:hover {background: url(img/burmsn_rolls.gif) no-repeat -360px 0px;}

#burmsnbut4 a:hover {background: url(img/burmsn_rolls.gif) no-repeat -534px 0px;}


/* @end */

/* @group Howardism */
/*center howardism strip*/

div.centerimg {
width: 805px;
margin: 0 auto;
}

/* howardism */
div#howardism {
width: 772px;
margin: 0 auto;
position: relative;
border-bottom: 1px solid #9F4D18;background-color: #3f194c;
border-right: 1px solid #9f4d18;
}

/* howardism text */
div#howardismtext {
width: 240px;
text-align: center; 
margin: 0 auto;
position: absolute;
background-color: #bba9c3;
right: 24px;
top: 11px;
}

div.rc_howardism {
margin-left: -10px;
}

/* @end */

/* @group Content */

/* fs Content */
div#contentwrapfs, div#contentwrapsub {
width: 830px; 
margin: 0 auto;
}

div#contentwrapfs {
margin: 0 auto;
width: 830px;
position: relative;
background: url(img/fs_headsbg.jpg) repeat-y 0 0;
}


/* All other pages Content */
div#contentwrapsub {
background: url(img/contentwrap_bg.gif) repeat-y 0 top;
}

/* Left Content Column */
div#rcontent, div.rcontentsub {
position: relative;
float: right;
width: 278px; 
margin: 0 auto;
top: 5px;
}

/* Right Content Column */
div#lcontentfs, div#lcontentsub, div#lcontentsub2, div#lcontentsub3,
div#lcontentsub4 {
float: left;
width: 500px; 
text-align: justify;
margin-top: 1em;
line-height: 1.4em;

}

/* Right Content Column (fs) */
div#lcontentsub {
width: 530px;

}

/* Right Content Column (topics) */
div#lcontentsub2 {
float:  left;
width:  505px;
margin-left: 0;
padding-left: 20px;
}

/* Right Content Column (about) */
div#lcontentsub3 {
float:  right;
width:  480px;
margin-right: 15px;
padding: 0;
margin-left: 0;
}

/* Right Content Column (bureau) */
div#lcontentsub4 {
float:  left;
width:  500px;
padding-left: 20px;
}

div#ccontent{
width: 300px;
margin-left: 265px;

padding-bottom: 75px;
}

div#ccontent_wrapper {

width: 300px;
padding-top: 190px;
margin-left: 263px;
margin-bottom: 0;
padding-bottom: 30px;
}

ul.fsul {
text-align: left;
list-style-type: none;
padding-left: 10px;
}

li.fsul {
margin-top: 10px;
}

ul.fsul_r {
text-align: left;
list-style-type: none;
padding-left: 0px;
padding-right: 10px;
margin-left: 0;
}

li.fsul_r {
margin-top: 10px;
}

/* fs Pullquote */
.pullquotefs {

line-height: 1.4em;
font-size: 1em;

width: 200px;
font-style: italic;

padding: 0;

}

/* Pullquote sub */
div#pullquotesub, .pullquotesubbrown, .pullquotesubpurple, .pullquotesublist {
width: 255px;

line-height: 1.4em;  
color: #521659;
font-size: 1em;
font-style: italic;
margin-top: 10px;
margin-left: 10px;
text-align: justify;
}

/* Pullquote sub */
.pullquotesubbrown {
color: #9f4d18;
margin-bottom: 15px;
}

/* Pullquote sub */
.pullquotesubpurple {
color: #521659;
margin-bottom: 15px;
font-weight: bold;

}

.pullquotesig {
text-align: left;
margin-left: 25px;
line-height: 1em;
margin-right: 10px;
}

div.video_sig {
text-align: left;
margin-right: 10px;
margin-top: 10px;
margin-left: 40px;
line-height: 1.2em;
color: #9f4d18;
}

div.video_title {
font-weight: bold;
font-size: 1.1em;
}

.pullquotesublist {
width: 270px;
margin-left: 0;
text-align: left;
}

.rc_pic {
margin-top: 15px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
margin-left: -1px;
}

/* Left Testimonial */
div.testimonial {
width: 225px; 
margin: 0 auto;
float: left;
}

/* L Text */
div.ltext {
width: 210px; 
text-align: left;
font-size: 1em;
line-height: 1.4em;  
color: #9f4d18;
font-weight: bold;
margin-left: .5em;
}

div#howardpic {


top: 20px; 

}

#howardsuit {
width: 200px;
position: relative; 
text-align: left;
z-index: 10;
border-width: 1px;
padding-top: 30px;
margin: 0 auto 0 30px;
}

div#contentindent {
font-size: 1em;
line-height: 1.5em; 
line-height: 1.3em;
margin-left: 20px;
margin-right: 35px;
}


div.concenterimg {
margin: 0 auto;
text-align: center;
}

/* float image right */
.contentpic, .contentpicrtop {
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px;
}

/* float image left */
.contentpicl, .contentpiclclear {
float: left;
margin-right:  30px;
clear: right;
margin-bottom: 20px;
}

.contentpiclclear {
clear: none;
float: left;
margin-bottom: 75px;
}

/* float image right */
.contentpicrtop {
float: right;
margin-left: 20px;
}

.buttonright {
margin-bottom: 10px;

clear: right;
float: left;
}

.ulbuttonright, .ulbuttonleft {
clear: right;
list-style-type: none;
float: right;

}

.ulbuttonleft {
padding: 0px;
float:  left;
margin-left: 0;
}

.buttonrightli, .buttonleftli {
margin-bottom: 10px;
}

.ulleftlist {
list-style-type: none;
width: 150px;
text-align: left;
}

.lileftlist {
float: left;
text-align: center;
margin-left: 20px;
}

ul.ljustify {
text-align: left;
font-size: .7em;
line-height: 1.4em;
list-style-type: none;
margin-left: 3px;
}


ul.ljustifyb {
list-style-type: disc;
text-align: left;
padding-right: 10px;
}

li.ljustify, li.ljustifyb {
padding-left: 0;
background-color: red;
text-align: left;
width: 200px;
}

ul.indent {
list-style-position: inside;
text-align: left;
width: 280px;
margin-top: 0;
margin-bottom: 30px;
padding-left: 0;
}

.pdfpara {
clear: none;
float:  left;
padding-left: 0;
margin-left: 0;
}

/* bottom tout */
div#bottomtout {
width: 470px;
height: 100px;
margin: 0 auto;
border: 1px #A75B2A solid;
padding: 10px;
}

/* bottom tout */

div.toutbox {
float: left;
width: 110px;
font-size: .7em;
line-height: 1.3em;
margin: 0 auto;
text-align: left;
}

.listarrow, .listarroworange, .listarrowbrown, .listarroworangeleft {
list-style-image: url(img/arrowlist.gif);
line-height: 1.5em;
text-align: left;
list-style-position: outside;

}

.listarroworange, .listarroworangeleft {
list-style-image: url(img/arrowlist_orange.gif);
}

.listarroworangeleft {
margin-left: 17px;
padding-left: 0;
padding-right: 0;
}

.listarrowpurple, .listarrowpurpleleft {
list-style-image: url(img/arrowlist_purple.gif);
}

.listarrowpurpleleft {
margin-left: 17px;
padding-left: 0;
padding-right: 0;
}

ol.numlist {
list-style-type: decimal;

margin-left: 10px;
padding-left: 20px;
color: #9f4d18;
margin-right: 10px;
}

li.spacer {
margin-bottom: 30px;
}

.listarrowbrown {
color: #9f4d18;
}

ul.paraindent {
list-style-type: none;
}

li.paraindent {
margin-bottom: 15px;
}

.testidiv {
width: 500px;
text-align: left;
border-top: 1px solid #9f4d18;
padding-top: 10px;
padding-bottom: 10px;
}

.testip {
width: 350px;
text-align: left;
margin-top: 10px;
margin-bottom: 5px;
}

.test_text {
border-bottom: 1px solid #9f4d18;
margin-top: 18px;
background: url(img/test_fade_bg.gif) repeat-x 0 100%;
margin-bottom: 24px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
}

ul.itembox {
width: 500px;
margin-left: 0px;
padding-left: 0;
clear: none;
padding-bottom: 80px;
}

li.itemboxl, li.itemboxr {
margin: 0; 
list-style: none;
position: absolute;

}

li.itemboxl, li.itemboxr {
display: block;
}

li.itemboxl {
margin-left: 0px;
}

li.itemboxr {
margin-left: 205px;
padding-left: 15px;
background: #faecce url(img/affiliate_item_bg.gif) 0 -60px;
width: 275px;
padding-top: 5px;
padding-bottom: 5px;
height: 90px;
}

table.icon_header_table {

width: 520px;
}

td.icon_td {
width: 130px;
}

td.header_td {

}

table#store {
width: 510px;
}

td.item {
width: 150px;
text-align: center;
}

td.divider {

}

td.storetext {
text-align: center;
}


/* @group Feedback Form */

form#feedback {
margin:  0 auto;
width: 200px;
background: #e8c58a url(img/fbtitle_bg.gif) -30px;
position: relative;
}


div.fbtitle {
width: 180px;
border-bottom-style: solid;
border-bottom-color: #dc984b;
background: #faecce url(img/fbtitle_bg.gif) repeat-y -50px;
height: 28px;
margin-left: 5px;
color: #713710;
border-top-color: #dc984b;
border-top-width: 2px;
font-size: .95em;

}

div.fbtext {
width: 180px;
text-align: left;
border-color: red;
border-width: 1px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
font-size: .95em;
line-height: 1.2em;
}

label.fblabel {
line-height: .5em;
text-align: center;
float: none;
color: #713710;
font-size: .9em;
}



fieldset.fbfieldset {
  padding: 5px;      
  /* padding in fieldset support spotty in IE */
  margin: 0;
border: 3px none #dc984b;
}




form fieldset legend {
	font-size: .9em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

input.fbinput {

border: 1px solid #dc984b;
height: 18px;
text-align: left;
font-size: .8em;
background-color: #faecce;
width: 170px;

margin-bottom: 5px;

}

select.fbselect {
width: 170px;
background-color: #faecce;

margin-right: 0;
text-align: left;
border: 1px solid #9f4d18;
margin-left: 10px;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea, textarea.fbtextarea 
{ overflow: auto; }

textarea.fbtextarea {
background-color: #faecce;
border: 1px solid #dc984b;
width: 170px;
height: 80px;
text-align: left;
font-size: .8em;
color: #521659;
margin-right: 10px;
}

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
border: 3px outset #9f4d18;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

input.fbsubmit {
background-color: #9d5523;

margin-right: 10px;
margin-bottom: 5px;
margin-top: 8px;
font-variant: small-caps;
font-size: 1em;
color: #faecce;
}

/* @end */



/* @end */

/* @group Photos-pdfs */

.pdfdiv {
margin: 0 auto;
text-align: center;
}



#pdf, .pdfsml, #pdfsingle, .pdftext, #pdfstore {
margin: 0; 
height:  171px;
position: relative;
list-style: none;
display: block;
}

ul.pdfsml {
height: 112px;

}

ul.pdfsmltext {
}

#pdfsingle {
width: 68px;
text-align: center;
margin-left: 20px;
margin-bottom: 0px;
padding-left: 60px;
list-style: none;
}

#pdfsinglel, #pdfsingler {
float:  left;
list-style: none;
padding-left: 0;
margin-right: 20px;
margin-top: 20px;
margin-left: 10px;
}

#pdfsingler {
float:  right;
margin-left: 20px;
margin-bottom: 10px;
padding: 0px;
margin-right: 0px;
}

#pdfsinglelc {
list-style: none;
margin: 0 auto;
text-align: left;
}

.pdftext {
height:  60px;
padding-left: 0;
}

#pdfstore {
height:  144px;
padding-left: 0;
}

/* lis */

#pdf li, .pdfsml li, #pdfsingle li, .pdftext li, #pdfstore li {
margin: 0;
padding: 0;
height: 171px; 
position: absolute; 
top: 0;
}




#pdf li, #pdf a, .pdfsml li, .pdfsml a, #pdfsingle li, #pdfsingle a, .pdftext li, .pdftext a, #pdfstore li, #pdfstore a {
width: 134px;
}



.pdfsml li, .pdfsml a {
height: 112px; 
width: 88px;
}

.pdftext li {
height: 60px;
text-align: center;
}

#pdfstore li, #pdfstore a {
height: 140px;
width: 130px;
}

/* These set up the underlying button areas */

#pdf1, #pdf1single{left:  25px; width: 134px; background: url(img/pdf_sprites_lrg.gif) no-repeat 0px 0; }

#pdf2, #pdf2single {left:  193px; width: 134px; background: url(img/pdf_sprites_lrg.gif) no-repeat -153px 0;}

#pdf3, #pdf3single {left:  365px; width: 134px; background: url(img/pdf_sprites_lrg.gif) no-repeat -306px 0px;}


#pdf1single {left:  0px; width: 134px; background: url(img/pdf_sprites_lrg.gif) no-repeat 0px 0;
}

#pdf2single {left:  163px; width: 134px; background: url(img/pdf_sprites_lrg.gif) no-repeat -154px 0;}

#pdf3single {left:  0px; width: 134px; height:  171px; background: url(img/pdf_sprites_lrg.gif) no-repeat -306px 0px;}

#pdf4single {left:  0px; width: 134px;  height:  171px; background: url(img/pdf_sprites_lrg.gif) no-repeat -154px 0px;}

#pdf5single { width: 134px; height:  171px; background: url(img/pdf_sprites_lcontent.gif) no-repeat -0px 0px;
margin-left: 8px;
}

#pdf6single { left:  75px; width: 134px; height:  171px; background: url(img/pdf_sprites_lrg.gif) no-repeat -0px 0px;
margin-left: 8px;
}

#pdf7single { left:  0px; width: 134px; height:  171px ;background: url(img/pdf_sprites_lrg.gif) no-repeat -154px -175px;
margin-left: 8px;
}

#pdf8single { left:  0px; width: 134px; height:  171px ;background: url(img/pdf_sprites_lrg.gif) no-repeat -305px -352px;
margin-left: 8px;
}

#pdf9single { left:  0px; width: 134px; height:  171px ;background: url(img/pdf_sprites_lrg.gif) no-repeat -0px -352px;
margin-left: 8px;
}

#pdf10single { left:  0px; width: 134px; height:  171px ;background: url(img/pdf_sprites_lrg.gif) no-repeat -154px -352px;
margin-left: 8px;
}

#photo1 {
left:  25px; width: 134px; height:  171px; background: url(img/photo_sprites_lrg.jpg) no-repeat 0px 0; 
}

#photo2 {
left:  195px; width: 134px; height:  171px; background: url(img/photo_sprites_lrg.jpg) no-repeat -153px 0; 
}

#photo3 {
left:  365px; width: 134px; height:  171px; background: url(img/photo_sprites_lrg.jpg) no-repeat -306px 0; 
}

#photo4 {
left:  275px; width: 134px; height:  171px; background: url(img/photo_sprites_lrg.jpg) no-repeat 0px 0; 
}

.pdfsml1 {left: 80px; background: url(img/pdf_sprites_sml.gif) no-repeat 0px -116px;}

.pdftext1sml {left:  55px; width: 88px;
text-align: center;
}

.pdfsml2 {left: 205px; background: url(img/pdf_sprites_sml.gif) no-repeat -1px -117px;}

.pdftext2sml {left:  180px; width: 88px;
text-align: center;
}

.pdfsml3 {left:  330px;  background: url(img/pdf_sprites_sml.gif) no-repeat -100px -348px;}

.pdftext3sml {left:  307px; width: 134px;
text-align: center;
}

.pdfsml4 {background: url(img/pdf_sprites_sml.gif) no-repeat -202px 0px;
right: 105px;
}

.pdftext4sml {right:  85px; width: 134px;
text-align: center;
}

#pdfsmlcenter {left:  195px; width: 88px; background: url(img/pdf_sprites_sml.gif) no-repeat -100px 0px;}

#pdfsmlcentertext {left:  195px; width: 88px;
text-align: center;
}

.pdftext1 {left:  25px; width: 110px;
text-align: center;
}

.pdftext2 {left:  193px; width: 134px;
text-align: center;
}

.pdftext3 {left:  362px; width: 134px; height:  60px;
text-align: center;
}

.pdftext4 {left:  365px; width: 134px;
text-align: center;
}

.pdftext5 {left:  75px; width: 110px;
text-align: center;
}

.pdftext6 {left:  275px; width: 110px;
text-align: center;
}

#pdftextsingler {
text-align: center;
}





.smltext {
background-color: yellow;
}

#store1 {
background: url(img/store_sprites_sml.jpg) no-repeat 30px 0px;
width: 150px;
}

#store2 {
background: url(img/store_sprites_sml.jpg) no-repeat -145px 0px;
border: 1px solid olive;
width: 150px;
}

#store3 {
background: url(img/store_sprites_sml.jpg) no-repeat -325px 0px;
}

#store4 {
background: url(img/store_sprites_sml.jpg) no-repeat -160px -205px;
}

#store5 {
background: url(img/store_sprites_sml.jpg) no-repeat 5px -205px;
}

#store6 {
background: url(img/store_sprites_sml.jpg) no-repeat -329px -205px;
}

table.pdf_table_r, table.pdf_table_l,
table.pdf_table_r_fs {
float: right;
margin-left: 35px;
margin-bottom: 20px;
}

table.pdf_table_l {
float: left;	
}

table.pdf_table_r_fs {
float: none;
margin: 0 auto;
}

td.pdf_text_cen {
text-align: center;
}

img.text_pdf {
vertical-align: bottom;
}

/* @end */




/* @end */

/* clears space at bottom */
div#botnav {
clear:  both;
background: #303 url(img/botnav_bg.gif) no-repeat center top;
font-size: .85em;
color: #9f4d18;
padding-top: 6px;
line-height: 1.5em;
width: 100%;
height: 200px;
}

div.bottomcover {
width: 100%;
height: 200px;
clear: both;
z-index: -3;
background-color: #9f4d18;
position: absolute;
}

div#botinfo {
margin-top: 10px;
font-size: .9em;
}


/* Styles */

.left {
float:  left;
}

.right {
float:  right;
}

.bold {
font-size: 1.0em;  
font-weight: bold;
}

.orange {color: orange }

.brown {color: #9F4D18 }

.brownbold {
color: #9F4D18;
font-weight: bold;
}

a.link1:link {color: navy; text-decoration: none; }
a.link1:visited {color: #521659; text-decoration: none; }
a.link1:hover {color: orange; text-decoration: underline; }
a.link1:active {color: teal; }

a.brown:link, a.brownsml:link {color: #9f4d18; text-decoration: underline; }
a.brown:visited, a.brownsml:visited {color: #723710; text-decoration: underline; }
a.brown:hover, a.brownsml:hover {color: #ff9e2c; text-decoration: underline; }
a.brown:active, a.brownsml:active {color: yellow; }

a.purple:link, a.brownsml:link {color: #521659; text-decoration: underline; }
a.purple:visited {
color: #3b0c50; 
text-decoration: underline;
border-color: #200823;
} 
a.purple:hover {
color: #975f8f; 
text-decoration: underline;
border-color: #200823;
}
a.purple:active {color: #c79cb6; }

a.brownsml:link, a.brownsml:visited, a.brownsml:hover,
a.brownsml:active  {font-size: .85em;
}

.maintext {
line-height: 1.5em;
}

/* Contact Box */
div#contact {
background-color: #FFFFFF; 
font-size: .75em; 
color: black; 
font-weight: bold; 
width: 650px; 
margin: 10px 4%; 
border: 3px #9F4D18 solid; }

.mediumbold {
font-size: .75em; 
font-weight: bold }

.contenthead, .contentheadpurple {
font-size: 1.5em;
color: #9F4D18; 
font-weight: bold;
float: none;
display: block;
clear: both;
}

.contentheadpurple {
color: #521659;
}

.contentsubhead, .contentsubheadbrown {
font-size: 1.25em;
line-height: 2em; 
color: #521659; 
font-weight: bold;
font-variant: small-caps;
line-height: 1.5em;
}

.contentsubheadbrown {
color: #8e4416;
}

.subheadbold {
margin-left: 0px;
font-size: 1.1em;
line-height: 1.5em; 
font-weight: bold;
color: #521659;
clear: both;
}

.smallcaps {
font-variant: small-caps;
}

.conorangebold {
color: #9F4D18;
font-weight: bold;
line-height: 1.4em;
}

.purplebold {
color: #521659;
font-weight: bold;
text-align: left;
line-height: 1.4em;
}


.purpleboldlrg {
color: #521659;
font-weight: bold;
font-size: 1.2em;
float: left;
}

.testpurplebold {
color: #521659;
font-weight: bold;
font-size: 1.2em;
}

.testbrownbold {
color: #9F4D18;
font-size: 1.2em;
}

.brown {
color: #8e4416;
}

.purple {
color: #521659;
}

.smallbold {
font-size: 1em; 
font-weight: bold }

.small {
font-size: .9em;
}

.small8 {
font-size: .8em;
}

.small9 {
font-size: .9em;
line-height: 1.2em;
}
                   
.center {
text-align: center;
}

.cen {
text-align: center;
}

.textleft {
text-align: left;
}

.brownborder {
border: 1px solid #9f4d18;
}

.purpleborder {
border: 2px solid #521659;
width: 181px;
}


.handcursor{
cursor:hand;
cursor:pointer;
}

.white {
color: white;
}

.text2 {
font-size: 2em;
}

.text11 {
font-size: 1.1em;
}

.text12 {
font-size: 1.2em;
line-height: 1.4em;
}

.text13 {
font-size: 1.3em;
}

.text14 {
font-size: 1.4em;
}

.text15 {
font-size: 1.5em;
}

.text16 {
font-size: 1.6em;
}

.text17 {
font-size: 1.7em;
}

.text18 {
font-size: 1.8em;
}

.text19 {
font-size: 1.9em;
}

.bg_tan {
background-color: #ffe7b3;
}

.note {
color: #951c00;
font-style: italic;
font-variant: small-caps;
background-color: #ffef6d;
font-size: 1.3em;
}

.under {
text-decoration: underline;
}

.bgwhite {
background-color: white;
}