body,html {
	font-family: Helvetica, Arial; 
    font-size: 12px;
    margin: 0;
    background-color: White;
    background-image: url(../images/gradient_bkg.jpg);
    background-repeat: repeat-x;
	}
body {
		min-width:1000px;
	}
#header {/*background-color: rgb(166,169,171)*/
        background-color: #ffffff; 
        padding: 0px 0px 0px 0px;
        
        }
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;
}
.notepad {
    background-color: #FFFFCC;
    border: 0;
    padding: 2px 2px 2px 2px;
    font-size: 11px;
    }
img {border: 0;}
#side-a {
	float: left;
	width: 250px;
	border-left: solid 1px #A6A7AB;
	border-top: solid 1px #A6A7AB;
	min-height: 650px;
	border-bottom: solid 1px #A6A7AB;
	background-color: #eeeeee;
	background-image: url(../images/gradient_bkg.jpg);
    background-repeat: repeat-x;
}

#side-b {
	float: right;
	width: 378px;
	border-right: solid 1px #A6A7AB;
	border-top: solid 1px #A6A7AB;
	min-height: 650px;
	border-bottom: solid 1px #A6A7AB;
	background-color: #eeeeee;
}

#content { 
	float: left;
	width: 37%;
	border-top: solid 1px #A6A7AB;
	border-bottom: solid 1px #A6A7AB;
	min-height: 650px;
	background-color: #eeeeee;
	color: #484C4F;
}
#content A:link {text-decoration: none; color: #484C4F;}
#content A:visited {text-decoration: none; color: #484C4F;}
#content A:active {text-decoration: none; color: #484C4F;}
#content A:hover {text-decoration: underline; color: #484C4F;}

#contenta { 
	float: left;
	width: 100%;
	border: solid 1px #A6A7AB;
	min-height: 650px;
	background-color: #eeeeee;
	color: #484C4F;
}
#contenta A:link {text-decoration: none; color: #484C4F;}
#contenta A:visited {text-decoration: none; color: #484C4F;}
#contenta A:active {text-decoration: none; color: #484C4F;}
#contenta A:hover {text-decoration: underline; color: #484C4F;}

#footer {
	clear: both;
	color: White;
	padding-top: 10px;
	}
#footer A:link {text-decoration: none; color: #FFFFFF;}
#footer A:visited {text-decoration: none; color: #FFFFFF;}
#footer A:active {text-decoration: none; color: #FFFFFF;}
#footer A:hover {text-decoration: underline; color: #FFFFFF;}


.headerbar {
    line-height: 25px;
    padding-left: 5px; 
    background-color: #A6A7AB; 
    color: #484C4F; 
    text-align: left; 
    font-size: 1.3em;
    font-weight: bold;
    }
