/* text blue 2f6a8a, topnav brown cd9d5b, light tan fae3ba, tan bg fce4be, gold f5b849, bright gold f3b242, tan border f5b849 || pale teal b3d0db , med teal border 628b9b, dark teal 406979 */
html { margin:0 0; padding:0; }  /* gold daaf00, header plum 83044b, halfway blu 437fbb 4072a5, dark plum 7d105f red plum ab005f  orig light blue 6699cc dk blu 336699  good lt blu afd2f4  for text 0a5ca9 3979b7 154a84*/
body { width:auto; height:auto; background:#afd2f4 url(../img/gr/bg-maui-valley-isle.jpg) no-repeat top left fixed; background-size:100%; margin:5px 0; padding:0; text-align:left; font:13px Arial, Helvetica, sans-serif; color:#2f6a8a; } 
p { margin-top:8px; margin-bottom:11px; } img { border:none; }  hr { width:100%; color:#a6cff7; background-color:#a6cff7; margin:12px 0; }
h1 { font:small-caps 28px Helvetica, Arial, sans-serif; text-align:center; margin:0; padding:0; margin-bottom:7px; letter-spacing:3px; }
.h1 { font:small-caps 28px Helvetica, Arial, sans-serif; text-align:center; maargin:0; paadding:0; margin-bottom:10px; letter-spacing:3px; }
h2 { font:bold 14px Helvetica, Ariel, sans-serif; color:#225c66; 0d4f8c; margin:0; padding:0; margin:10px 0 2px; letter-spacing:1px; text-transform:uppercase; }
h3 { font:bold 16px Helvetica, Ariel, sans-serif; color:#0d4f8c; margin:0; padding:0; margin-bottom:4px; letter-spacing:1px; }
h4 { font:11px Helvetica, Ariel, sans-serif; color:#7d105f; margin:0; padding:0; text-align:center; }  h4 a:link, h4 a:visited { color:blue; }
h5 { font:bold 13px Helvetica, Ariel, sans-serif; margin:0; padding:0; text-decoration:underline; }  h6 { font:small-caps bold 13px Helvetica, Ariel, sans-serif; color:blue;#3f94e3; margin:0; padding:0; text-transform:uppercase; }
.title { font:small-caps 24px Helvetica, Arial, sans-serif; text-align:center; }
.small, .small-C { font:11px Helvetica, Arial, sans-serif; } .small-C { text-align:center; }  .center { text-align:center; }  .gold { color:#ffd479; } .orange { color:#ff9900; } .purple { color:#9a07e6; } .gold { color:#aa710b; margin-bottom:5px; }      
.italic { width:25px; height:16px; font:italic normal 18px "Bookman Old Style", Times, serif; margin-top:-10px; } .blue { color:#0a5ca9; } .red { color:#ab005f; }  .caption { text-align:center; margin-bottom:5px; }
.reed a:link, .reed a:visited { color:#7d105f; text-decoration:underline; }  .reed a:hover { color:#ffffff; text-decoration:underline; }
#container { width:1272px; height:auto; margin:auto; position:relative; } 
#content { width:1242px; height:auto; margin:auto; maargin-top:15px; float:left; background-color:#b3d0db; f9dba5; padding:15px; border:1px solid #85a5ab;f5b849; padding-bottom:10px; }
#coontent { width:1244px; height:auto; position:relative; margin:auto; background-color:#f9dba5; padding:15px; border:1px solid #f5b849; padding-bottom:10px; } 
#pageheader {	width:auto; height:97px; position:relative; margin:auto; text-align:center; margin-bottom:15px; border-bottom:1px solid #a6cff7; }
#logo { width:1242px; height:59px; float:left; border:1px solid #ffffff; }
#logotext { width:1272px; height:auto; margin:auto; margin-top:8px; flooat:left; text-align:center; font:small-caps 36px "Trajan Pro", Times, serif; color:#2f6a8a; letter-spacing:5px; }
#banner { width:1272px; height:18px; margin:auto; text-align:center; font:small-caps 14px Arial, Helvetica, sans-serif; c0olor:white; #c17ff6; letter-spacing:3px; }
#search { width:200px; height:23px; position:absolute; top:35px; right:0; }  .searchbtn { vertical-align:bottom; }
#search form input.text { color:#7b6989; background:#f0f0f0; border:1px solid #aaa; }
 
#topnav { width:1270px; height:18px; position:absolute; left:0; top:80px; background-color:#628b9b; 85a5ab; cd9d5b;2f6a8a; text-align:center; padding-top:3px; border:1px solid #85a5ab; b3d0db; b3d0db; ;f5b849; }
#topnav a { font:12px Verdana, Helvetica, Arial, sans-serif; color:white; text-decoration:none; }
#topnav a.selected { color:#ab005f; text-decoration:none; font-weight:bold; text-transform:uppercase; } #topnav a:hover {	color:#ab005f; text-decoration:underline; }  

/*Anylink Menus*/
.selectedanchor { color:#ab005f; text-decoration:none; font-weight:bold; } /*currently selected anchor text link*/
.anylinkcss { position:absolute; left:0; top:0; visibility:hidden; font:bold 12px Helvetica, Ariel, sans-serif; line-height:18px; z-index:200; border-bottom-width:0; border:1px solid #ffffff; } /*zIndex should be greater than shadow below */
#submenu1 { width:107px; } #submenu2 { width:152px; } #submenu3 { width:145px; } #submenu4 { width:147px; } #submenu5 { width:158px; } #submenu6 { width:159px; } #submenu7 { width:185px; } #submenu8 { width:190px; } #submenu9 { width:107px; }
#submenu10 { width:120px; }
.anylinkcss ul { margin:0; padding:0; list-style-type:none; }
.anylinkcss ul li a { width:100%; display:block; background-color:#cd9d5b; padding:1px 0; text-decoration:none; font-weight:bold; text-indent:10px; color:#ffffff; border-bottom:1px solid #ffffff; }
.anylinkcss a:hover { background:#a6cff7; color:blue; }  .anylinkshadow { position:absolute; left:0; top:0; z-index:99; background:gray; visibility:hidden; }
/*****/
.fullcol, .fullbox { width:1242px; height:auto; float:left; margin-bottom:10px; }  .fullbox { border:1px solid #0d4f8c; }
.library { width:1212px; height:auto; padding-bottom:0px; float:left; margin-bottom:0px; baackground:#fff5d2; border:1px solid #2f6a8a; f5b849; cd9d5b; }
.library-hrs { width:1212px; height:auto; padding-bottom:25px; float:left; margin-bottom:0px; baackground:#fff5d2; border:1px solid #2f6a8a; f5b849; cd9d5b; }

.liibrary a:link, .liibrary a:visited { color:blue;#00aded; text-decoration:underline; font-size:12px; }
.index, .index-R, .bod, .bod-R, .meeting, .meeting-R, .meeting1 { float:left; padding:15px; text-align:center; font:12px; line-height:1.4em; }
.index, .index-R { width:211px; height:auto; 200px; }  .index, .bod, .meeting, .meeting1 { border-right:1px solid #f5b849; }
.bod, .bod-R, .meeting, .meeting-R, .meeting1 { width:211px; height:277px; }  .meeting, .meeting-R { height:auto; }  .meeting1 { height:334px; }
.index1 { width:270px; height:auto; 220px; float:left; padding:10px 15px 15px; text-align:left; line-height:1.6em; }
.index2 { width:222px; height:85px; float:left; padding:10px 15px 15px; text-align:left; line-height:1.6em; }
.index-hrs { width:740px; height:auto; float:left; padding:10px 15px 15px; text-align:left; line-height:1.6em; }
.notice { width:810px; height:auto; margin:0 200px; float:left; padding:15px; margin-bottom:10px; text-align:center; border:2px solid #7d105f; }
.quote { margin:0 20px; font-size:90%; line-height:1.4em; font-style:italic; coolor:#14445e; }
#notice { width:1242px; height:40px; float:left; margin-bottom:13px; } 
.notice { width:385px; height:20px; float:left; margin-right:10px; padding:10px; text-align:center; border:1px solid #0d4f8c;}
.noticeR { width:386px; height:20px; float:left; padding:10px; border:1px solid #0d4f8c; text-align:center; }
.textcol1, .textcol2, .textcol3, .textcol4, .textcol-lot, .textcol5, .textcol6, .textcol7, .textcol8, .textcol-accordion , .textcol-accordion2 { height:auto; float:left; padding:12px 15px 15px 15px; background:#b3d0db;f9dba5 url(/img/gr/bg-gold-leaves.jpg) repeat left top; background-size:100%; font:14px Verdana, Arial, Helvetica, sans-serif; line-height:1.7em; margin-bottom:10px; color:#0d4f8c; border:1px solid #628b9b; 406979; f5b849; }
.textcol1 { width:199px; } .textcol2 { width:395px; } .textcol3 { width:522px; } .textcol4 { width:640px; } .textcol-lot { width:757px; } .textcol5 { width:767px; } .textcol6 { width:900px; } .textcol7 { width:1011px; } .textcol8 { width:1212px; } .textcol9 { width:1412px; }

.section7 { width:1011px; height:auto; float:left; margin-bottom:10px; border:1px solid #f5b849; } .year { width:42px; height:40px; float:left; padding:9px; }  .insurance { width:939px; height:auto; float:right; padding:5px; }
ul.reg, ol.reg, ol.no, ol.b { margin:3px 0px 5px 17px; padding:0 10px; }  li.reg { padding:5px 0; }  ul.st { margin:0px 15px 12px 22px; padding:2px; }  ol.no { list-style:none; }  ul.a,ol.a {list-style-type:lower-alpha; }  ol.b { list-style-type:lower-roman; }
ul.reeg2 { margin:2px 0px 2px 19px; padding:8px; }
.candidate, .bio, .bus, .plant, .fullsection { height:auto; float:left; padding:15px 15px 5px; line-height:1.4em; margin-bottom:10px; border:1px solid #0d4f8c; }
.candidate, .bio { width:736px; }  .bus { width:870px; margin-top:0px; padding-bottom:5px; } .plant, .fullsection { width:1182px; }
.photocol { width:auto; height:auto; float:right; }  .photocol img { border:1px solid #628b9b; } .photo-L { float:left; margin-right:10px; } .photo-R { float:right; margin-left:10px; }  
#moreinfo { width:540px; height:55px; float:left; font:italic 14px Helvetica, Ariel, sans-serif; color:#0a5ca9; letter-spacing:1px; line-height:1.3em; margin-top:12px; text-align:center; }
.colhead-lot, .colhead2, .colhead4, .colhead5, .colhead6, .colhead7, .colhead8, .head, .head1 { height:auto; float:left; background:#cd9d5b; 6699cc; padding-top:2px; padding-left:2px; font:13px Arial, Helvetica, sans-serif; color:white; border:1px solid #f5b849; margin-bottom:3px; }
.colhead-lot { width:755px; } .colhead2 { width:765px; }  .colhead4 { width:636px; } .colhead5 { width:763px; } .colhead6 { width:896px; } .colhead7 { width:1007px; }  .colhead8 { width:1210px; }  .head { width:1184px; }  .head1 { width:1207px; }

.col-30L, .col-40R, .col-60L, .col-70L, .col-78R, .col-80R, .col-85R, .col-90L, .col-90R, .col-92L, .col-100, .col-125, .col-140, .col-160, .col-200, .col-250, .col-300, .col-500 .col-model2, .col-builder, .col-siding, .col-plot, .col-space, .col-space1, .col-space2 { height:auto; float:left; text-align:left; }
.col-30L { width:30px; } .col-40R { width:40px; text-align:right; } .col-60L { width:60px; } .col-70L { width:70px; } .col-78R { width:78px; text-align:right; } .col-80R { width:79px; text-align:right; } .col-85R { width:85px; text-align:right; }  .col-90L { width:90px; } .col-90R { width:90px; text-align:right; } .col-92L { width:92px; } .col-100 { width:100px; } .col-125 { width:125px; } .col-140 { width:140px; } .col-160 { width:160px; }  .col-250 { width:250px; } .col-300 { width:300px; } .col-500 { width:500px; }.col-model2 { width:105px; text-indent:5px; } .col-builder { width:120px; } .col-siding { width:95px; } .col-plot { width:60px; } 
.col-space { width:10px; } .col-space1 { width:19px; } .col-space2 { width:26px; }
.row1,.row2,.row7,.row8 { width:100%; height:20px; float:left; padding-top:7px; font:13px Arial, Helvetica, sans-serif; }
.row1 { background:#fcecd2;f3f3f3; } .row2 { background:#f9dba5;e6e6e6; }
.row3,.row4 { width:100%; height:auto; float:left; padding-top:5px; }
.row3 { background:#f3f3f3; border:1px solid #f5b849; } .row4 { background:#f9dba5; border-left:1px solid #f5b849; border-right:1px solid #f5b849; }
.row7 { background:#b2daf8; border:1px solid blue; color:blue; margin-bottom:8px; } 
.roow8 { background:#fcf; border:1px solid #ad0493; color:#ad0493; } /*pretty magenta*/
.row8 { background:#ffffff; border:1px solid #00F; color:blue; }

.reserve, .fence { border-collapse:collapse; border:none; }
.reserve td { text-align:center; }  .fence td { padding:0 7px; }
.line-item { width:492px; height:auto; float:left; margin-bottom:5px; } /* this works with textcol3*/ 
.line-item2 { width:652px; height:auto; float:left; margin-bottom:5px; }  .line-item2 { text-indent:28px; }
.label { width:80px; height:auto; float:left; margin-right:10px; text-align:right; color:#0d4f8c; }
.data { width:402px; height:auto; float:right; color:#0d4f8c; }

#leftcol { width:553px; height:auto; float:left; }
#rightcol { width:auto; height:auto; float:right; }  .rightcol { width:671px; height:auto; float:right; }  
.leftbox { width:865px; min-height:632px; float:left; padding:15px; border:1px solid #f5b849; }  .rightbox { width:270px; height:auto; float:right; padding:15px; border:1px solid #f5b849; margin-bottom:15px; }
.centerbox { width:730px; margin:0 0 15px 68px; padding:15px 15px 10px; text-align:center; line-height:1.4em; border:1px solid #336699; }

.bodbox { width:895px; height:auto; float:left; padding:15px; border:1px solid #f5b849; }  .projects { width:895px; min-height:632px; float:left; padding:15px; border:1px solid #f5b849; }
#rightss { width:1000px; height:auto; margin-left:10px; float:left; }
#ss-800 { width:802px; height:auto; float:right; text-align:center; color:#0d4f8c; }
#ss-671 { width:671px; height:auto; float:right; text-align:center; color:#0a5ca9; }  #slideshow img { border:1px solid #628b9b; }
#ss-1000 { width:1000px; height:auto; float:right; text-align:center; color:#0d4f8c; }
.slideshow { float:left; margin-right:10px; margin-bottom:10px;  } /*css for div containing each thumbnail image*/
.slideshow img { width:197px; height:150px; border:1px solid #628b9b; } /*each thumbnail*/
#canvas0_0 td, #canvas0_1 td { vertical-align:top; }
#thumbs { width:1254px; height:auto; margin-top:10px; float:left; }

.unit-L, .unit-R, .unit { height:auto; padding:15px 15px 10px; margin-bottom:15px; font-size:14px; border:1px solid #2f6a8a; }
.unit-L, .unit { width:458px; float:left; }  .unit-R { width:227px; float:right; }
#leftcol, #midcol { height:auto; float:left; } #leftcol { width:488px; margin-right:20px; }  #midcol { width:257px; line-height:1.1em; text-align:left; }  #midcol a:link { font-size:12px; }
.unit { background:#f9dba5 url(/img/gr/bg-gold-lilies.jpg) repeat left top;  }

#contact { width:505px; height:auto; float:left; text-align:left; padding:25px; font:13px Helvetica, Ariel, sans-serif; border:1px solid #628b9b;ffffff;0d4f8c; }
#address { width:505px; height:auto; float:left; text-align:center; liine-height:1.4em; font-size:14px; margin-top:5px; }
#request { width:505px; height:435px; float:left; margin-top:10px; background:#628b9b; 2f6a8a; border:1px solid #ffffff; f5b849; color:#ffffff; }
.infoform, .entryform, .prooxyform { margin-top:10px; padding-top:15px; line-height:2em; font:13px Verdana, Geneva, sans-serif; }  .infoform textarea { font:13px Arial, Helvetica, sans-serif; } 
.infoform label, .entryform label, .proxyform label, .proxybox label { font-weight:normal; float:left; text-align:right; padding-right:12px; }
.infoform label { width:200px; } .entryform label { width:130px; } .proxyform label, .proxybox label { width:250px; } 
.infoform input[type="text"], .proxyform input[type="text"], .proxybox input[type="text"] { height:1.2em; padding:2px; border:1px solid #ddd; }
.infoform btn { width:200px; }  .inquiry { width:328px; }  .lab100 label { width:120px; }
.proxybox { width:800px; margin:0 0 15px 35px; padding:15px; background:#fee6ba; font-size:93%; line-height:1.7em; border:1px solid #336699; }
.proxxybox { width:auto; margin:0 0 15px 35px; padding:15px 15px 10px; text-align:center; line-height:1.4em; border:1px solid #336699; }
.proxyform textarea { border:1px solid #ddd; }
.details { width:444px; height:auto; margin-left:25px; margin-top:5px; }  .btn { background:#ffd479; padding:2px 4px; border:1px solid #f5b849; }
.details2 { width:394px; height:auto; margin-left:25px; margin-top:5px; }

a:link, a:visited { color:blue; text-decoration:underline; } a:hover { color:#ab005f; text-decoration:underline; }
#footer { width:1270px; height:auto; clear:both; float:left; font:12px Helvetica, Arial, sans-serif; text-align:center; }
#footnav { width:1272px; height:auto;25px; padding-top:9px; background:#628b9b; cd9d5b; border-right:1px solid #406979;f5b849; border-left:1px solid #406979; f5b849; border-bottom:1px solid #406979; f5b849; }
#copyright { width:1272px; height:17px; padding-top:10px; font-size:12px; color:#ffffff;1c65ac; }
#footer a.selected { color:#ab005f; text-decoration:none; font-weight:bold; text-transform:uppercase; } 
#aa { margin:4px 0; font:11px Arial, Helvetica, sans-serif; } #aa a:link, #aa a:visited { font-size:10px; color:#b3d0db; 1c65ac; text-decoration:underline; } #aa a:hover { color:#ab005f; }
#hits { font:11px Arial, Helvetica, sans-serif; color:#b3d0db; 2f6a8a; margin:3px 0; }

/*Accordion Pages*/
.textcol-accordion, textcol-accordion2 { height:auto; float:left; padding:15px; background:#ffffff; background:#f9dba5 url(/img/gr/bg-gold-leaves.jpg) repeat left top; color:#666; line-height:1.4em; margin-bottom:10px; border:1px solid #f5b849;}
.textcol-accordion { width:720px; }  .textcol-accordion2 { width:981px; }
.textcol-accordion h1 { color:#ce9827; }  .textcol-accordion h2 { color:#ce9827; font-weight:bold; }
#options { width:720px; margin:5px auto; text-align:right; color:#9ac1c9; }
#options a { text-decoration:none; color:#9ac1c9; }  #options a:hover { color:#033; }
#acc, #nested, #acc2, #nested2 { list-style:none; color:#033; margin:0 auto 40px; }
#acc a, #acc2 a { color:blue; text-decoration:underline; }
* { margin:0 auto; padding:0; }
#acc { width:720px; }  #nested { width:688px; }  /* 720-457= 263  425+263 = 688 */ #acc2 { width:981px; }  #nested2 { width:949px; }
#acc h3, #nested h3, #acc2 h3, #nested2 h3 { border:1px solid #9ac1c9; padding:6px 6px 7px; font:bold 14px Arial, Helvetica, sans-serif; color:#009; margin-top:5px; cursor:pointer; background:url(/img/gr/header.gif); }
#acc h3 { width:706px; } #nested h3 { width:674px; }  /* 443  411*/  #acc2 h3 { width:967px; } #nested2 h3 { width:935px; }
#acc h3:hover, #nested h3:hover, #acc2 h3:hover, #nested2 h3:hover { background:url(/img/gr/header_over.gif); }
#acc .acc-section, #nested .acc-section, #acc2 .acc-section, #nested2 .acc-section { overflow:hidden; background:#fff; }
#acc .acc-content, #nested .acc-content, #acc2 .acc-content, #nested2 .acc-content { padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff; }
#acc .acc-content { width:688px; }  #nested .acc-content { width:656px; }  #acc2 .acc-content { width:949px; }  #nested2 .acc-content { width:917px; }
#nested .acc-selected, #nested2 .acc-selected  { background:url(/img/gr/header_over.gif); }
