body {
    background-color: #f5f5f5; 
    font-family: Calibri, Verdana; 
    font-size: small;}

#container {
    margin: auto; 
    width: 780px; 
    height: 550px;}
    
#header {
    margin: 0; 
    padding: 0; 
    background-color: #a5a4a4; 
    background-image: url('images/bc_logo.jpg');
    background-repeat: no-repeat; 
    height: 150px;}
    
#header p {
    text-align: right; 
    margin: auto; 
    color: #fff; 
    padding: 70px 10px 70px 0px;}
    
#menu {
    height: 46px;}    
    
#content {
    background-color: #fff; 
    margin: 0; 
    border: solid 1px #a5a4a4; 
    min-height: 490px;}

.glossymenu {
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url('images/menupu_bg.jpg') repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
	}

.glossymenu ul {
	margin:auto;white-space: nowrap;}

ul.glossymenu li {
    display:inline;}	

.glossymenu li a {
	display: block;
	float:left;
	color:#000;
	text-decoration: none;
	font-family: Calibri, Verdana;
	font-size: small;
	font-weight: bold;
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	width: 95px;
	float: left;
	padding: 0 22px 0 5px; /*Padding of menu items*/}
   
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.glossymenu a {float:none;}
  /* End IE5-Mac hack */

.glossymenu li a:hover{
	color: #fff;
	background: url('images/menupu_hover.jpg') no-repeat; /*left tab image path*/
	background-position: left;
	width: 95px;}

.glossymenu li a:active{
	color: #fff;
	background: url(images/menupu_hover.jpg) no-repeat; /*left tab image path*/
	background-position: left;
	width: 95px;}
	
.subtitle {
    font-weight: bolder;}	
    
#logout {
    float: right;
    width: 100px;
    text-align: right;}
    

#text {
    background-image: url('images/bc_background.png');
    background-repeat: no-repeat; 
    background-position: left top;
    min-height: 490px;
    padding: 10px 10px 0 10px;}
    
#text p.first {
    color: #000;
    text-align: justify;
    margin: 30px 0 0 150px; }

#text p.second {
    color: #000;
    text-align: justify;
    margin: 15px 0 0 170px; }
    
#text form.first {
    color: #000;
    text-align: justify;
    margin: 15px 0 0 150px; }
    
input[type="textarea"] {
    height: 100px;
    width: 250px;
    vertical-align:top;}
    
ul.first {
    margin-left: 170px; } 
    
ul.second{
    margin-left: 190px; }     
    
#text p {
    color: #000;
    text-align: justify;
    margin: 0; }
    
h1 {
    text-align:right;
    color: #7e1370 ;
    border-bottom: solid 2px #7e1370;
    margin: 0 0 0 150px; 
    font-size: 140%;
    font-style:oblique;}
    
table {
    margin-left:220px;
    margin-right:auto;
    width: 60%;
    position: relative;}

tr {
    padding: 5px;}    

tr.c1 {
    background-color: #a5a4a4;
    color: #000;}
    
tr.c2 {
    background-color: #e6e6e6;
    color:#000;}
    
td.rate {
    text-align:center;
    width: 60%;}

object {
    height:400px;
    width:600px;
    margin-left: auto; 
    margin-right: auto; 
    display block;}
    
object a 
{
    display: none;}
    
embed {
    height:400px;
    width:600px;}
    
#graphics { 
    display:none; 
     position:absolute; 
     margin-left:190px; 
     /*margin-top:100px; */
     border: solid 1px #7e1370; 
     background-color: #a5a4a4; 
     padding: 5px;
     width: 40%;}
     
 #publications { 
    display:none; 
     position:absolute; 
     margin-left:190px; 
     /*margin-top:100px; */
     border: solid 1px #7e1370; 
     background-color: #a5a4a4; 
     padding: 5px;
     width: 40%;}
     
 #posters { 
    display:none; 
     position:absolute; 
     margin-left:190px; 
     /*margin-top:100px; */
     border: solid 1px #7e1370; 
     background-color: #a5a4a4; 
     padding: 5px;
     width: 40%;}
     
 #powerpoint { 
    display:none; 
     position:absolute; 
     margin-left:190px; 
     /*margin-top:100px; */
     border: solid 1px #7e1370; 
     background-color: #a5a4a4; 
     padding: 5px;
     width: 40%;}
     
 #flash { 
    display:none; 
     position:absolute; 
     margin-left:190px; 
     /*margin-top:100px; */
     border: solid 1px #7e1370; 
     background-color: #a5a4a4; 
     padding: 5px;
     width: 40%;}
     
 #web { 
    display:none; 
     position:absolute; 
     margin-left:190px; 
     /*margin-top:100px; */
     border: solid 1px #7e1370; 
     background-color: #a5a4a4; 
     padding: 5px;
     width: 40%;}
     
 #training { 
    display:none; 
     position:absolute; 
     margin-left:190px; 
     /*margin-top:100px; */
     border: solid 1px #7e1370; 
     background-color: #a5a4a4; 
     padding: 5px;
     width: 40%;}
    
#footer {
    /*margin-top:-15px;*/ 
    background-color: #a5a4a4;
    background-image: url('images/menupu_bgdown.jpg');
    background-repeat: repeat-x; 
    background-position: left top;
    height:70px;
    position:static;
    border: solid 1px #a5a4a4; }
    
p.footer {
    text-align: center; 
    padding: 35px 0 5px 0; 
    color: #fff;}
    
#gallery 
{
    height:400px;
    width:600px; 
    margin-left: auto; 
    margin-right: auto;}