/* ------------------------------------------------------- 
Container elements   	                                    
------------------------------------------------------- */

#pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:953px; font-size:1.2em;}
.separator {clear:both;}

/* ------------------------------------------------------- 
 Page header element	                                    
------------------------------------------------------- */

#toppage {position:relative; top:0px; left:0px; height:108px; width:953px;}
#blackbar {position:absolute; top:0px; left:0px; height:66px; width:953px;}
#logo {position:absolute; top:0px; left:0px;}
#wouldliketo {position:absolute; left:553px; top:7px; width:400px; text-align:right;}
#wouldliketo a {color:#ffffff; padding-left:13px; background-image:url(../images/toplink.gif); background-repeat:no-repeat; background-position:left top;}

#bluebar {position:absolute; top:63px; left:0px; width:953px; height:32px; background-image:url(../images/toolbar.gif); background-repeat:repeat-x; background-position:left top;}
#toolbar {position:relative; top:4px; left:8px; width:900px;}
#toolbar a {color:#ffffff; font-weight:bold;}
#toolbar .toolselected a {color:#222f38;}
.tool {float:left; height:19px; padding-top:4px; padding-bottom:0px; padding-left:7px; padding-right:7px; margin-right:9px;}
.toolselected {float:left; height:19px; padding-top:4px; padding-bottom:0px; padding-left:7px; padding-right:7px; margin-right:9px; background-color:#ffc100;}

#login {position:absolute; top:62px; left:730px; color:#ffffff;}

/* ------------------------------------------------------- 
 footer                                
------------------------------------------------------- */

#footerbox {clear:both; position:relative; left:0px; top:0px; width:953px; margin-top:9px; margin-bottom:10px;}
#footerbox  a {color:#c8d2d9;}
#footerlinks {position:relative; width:953px; left:0px; top:0px; text-align:center;}

#logos {position:relative; left:0px; top:0px; width:953px; height:70px;}
#eservelogo {position:absolute; left:265px; top:17px;}
#logo3m {position:absolute; left:416px; top:12px;}
#wrappinglogo {position:absolute; left:501px; top:0px;}

#copyright {position:absolute; left:188px; top:0px; color:#ffffff; width:560px; padding-top:25px; line-height:1.4em;}
#copyright a {color:#97acbd; text-decoration:none; }
#copyright a:hover {color:#97acbd; text-decoration:underline;}

/* ------------------------------------------------------- 
  Page container elements   	                                    
------------------------------------------------------- */

#innerbox {position:relative; top:0px; left:0px; width:953px;}
#menucol {float:left; width:178px; margin-right:13px;}
#contentcol {float:left; width:762px; margin:0px; padding:0px;}

#galleft {float:left; position:relative; top:0px; left:0px; width:570px; background-color:#384652;}
#galright {float:left; position:relative; top:0px; left:0px; width:191px;}

.separator {clear:both;}

/* ------------------------------------------------------- 
   left column
------------------------------------------------------- */

#share {position:relative; top:0px; left:10px; height:27px;}

#menulevel2 {position:relative; top:0px; left:0px; margin-bottom:20px;}
#menutitle {position:relative; top:0px; left:0px; width:178px; height:30px; background-image:url(../images/menutitle.gif); background-repeat:no-repeat; background-position:left top;}

#links {position:relative; top:0px; left:0px; margin-bottom:22px;}
.menulinktitle {position:relative; top:0px; left:0px; width:174px; height:23px; background-color:#e2d8b4; margin-bottom:1px; padding-left:10px; padding-top:8px;}

.menulink {position:relative; top:0px; left:0px; width:168px; height:21px; margin-bottom:1px; padding-left:10px; padding-top:7px; background-image:url(../images/level2menu.gif); background-repeat:no-repeat; background-position:left top;}
.menulink a {color:#ff9400; font-weight:bold;}
.menulink a:hover {color:#ff9400;}

.menulink2 {position:relative; top:0px; left:0px; width:168px; height:21px; margin-bottom:1px; padding-left:10px; padding-top:7px; background-image:url(../images/level2menu2.gif); background-repeat:no-repeat; background-position:left top;}
.menulink2 a {color:#ff9400; font-weight:bold;}
.menulink2 a:hover {color:#ff9400;}

.menublock {position:relative; top:0px; left:0px; width:178px; padding-bottom:4px; background-image:url(../images/level2menu.gif); background-repeat:no-repeat; background-position:left top;}
.menublock2 {position:relative; top:0px; left:0px; width:178px; padding-bottom:4px; background-image:url(../images/level2menu2.gif); background-repeat:no-repeat; background-position:left top;}

.menublockselected {position:relative; top:0px; left:0px; width:168px; height:21px; margin-bottom:1px; padding-left:10px; padding-top:7px;}
.menublockselected a {color:#ffffff; font-weight:bold;}
.menublockselected a:hover {color:#ffffff;}

.menublocklink {position:relative; top:0px; left:0px; width:153px; height:21px; margin-bottom:0px; padding-left:25px;}
.menublocklink a {color:#ff9400; font-weight:bold;}
.menublocklink a:hover {color:#ff9400;}

.menublocklinksel {position:relative; top:0px; left:0px; width:153px; height:21px; margin-bottom:0px; padding-left:25px;}
.menublocklinksel a {color:#ffffff; font-weight:bold;}
.menublocklinksel a:hover {color:#ffffff;}

.menulinkselected {position:relative; top:0px; left:0px; width:168px; height:21px; margin-bottom:1px; padding-left:10px; padding-top:7px;}
.menulinkselected a {color:#ffffff; font-weight:bold;}
.menulinkselected a:hover {color:#ffffff;}


/* ------------------------------------------------------- 
   right column
------------------------------------------------------- */

.newsitem {position:relative; top:0px; left:0px; width:168px; padding:10px 0px 10px 10px; color:#c8d2d9;}
.newsitem a {font-weight:bold; text-decoration:none;}
.newstitle {color:#ffffff; font-weight:bold;}
.newsbreak {position:relative; top:0px; left:0px; width:178px; height:11px; background-image:url(../images/newsbreak.gif); background-repeat:no-repeat; background-position:left top;}

/* ------------------------------------------------------- 
   page 
------------------------------------------------------- */

#homebannerbox {position:relative; top:0px; left:0px; background-color:#384652; padding:5px; width:752px; height:275px;}
#bannerstandard {position:relative; top:0px; left:0px; width:568px; height:275px;}
#callme {position:absolute; top:5px; left:573px; width:184px; height:275px; background-image:url(../images/callbackground.jpg); background-repeat:no-repeat; background-position:left top;}
#ctl00_MainPlaceHolder_CallPanel {position:relative; top:0px; left:0px; padding:8px; width:168px;}
#ctl00_MainPlaceHolder_CallThanksPanel {position:relative; top:0px; left:0px; padding:8px; width:168px;}

#callbox2 {position:relative; top:0px; left:0px; width:184px; height:275px; background-color:#384652; padding:5px 5px 5px 2px;}
#callme2 {position:relative; top:0px; left:0px; width:184px; height:275px; background-image:url(../images/callbackground.jpg); background-repeat:no-repeat; background-position:left top;}
#formcallbutton {position:absolute; top:218px; left:8px;}

#updformbutton {position:absolute; top:48px; left:0px;}

#promobox {position:relative; top:0px; left:0px; width:953px; height:298px; margin-top:2px;}
#promo1 {position:absolute; top:0px; left:0px; width:169px; height:278px; padding:10px; background-color:#384652;}
#promo2 {position:absolute; top:0px; left:191px; width:169px; height:278px; padding:10px; background-color:#384652;}
#promo3 {position:absolute; top:0px; left:382px; width:169px; height:278px; padding:10px; background-color:#384652;}
#promo4 {position:absolute; top:0px; left:573px; width:169px; height:278px; padding:10px; background-color:#384652;}
#promo5 {position:absolute; top:0px; left:764px; width:169px; height:278px; padding:10px; background-color:#384652;}

.promotitle {position:absolute; top:189px; left:10px; width:169px; color:#ffffff; font-weight:bold;}
.promotext {position:absolute; top:207px; left:10px; width:169px; color:#c8d2d9;}
.promolink {position:absolute; top:268px; left:10px; width:169px; height:20px; background-image:url(../images/link.gif); background-repeat:no-repeat; background-position:left top;}
.promolink a {color:#222f38;}
.linkpos {position:relative; top:3px; left:24px; font-weight:bold; width:130px;}

#adbox {position:relative; top:0px; left:0px; width:953px; height:109px; margin-top:2px; background-color:#384652;}
#advert {position:relative; top:12px; left:133px; width:688px; height:85px;}

#pagemid {position:relative; top:0px; left:0px; width:762px; margin-top:2px;}
#internalcopy {float:left; position:relative; top:0px; left:0px; width:544px; padding:10px 14px 14px 14px;}
#pagetitlebox {position:relative; top:0px; left:0px; width:544px;}

#copybox {position:relative; top:0px; left:0px; width:544px;}
#copyboxleft {float:left; width:264px; margin-left:0px; margin-right:16px;}
#copyboxright {float:left; width:264px;}
#copyboxsingle {float:left; width:544px;}


#rightcol {float:left; position:relative; top:0px; left:0px; width:184px;}


#updated {position:relative; top:0px; left:0px; width:184px; height:173px; background-color:#384652;}
.updtext {}
.updtext2 {color:#ffffff;}
#updform {position:relative; top:0px; left:0px;}
#updforminput {position:relative; left:0px; top:5px;}

#updated input.siteinput {color:#363839; padding:0px; border:0px; background-color:#ffffff; font-size:1.0em; padding-left:3px; height:19px; font-family: Arial, Helvetica, Verdana, sans-serif;}
#updated input.sitebutton {margin-top:4px;}

#updated2 {position:relative; top:2px; left:2px; width:184px; height:173px; background-color:#384652;}

#updated2 input.siteinput {color:#363839; padding:0px; border:0px; background-color:#ffffff; font-size:1.0em; padding-left:3px; height:19px; font-family: Arial, Helvetica, Verdana, sans-serif;}
#updated2 input.sitebutton {margin-top:4px;}

#ctl00_MainPlaceHolder_updatepanel {position:relative; top:0px; left:0px; padding:8px; width:168px;}
#ctl00_MainPlaceHolder_updatepanel2 {position:relative; top:0px; left:0px; padding:8px; width:168px;}

#ctl00_MainPlaceHolder_updatethanks {position:relative; top:0px; left:0px; padding:8px; width:168px;}

.greenbold {color:#97acbd; font-weight:bold;}
.greybold {color:#6d6e70; font-weight:bold;}

#galborder {position:relative; top:0px; left:0px; padding:14px 0px 14px 15px;}
#galbox {position:relative; top:0px; left:0px;}
.galitem {float:left; position:relative; top:0px; left:0px; width:180px; height:162px;}
.galtitle {position:absolute; top:12px; left:0px; width:178px; font-weight:bold; color:#ffffff; font-size:1.1em;}
.galimage {position:absolute; top:30px; left:0px; width:178px; height:132px; background-color:#ffffff;}
.galitem input {padding-left:0px;}

#galbox2 {position:relative; top:5px; left:0px; width:484px; height:597px;}
#showimage1 {position:absolute; top:0px; left:39px;}
#showimage2 {position:absolute; top:346px; left:39px;}
#showimage3 {position:absolute; top:346px; left:273px;}
#showdesc {position:absolute; top:541px; left:39px; font-size:1.0em; color:#c5d3de;}

#galprevnext {position:absolute; top:15px; left:278px; width:240px; font-weight:bold; font-size:1.1em; color:#ff9400; text-align:right;}
#nextbuttons {position:absolute; top:23px; left:0px; text-align:right; width:240px;}
/* ------------------------------------------------------- 
  Level 2 naviagtion
------------------------------------------------------- */

#level2 {position:relative; left:15px; top:0px; width:148px; margin-bottom:5px;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:148px; background-image:url(../images/level2_menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#level2 a {color:#97acbd; display:block; padding-top:0px; padding-bottom:0px; padding-left:8px; text-decoration:none; margin:0px; width:140px; font-weight:bold; background-image:none;}
#level2 a:hover {color:#97acbd; text-decoration:underline; background-image:url(../images/level2_menu_off.gif); background-position:left top; background-repeat:no-repeat;}

#menu2 {}
#menu2 a {color:#ffffff; padding-left:8px; padding-top:0px; padding-bottom:0px; margin:0px; width:140px; font-weight:bold; background-image:url(../images/level2_menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#menu2 a:hover {color:#ffffff; text-decoration:underline; background-image:url(../images/level2_menu_on.gif); background-position:left top; background-repeat:no-repeat;}

/* ------------------------------------------------------- 
  record paging
------------------------------------------------------- */

#searchnav {position:relative; top:0px; left:0px; width:584px; height:31px; background-color:#faf7ee; border:solid 1px #dfe3e4; margin-bottom:2px;}
#recordtext {position:absolute; left:11px; top:7px;}
#querybox {position:absolute; left:11px; top:26px;}

#pagingnav {position:absolute; top:7px; left:326px; width:250px; color:#848484;}
#pagingnav ul{position:relative; top:0px; left:0px; margin:0px; padding:0px; list-style-image:none; list-style-type:none; text-indent:0px; text-align:right;}
#pagingnav li{display:inline;}
#pagingnav li a {color:#2a8ebf; font-weight:bold; padding:0px; margin-right:5px;}
#pagingnav li a:hover {text-decoration:underline;}

* html #pagingnav ul {margin-left:-10px; padding-left:10px;}
.pagingon {color:#848484; padding:0px; margin-right:5px; font-weight:bold;}

/* ------------------------------------------------------- 
  search
------------------------------------------------------- */

.searchitem {position:relative; left:0px; top:0px; padding-top:10px; padding-bottom:10px; background-image:url(../images/search_div.gif); background-position:left top; background-repeat:no-repeat;}
.key {float:left; width:27px; height:27px; background-color:#bfbfbf; border:none; margin-right:1px; margin-bottom:1px;}
.letter {position:relative; left:8px; top:6px;}
.letter a {color:#ffffff; font-size:1.2em; font-weight:bold;} 
.keyed {float:left; width:27px; height:27px; background-color:#8a8a8a; border:none; margin-right:1px; margin-bottom:1px;}

/* ------------------------------------------------------- 
  table grid
------------------------------------------------------- */

.gridtable {width:532px;}
.gridtable tr.blank {height:30px; font-weight:bold;}
.gridtable tr.linebreak {height:10px; background-image:url(../images/search_div.gif); background-position:left top; background-repeat:no-repeat;}

#datehistory {position:absolute; left:350px; top:18px;}

.warning2 {background-color:#c11f1f; color:#ffffff; border:solid 1px #e19a9a; width:505px; padding:10px; margin-bottom:10px; padding-left:10px;}

/* ------------------------------------------------------- 
 site map
------------------------------------------------------- */

#sitemap {}
#sitemap li {list-style-type:none;}
ul#sitemap > li {margin-bottom:10px;}
#sitemap ul li {list-style-image:url(../images/l2_normal.gif);}
#sitemap ul ul li {list-style-image:url(../images/l3_normal.gif);}
#sitemap ul li.firstfollow {list-style-image:url(../images/l2_first_follow.gif);}
#sitemap ul li.last {list-style-image:url(../images/l2_last_item.gif);}
#sitemap ul ul li.firstfollow {list-style-image:url(../images/l3_first_follow.gif);}
#sitemap ul ul li.last {list-style-image:url(../images/l3_last_item.gif);}
#sitemap ul ul li.last2 {list-style-image:url(../images/l3_last_item2.gif);}

.searcherror {position:relative; top:0px; left:0px; padding:10px; width:566px;}


.black_overlay{
    display:none; position:absolute; top:0%; left:0%; width:100%; height:100%;
    background-color:#252f35;
    z-index:1001;
    -moz-opacity:0.8;
    opacity:.80;
    filter:alpha(opacity=80);
}

.white_content {display:none; position:absolute; top:0%; left:20%; width:60%; height:700px; padding:0px; background-color:Transparent; z-index:1002; overflow: auto;}
.fixedwidthbox {height:100%; top:0px; margin: 0 auto; position:relative; width:484px; height:650px; background-color:#252f35;}
#closebutton {position:absolute; left:396px; top:28px; font-size:1.2em; font-weight:bold;}

/* ------------------------------------------------------- 
 forms
------------------------------------------------------- */
#formborder {position:relative; top:0px; left:0px; width:550px; padding:0px 10px 30px 10px;}

.formbox {position:relative; left:0px; top:0px; width:530px; background-color:#46535e; padding:9px; margin-bottom:10px;}
.formbox label {padding-left:0px; color:#c8d2d9;}
.formelement {position:relative; left:0px; top:0px; margin-top:5px;}
.formelement2 {position:relative; left:0px; top:0px;}

.formleft {float:left; position:relative; left:0px; top:0px; width:262px; margin-right:5px;}
.formright {float:left; position:relative; left:0px; top:0px; width:262px;}

.formtitle {position:relative; left:0px; top:0px; width:530px; padding:10px; background-color:#212d35; font-weight:bold;}
.formbutton {position:relative; left:10px; top:10px;}

/* ------------------------------------------------------- 
 contact page
------------------------------------------------------- */

#franchtelbox {position:relative; left:0px; top:0px; height:30px; background-color:#212d35;}
#franchtel {position:relative; left:10px; top:8px; font-weight:bold; color:#ffffff;}
#franchaddress {float:left; position:relative; top:0px; left:0px; width:184px; margin-top:55px;}
.boldwhite {color:#ffffff; font-weight:bold;}

/* ------------------------------------------------------- 
 twitter
------------------------------------------------------- */

#twitter {position:relative; top:0px; left:0px; width:184px; background-color:#384652; margin-bottom:2px;}
#tweet {position:relative; top:0px; left:0px; padding:9px;}
.twittertitle a {color:#c8d2d9;}

#twitter2 {position:relative; top:2px; left:2px; width:184px; background-color:#384652; margin-bottom:2px;}