a { text-decoration: none; color:#FFFFFF;}
a:link { color:#FFFFFF }
a:visited { color:#CCCCCC }
a:hover { color:#FFFFFF }
a:active { color:#FFFFFF }

.blue { color: 6699ff; }
.white { color: ffffff; }
.brown { color: cccc99; }

body { width:1024px; margin: 0px auto; font: 12px Tahoma; background-color:#000000; fixed 50%; text-align: center; }

img {  border-style: none;}

#header { margin:0px auto; width:1024px; height: 100px; background-color: #000000; text-align: left;}

#sidebar { width: 1024px; height: 40px; background-color: #000000;  }

#main { width: 1024px; height: 510px; background: url("../images/main_back2.jpg") no-repeat top left; font-family: Arial; text-align: left; }
#maincontent { width: 460px; height: 300px; margin-left: 525px; font-size: 18px; line-height: 20px; text-align: left;}
#logo { height: 125px; width: 512px; margin-left: 512px; }

#philos  { width: 1024px; height: 510px; background: url("../images/philos_back.jpg") no-repeat top left; font-family: Arial; }

#exp { width: 1024px; height: 510px; background: url("../images/exp_back.jpg") no-repeat top left; font-family: Arial; }
#leftexp { width: 460px; font-size: 16px; line-height: 19px; float: left; text-align: left;}
#rightexp { width: 460px; font-size: 16px; line-height: 19px; float: right; text-align: left;}

#train { width: 1024px; height: 510px; background: url("../images/training_back.jpg") no-repeat top left; font-family: Arial; }
#lefttrain { width: 460px; line-height: 19px; float: left; text-align: left;}
#righttrain { width: 460px; font-size: 18px; line-height: 19px; float: right; text-align: left;}

#locations { width: 1024px; height: 510px; background: url("../images/loc_back.jpg") no-repeat top left; font-family: Arial; }

#contact { width: 1024px; height: 510px; background: url("../images/cont_back.jpg") no-repeat top left; font-family: Arial; }

#rss { font-size: 15px; }
#rss a  { font-size: 18px; text-decoration: underline; color:#A4A4A4;}
#rss a :visited { text-decoration: underline; color:#A4A4A4;}

#philoslink a  { float: left; height: 35px; width: 104px; background: url("../images/philosophy.jpg") no-repeat top left; } 
#philoslink a:hover  {  float: left; height: 35px; width: 104px; background: url("../images/philosophy.jpg") no-repeat bottom left; } 
#philoslink a span { display: none; }

#explink a { float: left; display: block; height: 35px; width: 118px; background: url("../images/experience.jpg") no-repeat top left; } 
#explink a:hover  { float: left;  height: 35px; width: 118px; background: url("../images/experience.jpg") no-repeat bottom left; } 
#explink a span { display: none; }

#trainlink a { float: left;  display: block; height: 35px; width: 92px; background: url("../images/training.jpg") no-repeat top left; } 
#trainlink a:hover  { float: left;   display: block; height: 35px; width: 92px; background: url("../images/training.jpg") no-repeat bottom left; } 
#trainlink a span { display: none; }

#loclink a { float: left; height: 35px; width: 101px; background: url("../images/location.jpg") no-repeat top left; } 
#loclink a:hover  {  float: left;  height: 35px; width: 101px; background: url("../images/location.jpg") no-repeat bottom left; } 
#loclink a span { display: none; }

#contactlink a { float: left;  height: 35px; width: 85px; background: url("../images/contact.jpg") no-repeat top left; } 
#contactlink a:hover  { float: left;  height: 35px; width: 85px; background: url("../images/contact.jpg") no-repeat bottom left; } 
#contactlink a span { display: none; }
/*#contactlink a:hover  contactflash { background: url("../images/contact.jpg") no-repeat bottom left; }*/

#contactflash { height: 47px; background: url("../images/contactflash.jpg") no-repeat bottom left; }

#padding { height:620; width: 1024px; background-color: #000000; }

.example1 a{position:relative;}/* set stacking context*/
.example1 a span{
top:-999em;/* hide message initially*/
position:absolute;
left:-70px;
width:250px;
padding:5px;
background:#829900;
color:#fff;
border:2px inset green;
}
.example1 a:hover{visibility:visible}/* ie bug needed to make span show*/
.example1 a:hover span{top:-66px;}/* reveal image*/