/* box titles */
.box-title
{
    font-size: 0.9em;
    margin:0px 0px 10px 0px;
    font-weight:bold;
   
}
/* end box titles */

/* white box */

.white-box 
{
 display:block;
 position:inherit;
 margin:0px auto;
 min-width:8em;
 max-width:984px; /* based on image dimensions */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.white-box .wb-content,
.white-box .wb-top,
.white-box .wb-bottom,
.white-box .wb-bottom div 
{
 /*background:transparent url('../../images/site/default/white-background.png') no-repeat top right;*/
 /*_background-image:url('../../images/site/default/white-backround.gif');*/
}

.white-box .wb-content 
{
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:5px 12px 0px 0px;
}

.white-box .wb-bxspacer
{
    display:block;
    clear:both;
    height:5px;
}

.white-box .wb-top 
{
     /* top+left vertical slice */
     position:absolute;
     left:0px;
     top:0px;
     width:12px; /* top slice width */
     margin-left:-12px;
     height:100%;
     _height:1600px; /* arbitrary long height, IE 6 */
     background-position:top left;
}

.white-box .wb-bottom 
{
     /* bottom */
     position:relative;
     width:100%;
}

.white-box .wb-bottom,
.white-box .wb-bottom div 
{
     height:10px; /* height of bottom cap/shade */
     font-size:1px;
}

.white-box .wb-bottom 
{
 background-position:bottom right;
}

.white-box .wb-bottom div 
{
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}



.white-box .wb-wrapper 
{
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:600px;
 /*overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.white-box h1,
.white-box p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.white-box h1 {
 padding-bottom:0px;
}
/* end white box */




/* featured locations box */

.featured-box 
{
 display:block;
 position:inherit;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions */
 z-index:1;
 margin-left:10px; /* default, width of left corner */
 margin-bottom:10px; /* spacing under dialog */
    /*height:100%;*/
     /*_height:1600px; /* arbitrary long height, IE 6 */
 
}

.featured-box .bx-content 
{
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:5px 10px 0px 0px;
}

.featured-box .bx-spacer
{
    display:block;
    clear:both;
    height:5px;
}

.featured-box .bx-top 
{
     /* top+left vertical slice */
     position:absolute;
     left:0px;
     top:0px;
     width:10px; /* top slice width */
     margin-left:-10px;
     height:100%;
     _height:2000px; /* arbitrary long height, IE 6 */
}

.featured-box .bx-content .bx-header
{
    font-weight:bold;  
    display:block;
    float:left;
    margin:0px;
    
}

.featured-box .bx-bottom 
{
     /* bottom */
     position:relative;
     width:100%;
}

.featured-box .bx-bottom,
.featured-box .bx-bottom div 
{
     height:10px; /* height of bottom cap/shade */
     font-size:1px;
}


.featured-box .bx-bottom div 
{
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
}



.featured-box .bx-wrapper 
{
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:200px;
 /*overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.featured-box h1,
.featured-box p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.featured-box h1 
{
    padding-bottom:0px;
}

.featured-box h2 
{
    padding:0 0px 0.5em 0px;
    margin:0px;
}

.featured-box .bx-content .list-link ul li
{
    width:170px;
    
}




/* fixed green box*/
.greenb-header
{
   display:block;
   width:760px;
   height:9px;
   float:left;
   
}
.greenb
{
    width:757px;
    float:left;
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    margin-top:-1px;
    
}



/* end fixed green box*/
/* fixed green box - WIDE*/
.greenb-wide-header
{
   display:block;
   width:980px;
   height:9px;
   float:left;
   
}
.greenb-wide
{
    width:977px;
    float:left;
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    margin-top:-1px;
    
}



/* end fixed green box - wide*/

/* fixed grey box*/
.gb-header
{
   display:block;
   width:100%;
   height:10px;
   float:left;
   
}
.gb
{
    width:100%;
    float:left;

}

.gb-footer
{
    display:block;
    width:100%;
    height:10px;
    float:left;

}

.gb .left550
{
	display:block;
	float:left;
	width:550px;
}

/* end fixed grey box*/



/* Dark grey box */

.dark-grey-box {

 margin:0px auto;
 min-width:8em;
 max-width:980px; /* based on image dimensions */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dark-grey-box .dgb-content,
.dark-grey-box .dgb-top,
.dark-grey-box .dgb-bottom,
.dark-grey-box .dgb-bottom div 
{
 background:transparent url('../../images/site/default/dark-grey-background.png') no-repeat top right;
 
}

.dark-grey-box .dgb-content {
 position:relative;
 _zoom:1;
 _overflow-y:hidden;
 padding:5px 0px 0px 0px;
}



.dark-grey-box .dgb-top {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dark-grey-box .dgb-bxspacer
{
    display:block;
    clear:both;
    height:5px;
}

.dark-grey-box .dgb-bottom {
 /* bottom */
 position:relative;
 width:100%;
}

.dark-grey-box .dgb-bottom,
.dark-grey-box .dgb-bottom div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.dark-grey-box .dgb-bottom {
 background-position:bottom right;
}

.dark-grey-box .dgb-bottom div 
{
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dark-grey-box .dgb-wrapper 
{
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:600px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dark-grey-box h1,
.dark-grey-box p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dark-grey-box h1 {
 padding-bottom:0px;
}
/* end dark grey box */

/* begin yellow box */
.yellow-box {
 margin:0px auto;
 min-width:8em;
 max-width:1000px; /* based on image dimensions */
 z-index:1;
 margin-left:10px; /* default, width of left corner */
 margin-bottom:10px; /* spacing under box */
}

.yellow-box .content,
.yellow-box .top,
.yellow-box .bottom,
.yellow-box .bottom div 
{
  background:transparent url('../../images/site/default/yellow-box.png') no-repeat top right;
}

.yellow-box .content 
{
 position:relative;
 _zoom:1;
 _overflow-y:hidden;
 padding:5px 12px 0px 0px;
}

.yellow-box .top {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:2000px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.yellow-box .header
{
    font-weight:bold;   
    text-align:center;
}
.yellow-box .bxspacer
{
    display:block;
    clear:both;
    height:1px;
    margin:0px;
    width:100%;
}

.yellow-box .bottom {
 /* bottom */
 position:relative;
 width:100%;
}

.yellow-box .bottom,
.yellow-box .bottom div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.yellow-box .bottom {
 background-position:bottom right;
}

.yellow-box .bottom div 
{
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}

.yellow-box .wrapper 
{
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:2000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.yellow-box h1  
.yellow-box p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.yellow-box h1 {
 padding-bottom:0px;
}

.yellow-box h2 
{
 padding:0 0px 0.5em 0px;
}
/* end yellow box */


/* begin green box */

.green-box {

 margin:0px auto;
 min-width:8em;
 max-width:1000px; /* based on image dimensions */
 z-index:1;
 margin-left:10px; /* default, width of left corner */
 margin-bottom:10px; /* spacing under box */
}

.green-box .green-content,
.green-box .green-top,
.green-box .green-bottom,
.green-box .green-bottom div 
{
  background:transparent url('../../images/site/default/green-background.png') no-repeat top right;
}

.green-box .green-content 
{
 position:relative;
 _zoom:1;
 _overflow-y:hidden;
 padding:5px 10px 0px 0px;
}

.green-box .green-top {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:2000px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.green-box .green-header
{
    font-weight:bold;   
    text-align:center;
}
.green-box .green-bxspacer
{
    display:block;
    clear:both;
    height:1px;
    margin:0px;
    width:100%;
}

.green-box .green-bottom {
 /* bottom */
 position:relative;
 width:100%;
}

.green-box .green-bottom,
.green-box .green-bottom div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.green-box .green-bottom {
 background-position:bottom right;
}

.green-box .green-bottom div 
{
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}



.green-box .green-wrapper 
{
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:2000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.green-box h1  
.green-box p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.green-box h1 {
 padding-bottom:0px;
}

.green-box h2 
{
 padding:0 0px 0.5em 0px;
}
/* end grey box */
/* end green box */

/* grey box */

.grey-box {

 margin:0px auto;
 min-width:8em;
 max-width:1000px; /* based on image dimensions */
 z-index:1;
 margin-left:10px; /* default, width of left corner */
 margin-bottom:10px; /* spacing under box */
}

.grey-box .bx-content,
.grey-box .bx-top,
.grey-box .bx-bottom,
.grey-box .bx-bottom div 
{
 background:transparent url('../../images/site/default/grey-background.png') no-repeat top right;
}

.grey-box .bx-content 
{
 position:relative;
 _zoom:1;
 _overflow-y:hidden;
 padding:5px 10px 0px 0px;
}

.grey-box .bx-top {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:2000px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.grey-box .bx-header
{
    font-weight:bold;   
    text-align:center;
}
.grey-box .gb-bxspacer
{
    display:block;
    clear:both;
    height:1px;
    margin:0px;
    width:100%;
}

.grey-box .bx-bottom {
 /* bottom */
 position:relative;
 width:100%;
}

.grey-box .bx-bottom,
.grey-box .bx-bottom div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.grey-box .bx-bottom {
 background-position:bottom right;
}

.grey-box .bx-bottom div 
{
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}



.grey-box .bx-wrapper 
{
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:2000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.grey-box h1  
.grey-box p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.grey-box h1 {
 padding-bottom:0px;
}

.grey-box h2 
{
 padding:0 0px 0.5em 0px;
}

.grey-box ul
{
    margin:0px;
}

.grey-box img
{
    margin:0px;
}

.grey-box .general-content
{
    margin:0px;
}
/* end grey box */


/* blue locations box */

.blue-box 
{
 display:block;
 position:inherit;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions */
 z-index:1;
 margin-left:10px; /* default, width of left corner */
 margin-bottom:10px; /* spacing under dialog */
    /*height:100%;*/
     /*_height:1600px; /* arbitrary long height, IE 6 */
 
}

.blue-box .bx-content 
{
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:5px 10px 0px 0px;
}

.blue-box .bx-spacer
{
    display:block;
    clear:both;
    height:5px;
}

.blue-box .bx-top 
{
     /* top+left vertical slice */
     position:absolute;
     left:0px;
     top:0px;
     width:10px; /* top slice width */
     margin-left:-10px;
     height:100%;
     _height:2000px; /* arbitrary long height, IE 6 */
}

.blue-box .bx-content .bx-header
{
    font-weight:bold;  
    display:block;
    float:left;
    margin:0px;
    
}

.blue-box .bx-bottom 
{
     /* bottom */
     position:relative;
     width:100%;
}

.blue-box .bx-bottom,
.blue-box .bx-bottom div 
{
     height:10px; /* height of bottom cap/shade */
     font-size:1px;
}


.blue-box .bx-bottom div 
{
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
}



.blue-box .bx-wrapper 
{
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:200px;
 /*overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.blue-box h1,
.blue-box p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.blue-box h1 
{
    padding-bottom:0px;
}

.blue-box h2 
{
    padding:0 0px 0.5em 0px;
    margin:0px;
}

.blue-box .bx-content .list-link ul li
{
    width:170px;
    
}

/* green content box */

.green-bx{
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1000px; /* based on image dimensions  */
 color:#000000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under box */
}

.green-bx .bx-content,
.green-bx .bx-top,
.green-bx .bx-bottom,
.green-bx .bx-bottom div {
 background:transparent url('../../images/site/default/green-bx.png') no-repeat top right;
}

.green-bx .bx-content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 0px 0px 0px;
}

.green-bx .bx-content .left-bx-col
{
    display:block;
    float:left;
    width:480px;
}

.green-bx .bx-content .right-bx-col
{
    display:block;
    float:right;
    width:40px;
    margin:0px 10px 0px 0px;
}

.green-bx .bx-top {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 background-position:top left;
}

.green-bx .bx-bottom {
 /* bottom */
 position:relative;
 width:100%;
}

.green-bx .bx-bottom,
.green-bx .bx-bottom div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.green-bx .bx-bottom {
 background-position:bottom right;
}

.green-bx .bx-bottom div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.green-bx h1
{
    margin:0px;
}

.green-bx h2
{
    margin:0px;
}

.green-bx h3
{
    margin:0px;
}
.green-bx ul
{
    margin:0px;
}
/* end green content box */

.boxbutton-panel
{
    width:260px;
    float:left;
     cursor:pointer;
     text-decoration:none;
}

a .boxbutton-text-col
{
    text-decoration:none;
    cursor:hand;
    cursor:pointer;
}

.boxbutton-pic-col img:hover
{
    cursor:hand;
    cursor:pointer;
}

.boxbutton-text-col
{
    float:left;
    width:140px;
}
.boxbutton-pic-col
{
    float:right;
    
}
.boxbutton-inner
{
    display:inline;
    width:100%;
    clear:both;
}