/* 
from : http://brassblogs.com/blog/sticky-footer
PLUS endif for Ie6 on each page linking to separate ie style sheet
http://www.colorcombos.com/combolibrary.html?page=1&search_hex=pink
 */

* {
margin:0;
padding:0;
border:none;
z-index:0;
}

html, body {
height:100%;
}

body { /* the color of the l and r columns) */
font-family:arial, sans-serif;
color:#000;
font-size:105%; /* was 100 */
 
 /*background: url(gradient.jpg) left repeat-x ;
background-position: 0px 297px;


background: url(background2.jpg) left repeat-x ;
background-position: 0px 697px;
*/
background:  #ecd621; /* needed to merge under image in left */ 
}

#header{

position:absolute;
top:0;
left:0;
/*  width: 1652px;*/
 width:100%; 
/* max-width: 1652px; */ 
height:147px;    /*  same height as clear - see below.. */
line-height:50px;

background: url(test_original-147.jpg) left no-repeat ;
background-position: 200px 0px;
/*  background:#faf4d7; */ 
color: #000;
text-align:left;
font: 12px Verdana, sans-serif,helvetica, arial;
}

/* #header img {
  width: 100%;
  max-width: 1652px;
  height: auto; 
}*/

#clearheader {
height:147px;
}

#outer{
min-height:100%;
margin-left:200px;
margin-right:200px;
/* width:500px; */ 
margin-bottom:-40px;
background:#fff59d;
}

#left,#right 
 {
position:relative;
width:200px;
text-align:right;
}

#left {
float:left;
z-index:100;
margin-left:-199px;
left:-1px;
}

 #right {
float:right;
margin-right:-199px;
right:-1px;
 /* background:#000;:#faf4d7; */ 
} 


#navlist
{
/* width:150px;

padding: 0px;
border: 1px solid gray;
border-top: 0px;
margin-left: 23px; */
/*font: bold 12px Verdana, sans-serif,helvetica, arial;
 text-align: center;*/
 background: #ffffff;

}

#navlist ul
{
padding:15px 5px 0 5px; /* top right bottom left */
}

#navlist li
{
list-style: none;
/* margin: 0;
border: 0px;
border-top: 1px solid gray; */

}
#navlist li a
{
 /*display: block;
padding: 1px 1px 1px 0px;top, left, bottom, right */
/*font: bold 15px Verdana, sans-serif,helvetica, arial;
 border: 2px solid #dbfecd; 
background: #dbfecd; */
text-decoration: none;
text-align: right;
}

/* font color, etc of the nav buttons */
#navlist li a:link { color: #000000; font-weight: bold; text-decoration:none;
}
#navlist li a:visited { color:#000000; font-weight: bold; text-decoration:none;
}



/* ON HOVER over NAV button descriptors: */
#navlist li a:hover {
border-color:  #252788;
color: #fff;
background: #252788;
}

/* #navlist li a  */
#current {
/* border-color: #ecd521; */
color: #000000;
background: #ecd521;
font: bold 15px Verdana, sans-serif,helvetica, arial;
}

#middle {
width:100%; /* was 100 */
float:left;
position:relative;
z-index:1;
margin:-1px;
background:#fff59d; /* the middle */
}

#middle p, h1, h2, h3
{

padding:15px 30px 0 50px; /* top right bottom left  */
}

#middle ul
{
 /*margin: 0;*/
/* padding:15px 90px 0 90px; top right bottom left */  

list-style-image: url("bullet.gif");
margin-left: 0; 
padding-left: 90px;
padding-right: 90px;
padding-top: 15px;
}


/* middle2 for the edit message pages only */
#middle2 {
width:100%; /* was 100 */
float:left;
position:relative;
z-index:1;
margin:-1px;
background:#ecd521; /* the middle */
}

#middle2 p, h1, h2, h3
{

padding:15px 50px 0 50px; /* top right bottom left  */
}

#middle2 ul
{
 /*margin: 0;
padding:15px 90px 0 90px; top right bottom left  */
list-style-image: url("bullet.gif");
margin-left: 0; 
padding-left: 90px;
padding-right: 90px;
padding-top: 15px;
}


#clearfooter {
clear:both;
height:45px;
/* padding:15px 50px 0 50px; top right bottom left  */
}

#clearfooter2 {
clear:both;
height:85px;
/* padding:15px 50px 0 50px; top right bottom left  */
}

#footer {
width:100%;
clear:both;
height:40px; /* height of footer - see #outer (above) */
 background-color:#2e3092;
/*background-color:#ffdc80; */
color: #fff;
/* font-weight:bold;
text-align:right; */
position:relative;
font: 12px Verdana, sans-serif,helvetica, arial;
line-height: 150%; 

}

#footer2 {
width:100%;
clear:both;
height:80px; /* height of footer - see #outer (above) */
background: url(bird.jpg) left no-repeat ;
background-position: 0px 0px; 


/* background-color:#2e3092;*/
background-color:#fff; 
color: #000;
/* font-weight:bold;*/
text-align:right; 
position:relative;
font: 12px Verdana, sans-serif,helvetica, arial;
line-height: 150%; 

}



#footer a
{
color: #fff;

}
#footer a:visited { color: #ffffff; }
#footer a:hover { background:#ffffff;color: #000000; }

#helpcontent
{
padding: 1em;
line-height: 130%;
font: 14px Verdana, sans-serif,helvetica, arial;
background-color:#ecd521;
}

#helpcontent p, h1, h2, h3
{

padding:10px 10px 0 10px; /* top right bottom left  */
}

#helpcontent ul
{
 /*margin: 0;
padding:15px 90px 0 90px; top right bottom left  
list-style-image: url("bullet.gif");*/
margin-left: 0; 
padding-left: 10px;
/* padding-right: 90px;
padding-top: 15px; */
}

#helpcontent ol
{
 
margin-left: 0; 
padding-left: 40px;
}