body{		
text-align: center; /* to correct the centering IE bug*/
font-family:Arial, Helvetica, sans-serif;
background-color:#8B5758;
color:#000000;
}

/* Firefox hack to show the vertical scroll bar at all timeS 
	- prevents page from shifting */
html {
overflow: scroll;	
} 


/* Set the default margins for all tags
	- helps floated divs to line-up properly in all browsers */
*{
margin:0px; 
padding:0px;
clear:none;
}

.container{
/* height:480px; /*FF hack ..... must specify pixel value for hack - (???) causes problems in IE7*/
display:table;		/* FF hack .... to regulate div height in FF -auto fit to content*/
width:800px;
margin-left:auto; 	/* for IE6 and Firfox centering */
margin-right:auto; 	/* for IE6 and Firfox centering */
text-align:left; 	/* so that IE6 and Firefox puts the text to the left */
background:url('images/web/bgm.gif') repeat-y;
}

.containerLeft {
float:left; 
height:100%;
width:200px;
text-align:left;
clear:none;		/* Resolves the issue where floated dives whould SOMETIMES appear on top of each other */
background:url('images/web/bgm.gif') repeat-y;
}

.containerRight {
float:left;
height:100%;
width:570px;
text-align:center;
padding-top:20px;
padding-bottom:20px;
clear:none;		/* Resolves the issue where floated dives whould SOMETIMES appear on top of each other */
background:url('images/web/bgf.gif')  repeat #B8B485;
}

.pageMenu{
float:left; 
width:200px;
height:100%;
background:#B8B485;
clear:none;		/* Resolves the issue where floated dives whould SOMETIMES appear on top of each other */
background:url('images/web/bgm.gif') repeat-y;
}

.pageBody{
float:left; 
width:530px;
height:100%;
padding:8px;
background:#000000; /*#B8B485;*/
border:#CC9900 2px solid; 
clear:none;		/* Resolves the issue where floated dives whould SOMETIMES appear on top of each other */
}

.pageRow{
float:left; 
width:100%;
text-align:center;
padding-top:10px;
background-color:#B8B485;
clear:none;		/* Resolves the issue where floated dives whould SOMETIMES appear on top of each other */
}

.pageItem{
float:left; 
width:150px; 
margin-left:20px; 
text-align:center;
vertical-align:middle;
display:inline;
clear:none;		/* Resolves the issue where floated dives whould SOMETIMES appear on top of each other */
}

.pagenumber{
float:left; 
width:530px; 
padding-top:40px; 
padding-bottom:20px; 
background:#B8B485; 
text-align:center;
clear:none;		/* Resolves the issue where floated dives whould SOMETIMES appear on top of each other */
}

.description {
float:left; 
width:200px;
padding-top:20px; 
padding-left:60px; 
text-align:justify;
background-color:#B8B485;
clear:none;		/* Resolves the issue where floated dives whould SOMETIMES appear on top of each other */
}

.pageFooter{
float:left; 
width:100%; 
margin-top:20px;
color:#FFCC33;
text-align:center;
font-size: 12px;
clear:none;		/* Resolves the issue where floated dives whould SOMETIMES appear on top of each other */
}

a.menu{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:16px;
color:#FFFFFF;
text-decoration:none;
}

a.footer{
font-weight: normal;
text-align: center;
font-size: 12px;
color:#FFFFFF;
}	
a.red{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:16px;
color:#FF0000;
text-decoration:none;
}