/* CSS Document */

html {

}

body {
text-align: center;
margin: 0; 
padding: 0; 

}

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

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

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

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;
}

/* Header */

/* @group Navbar */

div#navhead {
width: 805px;
margin: 0 auto;
background: url(img/nav_header_crop.gif) no-repeat right bottom;
position: relative;
}

/* @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_noshad.gif) repeat-x; 


}

div#navbartopshad, div#navbarbotshad, div#navbarmidnoex, #navbarmidsubnav {
background: url(img/navbartop_shad.gif) repeat-x;
}

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

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

/* @group navbar buttons */

/* uls */

#tnbb {
width: 764px; 
height: 38px;
margin: 0 auto;
}

/* lis */

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

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

/* These set up the underlying button areas */

#button1, #button1sel {left:  0px; width: 42px; background: url(img/tnbb_bg.gif) no-repeat 0px 0;}
#button2, #button2sel {left:  42px; width: 111px; background: url(img/tnbb_bg.gif) no-repeat -42px 0;}
#button3, #button3sel {left:  153px; width: 58px; background: url(img/tnbb_bg.gif) no-repeat -153px 0;}
#button4, #button4sel {left:  211px; width: 63px; background: url(img/tnbb_bg.gif) no-repeat -211px 0;}
#button5, #button5sel {left:  274px; width: 104px; background: url(img/tnbb_bg.gif) no-repeat -274px 0;}
#button6, #button6sel {left:  378px; width: 87px; background: url(img/tnbb_bg.gif) no-repeat -378px 0;}
#button7, #button7sel {left:  465px; width: 120px; background: url(img/tnbb_bg.gif) no-repeat -465px 0;}
#button8, #button8sel {left:  585px; width: 79px; background: url(img/tnbb_bg.gif) no-repeat -585px 0;}
#button9, #button9sel {left:  664px; width: 130px; background: url(img/tnbb_bg.gif) no-repeat -664px 0;}

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

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

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

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

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


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

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

#button7 a:hover {background: transparent url(img/tnbb_rolls.gif) no-repeat -465px 0px;}
#button7sel a:link,
#button7sel a:hover,
#button7sel a:visited {background: url(img/tnbb_sel.gif) no-repeat -465px 0px;}

#button8 a:hover {background: transparent url(img/tnbb_rolls.gif) no-repeat -585px 0px;}
#button8sel a:link,
#button8sel a:hover,
#button8sel a:visited {background: url(img/tnbb_sel.gif) no-repeat -585px 0px;}

#button9 a:hover {background: transparent url(img/tnbb_rolls.gif) no-repeat -664px 0px;}
#button9sel a:link,
#button9sel a:hover,
#button9sel a:visited {background: url(img/tnbb_sel.gif) no-repeat -664px 0px;}


/* @end */



/* @group bnbb */



/* bnbb uls */

#bnbb {
width: 764px; 
height: 38px;
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: 38px; 
display: block;
}

/* These set up the underlying button areas */

#bbutton1, #bbutton1sel {left:  10px; width: 62px; background: url(img/bnbb_bg.gif) no-repeat 0px 0;
}

#bbutton2, #bbutton2sel {left:  72px; width: 86px; background: url(img/bnbb_bg.gif) no-repeat -62px 0;
}

#bbutton3, #bbutton3sel {left:  158px; width: 79px; background: url(img/bnbb_bg.gif) no-repeat -148px 0;
}

#bbutton4, #bbutton4sel {left:  239px; width: 94px; background: url(img/bnbb_bg.gif) no-repeat -229px 0;
}

#bbutton5, #bbutton5sel {left:  333px; width: 115px; background: url(img/bnbb_bg.gif) no-repeat -323px 0;
}

#bbutton6, #bbutton6sel {left:  448px; width: 238px; background: url(img/bnbb_bg.gif) no-repeat -438px 0;
}

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

#bbutton2 a:hover {background: url(img/bnbb_rolls.gif) no-repeat -62px 0px;}
#bbutton2sel a:link, #bbutton2sel a:hover,
#bbutton2sel a:visited  {background: url(img/bnbb_sel.gif) no-repeat -62px 0px;}

