body { /* the following styles will only affect the body part in the HTML pages*/
font-family : Arial, Helvetica, sans-serif;
font-size : 12pt; 
background-color:;
background-image: url(images/bg.gif);
text-align : center; 
margin : 0 0 0 0; 
padding : 0 0 0 0; 
} 

#wrapper { /* this is a text wrapper that allows HTML and CSS to only be placed within this shape*/
background-color : black; 
margin-left : auto; 
margin-right : auto; 
text-align : left; 
width : 1000px; 
overflow : auto; 
border: 4px solid gray; 
} 

#header { 
background-image : url(images/banner2.gif); 
width : 1000px; 
height : 200px; 
float : centre; 
border-bottom : 1px solid #999999; 
} 


#centeredmenu {
   float:left;
   width:100%;
   background:#fff;
   border-bottom:1px solid gray;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}


#centeredmenu ul li a:hover {
   background:orange;
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}


#home-image {
background-image : url(images/image2.jpg);
margin-top:28px;
width : 1000px; 
height : 150px; 
float : centre; 
border-bottom: 
}

#title{
padding-top: 20px;
font-style: strong;
font-family :arial; 
text-align: center;
font-size: 22pt;
color: orange;
}

#main-content{
font-size : 10pt;
text-align: justify;
color : white ;  
float : left;  
margin-top : 12px; 
padding-left: 20px;
overflow : auto; 
width : 700px; 
} 

.right {
float: right;
width: 180px;
background: #000
font: black;
padding: 10px;
margin-right: 20px;
//*border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 2px solid #fff;*//
}
.right h2 {
height: 24px;
line-height: 24px;
color: #fff;
font-size: 17px;
padding-left: 10px;
padding-bottom: 10px;
}
.right ul {
padding: 10px 0 15px 30px;
list-style-type: square;
color:#fff;
}
.right ul li a {
font-weight: 100;
font-size: 12px;
}
.right ul li a:hover {

}




#footer { /* this is space for the footer */
font-size: 10pt;
margin : 0; 
padding : 8px; 
} 

table{
border-collapse:collapse; 
}
table, td, th
{
padding:8px;
border:3px solid gray;
}