html,body {
color:#666;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:88%;
padding:0; 
height:100%; 
height: auto;      /* IE 5.5-7 */
width:100%;
margin:0;
min-width:960px /* use sbg width */
}

body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,form,fieldset{margin:0; padding:0;}
img,fieldset{border:none; padding:0; margin:0;}

h1 {
padding-left:5px; 
padding-bottom:280px; 
font-weight:normal
}

h2 {
padding-left:5px; 
margin-top:0; padding-top:0;
margin-bottom:15; padding-bottom:0;
line-height:125%
}

p {
padding-left:5px; 
margin-top:0; padding-top:0;
margin-bottom:15; padding-bottom:0;
line-height:125%
}

.pagehead {
font-size:26px;
color:#d30909;
}
.classhead A:link {text-decoration: none; color: #d30909}
.classhead A:visited {text-decoration: none; color: #d30909}
.classhead A:active {text-decoration: none; color: #d30909}
.classhead A:hover {text-decoration: none; color: #d30909}

.main {font-size:12px}
.main A:link {text-decoration: underline; color: #000099}
.main A:visited {text-decoration: underline; color: #000099}
.main A:active {text-decoration: underline; color: #000099}
.main A:hover {text-decoration: underline; color: #000099}


#obg {
Z-INDEX: 15;
position:absolute;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
MARGIN: 0px auto; 
OVERFLOW: hidden;
WIDTH: 100%;
min-height:100%;
height:auto !important;
height:100%;
background: #ffffff url('') repeat-x scroll 50% 0px
}

#hbg {
Z-INDEX: 6;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
MARGIN: 0px auto;
OVERFLOW: hidden;
background: transparent url('') no-repeat scroll 50% 0px;
WIDTH: 100%
}

#hdr {
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
WIDTH: 960px;
HEIGHT: 250px;
position: relative;
background: transparent url('') no-repeat scroll 50% 0px;
TEXT-ALIGN: center
}




#sbg {
Z-INDEX: 5;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
MARGIN: 0px auto 185px; /* height of push - only used for footer that sticks to bottom  */
OVERFLOW: hidden;
min-height:100%;
height:auto !important;
height:100%;
WIDTH: 960px;
background: #ffffff url('') no-repeat scroll 50% 0px
}

.line {
float: left;
display: block;
POSITION: relative;
margin:0; 
padding:0; 
OVERFLOW: visible;
WIDTH: 100%;
BACKGROUND-COLOR: transparent
}

.item {
position: relative;
float: left;
padding:0; 
overflow: visible;
left: 100%;
min-height: 250px; /* left, middle & right column minimum height - increases column height if larger than individual setting */
  border: 0;
MARGIN: 0px auto;
BACKGROUND-COLOR: transparent
}

.sap-content {
overflow: visible
}


.column {
MARGIN-BOTTOM: -32767px; /* left, middle & right columns to be of equal heights - set to 32767 if yes or 0 if no */
PADDING-BOTTOM: 32767px  /* left, middle & right columns to be of equal heights - set to 32767 if yes or 0 if no */
}










#main #sidebar-left {
Z-INDEX: 9;
MARGIN-LEFT: -100%;
WIDTH: 0px;
background: transparent
}
#main #sidebar-left .sap-content {
Z-INDEX: 10;
min-height: 320px; /* minimum height of left column */
border-style:solid;
border-width:0px 0px 0px 0px;
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-TOP: 0px
}



#main #maincontent {
position: relative;
z-index: 7;
MARGIN-LEFT: -100%;
WIDTH: 100%;
COLOR: #444
}
#main #maincontent .sap-content {
z-index: 8;
min-height: 365px; /* minimum height of middle column */
background: transparent;
PADDING-RIGHT: 315px;
PADDING-LEFT: 15px;
PADDING-BOTTOM: 15px;
PADDING-TOP: 23px
}



#main #sidebar-right {
position: relative;
z-index: 9;
MARGIN-LEFT: -300px;
WIDTH: 300px;
background: #ffffff url('') no-repeat scroll 100% 0px
}
#main #sidebar-right .sap-content {
z-index: 10;
min-height: 365px; /* minimum height of middle column */
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 35px;
PADDING-LEFT: 30px;
PADDING-TOP: 33px
}


.hfitem {
position: relative;
overflow: hidden;
BACKGROUND-COLOR: transparent
}

.hfsap-content {
overflow: hidden
}



#fbg {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
MARGIN: 0px auto;
OVERFLOW: hidden;
PADDING-TOP: 0px;
z-index: 12;
position:absolute; /* need if stick to bottom footer required */
bottom:0; /* need if stick to bottom footer required */
background: transparent url('') repeat scroll 50% 0px;
WIDTH: 100%;
}

#ftr {
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
WIDTH: 960px;
HEIGHT: 185px;
background: transparent url('../images/ftr.jpg') repeat-x scroll 50% 35px;
TEXT-ALIGN: center
}

#footer {
padding-top: 140px; 
}

#footer a {
color:#666;
}


.footer {font-size:11px}
.footer A:link {text-decoration: none; color: #666}
.footer A:visited {text-decoration: none; color: #666}
.footer A:active {text-decoration: none; color: #666}
.footer A:hover {text-decoration: underline; color: #666}



.push {
margin:0; 
padding:0; 
	height: 185px; /* .push must be the same height as .footer */
}