#bbutton3 a:hover {background: url(img/bnbb_rolls.gif) no-repeat -148px 0px;}
#bbutton3sel a:link, #bbutton3sel a:hover,
#bbutton3sel a:visited  {background: url(img/bnbb_sel.gif) no-repeat -148px 0px;}

#bbutton4 a:hover {background: url(img/bnbb_rolls.gif) no-repeat -229px 0px;}
#bbutton4sel a:link, #bbutton4sel a:hover,
#bbutton4sel a:visited  {background: url(img/bnbb_sel.gif) no-repeat -229px 0px;}

#bbutton5 a:hover {background: url(img/bnbb_rolls.gif) no-repeat -323px 0px;}
#bbutton5sel a:link, #bbutton5sel a:hover,
#bbutton5sel a:visited  {background: url(img/bnbb_sel.gif) no-repeat -323px 0px;}

#bbutton6 a:hover {background: url(img/bnbb_rolls.gif) no-repeat -438px 0px;}
#bbutton6sel a:link, #bbutton6sel a:hover,
#bbutton65sel a:visited  {background: url(img/bnbb_sel.gif) no-repeat -438px 0px;}


/* @end */

div#navbarbot {
background: url(img/bnbb_bg_noshad.gif) repeat-x; 
height: 38px;

}

div#navbarbotshad {
background: url(img/navbarbot_botshad.gif) repeat-x; 
height: 3px;
}

/* @end */

/* @group midsubnav */

/* midsubnav container */

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

#msncontainer {
width: 805px;
margin: 0 auto;
position: relative;
text-align: center;
}
/* midsubnav uls */

#topmsn, #testmsn, #burmsn {
height: 34px;
margin: 0 auto;
margin-left: 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 */

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

/* midsubnav links */

#topmsn a, #testmsn a, #burmsn a{
height: 34px; 
display: block;
}

/* These set up the underlying button areas */

/*topics */

#topmsnbut1, #topmsnbut1sel {left:  16px; width: 164px;
height: 34px; background: url(img/topmsn_bg.gif) no-repeat 0px 0px;
}
#topmsnbut2, #topmsnbut2sel {left:  180px; width: 152px;
height: 34px; background: url(img/topmsn_bg.gif) no-repeat -164px 0px;
}
#topmsnbut3, #topmsnbut3sel {left:  330px; width: 196px;
height: 34px;  background: url(img/topmsn_bg.gif) no-repeat -314px 0px;
}
#topmsnbut4, #topmsnbut4sel {left:  525px; width: 243px;
height: 34px; background: url(img/topmsn_bg.gif) no-repeat -509px 0px;
}

/*testimonials */

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

/* bureaus */

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

/* these are the actual button positions */

/*topics */

#topmsnbut1 a:hover {background: transparent url(img/topmsn_rolls.gif) no-repeat 0px 0px;}
#topmsnbut1sel a:link,
#topmsnbut1sel a:hover,
#topmsnbut1sel a:visited {background: url(img/topmsn_sel.gif) no-repeat 0px 0px;}

#topmsnbut2 a:hover {background: url(img/topmsn_rolls.gif) no-repeat -164px 0px;}
#topmsnbut2sel a:link, #topmsnbut2sel a:hover, #topmsnbut2sel a:visited  {background: url(img/topmsn_sel.gif) no-repeat -164px 0px;}

#topmsnbut3 a:hover {background: url(img/topmsn_rolls.gif) no-repeat -314px 0px;}
#topmsnbut3sel a:link, #topmsnbut3sel a:hover,
#topmsnbut3sel a:visited {background: url(img/topmsn_sel.gif) no-repeat -314px 0px;}

#topmsnbut4 a:hover {background: url(img/topmsn_rolls.gif) no-repeat -509px 0px;}
#topmsnbut4sel a:link,
#topmsnbut4sel a:hover,
#topmsnbut4sel a:visited {background: url(img/topmsn_sel.gif) no-repeat -509px 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;
}

/* @end */

/* @group Content */

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

div#contentwrapfs {
margin: 0 auto;
width: 772px;
position: relative;
}


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

