/* ------------------------------------------------------- 
Container elements   	                                    
------------------------------------------------------- */

#pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:844px; font-size:1.2em;}
.separator {clear:both;}

/* ------------------------------------------------------- 
 Page header element	                                    
------------------------------------------------------- */

#toppage {position:relative; top:0px; left:0px; height:44px; width:844px;}

#bluebar {position:absolute; top:14px; left:19px; width:825px; height:23px;}


/* ------------------------------------------------------- 
 footer                                
------------------------------------------------------- */

#footerbottom {clear:both; position:relative; left:0px; top:0px; width:826px; margin:18px 0px 10px 18px;}
#punchlogo {position:absolute; top:0px; left:728px;}

/* ------------------------------------------------------- 
  Page container elements   	                                    
------------------------------------------------------- */

#innerbox {position:relative; top:0px; left:0px; width:844px;}
.separator {clear:both;}

/* ------------------------------------------------------- 
   page 
------------------------------------------------------- */
#pagetitlebox {position:relative; top:0px; left:0px; width:560px; margin-left:17px; padding-top:13px; padding-bottom:5px;}

#banner {position:relative; top:0px; left:0px; width:844px; margin-bottom:2px;}
#promobox {position:relative; top:0px; left:0px; width:844px; height:126px; margin-bottom:2px;}
#promo1 {position:absolute; top:0px; left:0px; width:280px; height:126px;}
#promo2 {position:absolute; top:0px; left:282px; width:280px; height:126px;}
#promo3 {position:absolute; top:0px; left:564px; width:280px; height:126px;}

#homebannertext {position:absolute; top:246px; left:27px; width:310px; }

#internalcopy {position:relative; top:0px; left:0px; width:534px; padding-top:15px; padding-bottom:20px; padding-left:9px; padding-right:9px; background-color:#ffffff;}

#copybox {position:relative; top:0px; left:0px; width:795px; padding-top:0px; padding-bottom:20px; padding-left:17px;}
#copyboxleft {float:left; width:380px; margin-left:0px; margin-right:35px;}
#copyboxright {float:left; width:380px;}

#copyboxsingle {float:left; width:530px;}

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

#searchnav2 {position:relative; top:0px; left:0px; width:584px; height:31px; background-color:#faf7ee; border:solid 1px #dfe3e4; margin-bottom:2px;}
#recordtext2 {position:absolute; left:11px; top:7px;}

#pagingnav2 {position:absolute; top:7px; left:326px; width:250px; color:#848484;}
#pagingnav2 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;}
#pagingnav2 li{display:inline;}
#pagingnav2 li a {color:#2a8ebf; font-weight:bold; padding:0px; margin-right:5px;}
#pagingnav2 li a:hover {text-decoration:underline;}

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

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

/* ------------------------------------------------------- 
 gallery
------------------------------------------------------- */

#bannertitle {position:absolute; top:123px; left:27px;}

#gallery {position:absolute; top:157px; left:27px; width:336px; height:224px;}
.galleryitem {float:left; position:relative; top:0px; left:0px; width:51px; height:51px; border:solid 1px #818181; margin-right:3px; margin-bottom:3px;}
#galleryselected {position:absolute; top:16px; left:16px; width:9px; height:9px; border:solid 5px #818181;}