html {height: 100%;}
body {background: #dedede url(/laf/BG.jpg) center 0 no-repeat; background-attachment: fixed; text-align:center; height: 100%;}

/* --- main layout elements --- */
#wrapper {margin:0 auto; width: 1002px;	text-align:center; min-height: 100%; height: auto !important; height: 100%;}
#container {text-align:left;}
#header {background-color: transparent; background: url(/laf/headerBG.png) no-repeat; background-attachment: scroll; background-position: -1002px 0pt; height: 112px; margin-top: 16px;position: relative;}
    .logo_box {position:absolute; top:20px; left:20px; width:190px; height:70px;}
    .color_bar {background-image: url(/laf/framework_sprite_24bit.png); position: absolute; bottom: 10px;	width: 970px; margin: 0 16px; height: 4px; overflow: hidden; clear: both;}
#content {float:left; background: url(/laf/headerBG.png) top left repeat-y; height: auto !important; height: 100%; min-height: 100%; background-attachment: scroll; width:970px; padding:0 16px; height:200px;}
    
/* Top Menu */
    .tab_menu{	padding: 0 16px 0 0; margin: 0 0 10px 0;background: url(/laf/topnavigationwrapperbg.gif) no-repeat; min-height:53px; *height:53px;}
    .menu_top {width: 100%;height: 25px;line-height: 25px;position: relative;top: 5px;left: 5px;}
    .tab_menu li {float:left; list-style-type:none; margin:0; padding:0;}
    .tab_menu li a {float:left; display:block; text-decoration:none; font-size: 11px; line-height:25px; height:25px; margin-right:10px; padding:0 0 0 10px; font-weight:bold; background: url(/laf/tovnavleft.gif) top left no-repeat; }
    .tab_menu li a:hover {cursor:pointer;}
    .tab_menu li a span {padding-right:10px; background:red; height:25px; line-height:25px; display:block; float:left; background: url(/laf/tovnavright.gif) top right no-repeat;}
    .tab_menu li.selected a {background: url(/laf/topnavchosenleft.gif) top left no-repeat; color:White;}
    .tab_menu li.selected span {background: url(/laf/topnavchosenright.gif) top right no-repeat;}
    /*#left {float:left; width:170px; padding:0px 25px 0 0px; }*/
    #middle {float:left; width:700px; padding:5px;}
    #right {float:right; width:240px;}
#wide {float:left; width:970px; clear:both; }
.tab_menu li a.L2, .tab_menu li a.L2sel, .tab_menu li a.L1, .tab_menu li a.L1sel {display:none;}

/* -- no nav --- */
#middleNoNav {float:left; width:700px; padding:5px;}
#rightNoNav {float:right; width:240px;}

/* --- padding --- */
.paddingfive {padding:5px;}

/*--------------------------------- homepage styles ---------------------------------- */
#middleHome {float:left; width:700px; padding:5px;} 
#homeLeft {float:left; clear:both; margin:10px 0; width:100%;}
#homeRight {clear:both;}

#region1, #region2, #region3, #region4 {width:350px;}
#region1, #region3 {float:left;}
#region2, #region4 {float:right;}
#region3, #region4 {border:2px solid #999;}
#homeRight #region3 h2, #homeRight #region4 h2 {background:#999; color:White; padding:3px;}

/* Right Boxes */
#editBox1, #editBox2, .ContentBox {width:220px; padding:10px; background: url(/laf/RightTop.jpg) top left no-repeat; clear:both; }
.Divider {height:8px; background:url(/laf/RightBottom.jpg); width:100%; display:block; margin-bottom:16px;}

/* --- header --- */
#utility {width: 940px; text-align:right;}
#logo {float:left; padding:30px 0 0 20px; width:181px;}
#strap {float:right;}

/*--------------------------------- content ----------------------------------------- */
#quickSearch {float:left; margin-top:44px; background:#E7E8E9; display:none;}
#quickSearch .rightContent {padding:5px;}
#quickSearch .rightBottom {line-height:5px;}

/* --- standard no gap --- */
#middleNoGap {float:left; width:495px;}

#login #spacer {width:155px;}
#login {float:left; background:#E7E8E9;}
#login .rightContent {padding:5px;}
#login .rightBottom {line-height:5px;}

/* --- Footer --- */
#footer {float:left; clear:both; width:970px; padding-top:30px; background: url(/laf/footer.png); text-align:center;  height:50px; margin-top:10px;}