/* Left Content Column */
div#lcontent, div.lcontentsub {
position: relative;
float: left;
width: 225px; 
margin: 0 auto;
top: 5px;
}

/* Right Content Column */
div#rcontentfs, div#rcontentsub, div#rcontentsub2, div#rcontentsub3,
div#rcontentsub4 {
float: right;
width: 500px; 
text-align: justify;
margin-top: 1em;
line-height: 1.4em;
}

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

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

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

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

/* fs Pullquote */
.pullquotefs {
line-height: 1.4em;
font-size: 1em;
width: 200px;
font-style: italic;
padding: 0;
margin-top: 25px;
}

/* Pullquote sub */
div#pullquotesub, .pullquotesubbrown, .pullquotesublist {
width: 190px;
text-align: justify;
line-height: 1.4em;  
color: #521659;
font-size: 1em;
margin-right: 1em;
margin-top: 10px;
margin-left: 1em;
padding-bottom: 0;
font-style: italic;
}

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

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

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

/* 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 {
z-index: 22;
visibility: visible;
margin-left: -100px;
margin-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: 265px;
margin-top: 0;
margin-bottom: 30px;
padding-left: 0;
}

ul.fs {
list-style-type: disc;
text-align: left;
line-height: 1.4em;
font-size: 1.3em;
color: #951c00;
width: 310px;
padding-right: 0;
margin-right: 0;
padding-left: 0;
margin-left: 55px;
}

.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;
text-indent: -3px;
}

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

.listarroworangeleft {
list-style-image: url(img/arrowlist_orange.gif);
margin-left: 17px;
padding-left: 0;
padding-right: 0;
text-indent: -5px;
}

.listarrowbrown {
color: #9f4d18;
}

.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;
}

/* @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 {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 -201px -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 {
left:  35px; background: url(img/store_sprites_sml.jpg) no-repeat 25px 0px;
}

#store2 {
left:  195px; background: url(img/store_sprites_sml.jpg) no-repeat -160px 0px;
}

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

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

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

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


/* @end */



/* @end */

/* clears space at bottom */
div#botnav {
clear:  both;
background: #9f4d18 url(img/botnav_bg_2.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;
}

/* @group Feedback Form */

div.fbtitle {
width: 180px;
border-bottom-style: solid;
border-bottom-color: #dc984b;
background: #faecce url(img/fbtitle_bg.gif) repeat-y -50px;
height: 28px;
float: none;
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;
}

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

form.feedback {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 0 11px;
  padding-left: 0;
 width: 200px;
background: #e8c58a url(img/fbtitle_bg.gif) -30px;
border-color: red;
border-width: 1px;
}

fieldset.fbfieldset {
  padding: 5px;      
  /* padding in fieldset support spotty in IE */
  margin: 0;
width: 200px;
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 {
background-color: #faecce;
border: 1px solid #dc984b;
height: 18px;
text-align: left;
font-size: .8em;
color: #521659;
width: 170px;
float: left;
margin-bottom: 5px;
}

select.fbselect {
width: 170px;
background-color: #faecce;
float: none;
margin-right: 5px;
text-align: left;
border: 1px solid #9f4d18;
}

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;
float: left;
}

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;
float: none;
margin-right: 10px;
margin-bottom: 5px;
margin-top: 8px;
font-variant: small-caps;
font-size: 1em;
color: #faecce;
}

/* @end */

/* 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.blue:link, a.brownsml:link {color: #2b447c; text-decoration: underline; }
a.blue:visited, a.brownsml:visited {color: #1b2b4f; text-decoration: underline; }
a.blue:hover, a.brownsml:hover {color: #36a9dc; text-decoration: underline; }
a.blue:active, a.brownsml:active {color: #5abcda; }

a.purple:link, a.brownsml:link {color: #521659; text-decoration: underline; }
a.purple:visited, 
a.purple:hover {color: #7e4f82; text-decoration: underline; }
a.purple:active {color: #19519d; }

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;
}

.small95 {
font-size: .95em;
}

.text15 {
font-size:  1.5em;
}
                   
.center {
text-align: center;
}

.cen {
text-align: center;
}

.textleft {
text-align: left;
}

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

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