/* START GRID VIEW */
.Grid { border: solid 1px #EEEEEE; }
.Grid td {border: solid 1px #EEEEEE;margin: 1px 1px 1px 1px;padding: 1px 1px 1px 1px;text-align: left;}
.GridHeader{font-weight: normal; background-color: #EEEEEE; border: solid 1px #EEEEEE;}
.GridItem{background-color: #EEEEEE;border: solid 1px #EEEEEE;}
.GridAltItem{background-color: #EEEEEE;border: solid 1px #EEEEEE;}
/* END GRID VIEW */
.normal {font-size: 11px;}
#nav {
	height: 30px;
    line-height: 30px;
    background: White;
    color: #666666;
    padding-left: 15px;
    padding-bottom: 0px;
    border-bottom: solid 1px #a6a7ab;
	}
#kittie {
font-size: 13px;
}
#kittie A:link {text-decoration: none; color: #666666;}
#kittie A:visited {text-decoration: none; color: #666666;}
#kittie A:active {text-decoration: none; color: #666666;}
#kittie A:hover {text-decoration: underline; color: #666666;}
/*
#wrap {
	background:White;
	margin:0 auto;
	width:1000px;
	}
#header {background-color: rgb(166,169,171);}
#header h1 { color: #000;margin: 0;}
#header h1 a { color: #CC0001;text-decoration: none;font-weight: 100;letter-spacing: -2px;}
#header h1 a:hover {color: #aaa;}

#main {
	background:White;
	float:left;
	width:248px;
	}
#main h2, #main h3, #main p {
	padding:0 0px;
    }
#sidebar {
	background:White;
	float:right;
	width:750px;
	}
#footer {
	clear: both;
	color: White;
	}
#footer A:link {text-decoration: none; color: #FFFFFF;}
#footer A:visited {text-decoration: none; color: #FFFFFF;}
#footer A:active {text-decoration: none; color: #FFFFFF;}
#footer A:hover {text-decoration: underline; color: #FFFFFF;}

.headerbar {
    padding: 2px 0px 2px 8px; 
    background-color: #fff; 
    color: #484C4F; 
    text-align: left; 
    font-size: 1.5em;
    font-weight: bold;
    }
    
body {
font-family: Helvetica, Arial; 
    font-size: 11px;
    margin: 0;
    background-color: White;
    background-image: url(../images/gradient_bkg.jpg);
    background-repeat: repeat-x;
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;
	background: url("/path/to/your/background_cols.gif") repeat;
	min-height: 100%;  height: auto !important;  height: 100%;
}
#menu {
height: 35px;
line-height: 35px;
background: White;
color: #666666;
padding-left: 20px;
}
#header {background-color: rgb(166,169,171);}
#header h1 { color: #000;margin: 0;}
#header h1 a { color: #CC0001;text-decoration: none;font-weight: 100;letter-spacing: -2px;}
#header h1 a:hover {color: #aaa;}
.cattie {background-color: White;}
#side-a {
	float: left;
	width: 299px;
	min-height: 500px;
	border-left: solid 1px #A6A7AB;
	border-top: solid 1px #A6A7AB;
	border-bottom: solid 1px #A6A7AB;
	background-color: #eeeeee;
}
#side-b { 
	margin: 0;
	float: left;
	width: 699px;
	height: 1% ;
	background-color: #eeeeee;
	border-right: solid 1px #A6A7AB;
	border-top: solid 1px #A6A7AB;
	border-bottom: solid 1px #A6A7AB;
	min-height: 500px;
}

#footer {
	clear: both;
	color: White;
}
#footer A:link {text-decoration: none; color: #FFFFFF;}
#footer A:visited {text-decoration: none; color: #FFFFFF;}
#footer A:active {text-decoration: none; color: #FFFFFF;}
#footer A:hover {text-decoration: underline; color: #FFFFFF;}
*/
/*A:link {text-decoration: none; color: #484C4F;}
A:visited {text-decoration: none; color: #484C4F;}
A:active {text-decoration: none; color: #484C4F;}
A:hover {text-decoration: underline; color: #484C4F;}
#footer A:link {text-decoration: none; color: #A8A9AD;}
#footer A:visited {text-decoration: none; color: #A8A9AD;}
#footer A:active {text-decoration: none; color: #A8A9AD;}
#footer A:hover {text-decoration: underline; color: #A8A9AD;}
#wrapper {	
text-align: left;	
margin: 0px auto;	
padding: 0px;	
border:0; 
width: 1000px; 
min-height: 500px;
border-left: solid 1px #B0B1B5;
border-right: solid 1px #B0B1B5;
}
#header {	margin: 0 0 0 0;	background-color: rgb(166,169,171); height: 75px;}
#menu {background: #ffffff; padding-left: 20px; height: 55px; line-height: 55px; border-left: solid 1px #B0B1B5; border-right: solid 1px #B0B1B5; font-size: 1.2em; color: #484C4F;}
#side-a {float: left;	width: 333px;}
#side-b {float: right;	width: 333px;}
#content { 	
width: 100%; 
min-height: 500px; 
text-align: center;
background-image:url('../images/03_BPP_front_page.jpg'); 
background-repeat:no-repeat;
background-attachment:fixed; 
background-position:center; 
}
.spot1 {
background-image:url('../images/1spot.gif'); 
background-repeat:no-repeat; 
background-attachment:fixed;
background-position:center; 
}
#footer {	
clear: both; 
height: 45px; 
line-height: 45px;
background: #FFFFFF; 
color: #A8A9AD;
border-bottom: solid 1px #B0B1B5;
border-top: solid 1px #B0B1B5;
}
#container {min-height: 500px;}*/
/*div#spot1 {background-image: url(../images/1spot.gif); background-repeat: no-repeat; height: 269px;width: 308px;}
div#spot1text {position: relative; height: auto;width: auto;    left: 0px;    top: 10px; font-size: 1.7em; color: White;}
div#spot2 {background-image: url(../images/2spot.gif); background-repeat: no-repeat; height: 269px;width: 308px;}
div#spot2text {position: relative; height: auto;width: auto;    left: 0px;    top: 10px; font-size: 1.7em; color: White;}
div#spot3 {background-image: url(../images/3spot.gif); background-repeat: no-repeat; height: 269px;width: 308px;}
div#spot3text {position: relative; height: auto;width: auto;    left: 0px;    top: 10px; font-size: 1.7em; color: White;}

.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:left; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  min-height: 500px;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:97%;}  change to suit 
h4 {font-weight:bold; color:#484C4F;}
#container {
border-left: solid 1px #B0B1B5;
border-right: solid 1px #B0B1B5;
padding: 0px 0px 20px 20px;
}*/
.yellow_td {
    background-color: #efefef;
}
.white_td, .yellow_td {
    vertical-align:text-middle;
    padding:0px 5px 2px 5px;
    line-height:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;   
	height: 25px;
}
.white_td h1, .yellow_td h1 {
    font-weight: bold;
	font-size: 11px;
	  
}
.yellow_td nb h1 {
    font-weight: bold;
	font-size: 11px;
	background-color: #FFF3CA;
}
.nb {
  border: solid 0px #999;
}
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#666666;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #666666;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #666666;
    background: url(../images/bubble.gif) no-repeat bottom;
}
div#container2{width: 500px; margin:0 auto}