body {
     margin: 0 auto;
     padding: 0;
     font: 76% Verdana,Tahoma,Arial,sans-serif;
     }

#container {
     background-color: #f4f4f4;
     margin: 0 auto;
     width: 760px;
     border-top: 1px double #ff6600;
     border-left: 1px double #ff6600;
     border-right: 1px double #ff6600;
     border-bottom: 1px double #ff6600;
     }     

#name {
     clear: both;
     margin: 20px 0 0 0;
     height: 50px;
     }

     #name h1 {
     font-size: 3.0em;
     margin: 0px 0 10px 15px; 
     float: left; 
     }

     #name p {     
     float: left;
     text-align: left;
     color: #a0a0a0;
     margin: 35px 0 0 40px;
     font-size: 0.9em;
     }

#title {
     width: 758px;
     height: 75px;
     margin: 0 1px 0 1px;
     font-family: Impact, Arial Black, sans-serif;
     background-image: url(../image/title1.jpg);
     background-repeat: no-repeat;
     }

     #title p { 
     width: 200px;
     float: right;
     text-align: center;
     color: #caffd6;
     margin: 0 0 10px 0;
     font-size: 1.2em;
     line-height: 1.2em;
     }

#menu {
     clear: left;
     color: white;
     float: left;
     width: 150px;
     padding: 0;
     margin: 16px 0px 10px 2px;
     font-size: 0.9em;
     }

     #menu ul{
     list-style: none;
     margin: 0 0 20px 0;
     width: 150px;
     font-size: 1.1em;
     padding: 0;
     }	

     
     #menu li {
     border-bottom: dashed 2px #ffffff;
     margin-bottom: 4px;
     }

     #menu li a {
     font-weight: bold;
     height: 20px;
     text-decoration: none;
     color: #505050;
     display: block;
     padding: 6px 0 0 10px;
     background: #f4f4f4;
     border-left: 7px solid #ff6600;
     }	
	
     #menu li a:hover {
     background: #eaeaea;
     color: #000000;
     border-left: 7px solid #003399;
     }

#contact {
margin: 30px 0 5px 2px;
border: 0;
}    
 
#submenu {
     height: 32px;
     padding: 0px;    
     font-family: Verdana, Arial, sans-serif;
     font-size: 0.8em;
     line-height: 1em;
     text-align: center;
     }

     #submenu a {
     text-decoration: none;
     }	
	
     #submenu a:hover {
     text-decoration: none;
     }
     #submenu strong {
     color: black;
     font-weight:bold;
     }

#content {
     background: #f4f4f4;
     margin: 2px 3px 3px 160px;
     border-left: 2px outlet #000000;
     border-right: 2px outlet #000000;
     padding: 10px 10px 0 10px;
     line-height: 1.6em;
     text-align: left; 
     min-height:400px;
     }

     #content h2 {
     color: #ff6600;
     font-size: 1.5em;
     margin: 0 0 0.5em 0;
     }

     #content img {
     padding: 1px;
     display:inline;
     background: #cccccc;
     border: 4px solid #f0f0f0;
     }
     
     #content a {
     text-decoration: none;
     color: #286ea0;
     }	
	
     #content a:hover {
     text-decoration : none ;
     color: #286000;
     }                
              
#footer {
     clear: both;
     background-image: url(../image/bottom.jpg);
     background-repeat: no-repeat;
     background-position: center;
     margin: 0px 0px 0px 0px;
     padding: 0;
     border-top: 1px solid #ff6600;
     height: 110px;
     
     font-size: 0.9em;
     font-weight: bold;
     color : white;
     }
     
/*
     #footer a {
     color: #808080;
     font-weight: bolder;
     }

     #footer a:hover {
     font-weight:bolder;
     text-decoration: underline;
     }
*/
 /* Class properties */    

.left {
margin: 10px 0px 10px 0;
float: left;
}

.right {
margin: 10px 0 50px 0px;
float: right;
}

.textright {
text-align: right;
}
.profile-text{
font-family:arial;
font-size:1em;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

/* common class */
     
h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
color: #286ea0;
}

a:hover {
text-decoration: bold;
color: #286ea0;
}

a img {
border: 0;
}



.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F63;
	text-align: left;