@charset "utf-8";
/* CSS Document */
html{ height:100%;}
*{margin:0px; padding:0px;}
body{height:100%; background-image:url(../images/dots_grey_6px.gif); }
p{font-family:arial , helvetica , sans-serif; font-size:12px; color:#777;}
a{font-family:arial , helvetica , sans-serif; font-size:12px; color:#666; text-decoration:none;  text-align:center;}
a:hover{cursor:pointer; color:#FC0; }
b{ color:#666;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#777; }
h3{font-weight:bold; text-align:left;}
table{ border-collapse:collapse;}
td{height:35px; padding:3px; margin:0px; border: 1px solid #999; background-color:#fff; }
#container{position:relative; margin-left:auto; margin-right:auto; width:800px; height:auto; background-color:#ffffff; }
#header{position:absolute; top:0px; left:0px; width:800px; height:80px; background-color:#fff;}
#panorama{position:absolute; top:80px; left:0px; width:800px; height:250px;}
#navigation_table{position:absolute; left:20px; top:275px;}
#navigation_table td{ border:none;background-image:url(../images/mindthegap.png); background-repeat:no-repeat; width:116px; height:46px; background-color:transparent; padding:0px;}
#date{ position:absolute; top:25px; right:100px;}
#blue_gradient{position:absolute; top:330px; left:0px; width:800px; height:18px;}
#sl_logo{position:absolute; left:10px; top:10px;}
#your_guide_txt{position:absolute; left:250px; top:30px;}
#content{position:absolute; left:0px; top:348px;}
#future_events{position:absolute; bottom:-20px; left:0px; color:#999; width:800px; text-align:center;}
#future_events:hover{position:absolute; bottom:-20px; left:0px; color:#FC0; font-size:12px;}
.current{color:#F60;}
.org_logo{width:94px; height:29px;}
#event_detail{position:absolute; top:0px; left:-100px; width:1000px;}
#event_detail_background{position:absolute; top:0px; left:0px; width:1000px;}
#event_detail_txt{position:absolute; width:400px; height:300px; top:230px; left:300px; z-index:250;}
.read_more{font-family:"Times New Roman", Times, serif; font-size:10px; color:#F00;}
.read_more:hover{ font-weight:bold; color:#F90; cursor:pointer;}
.hidden{z-index:-100; opacity:0; filter:alpha(opacity=0);}
.madeVisible{ z-index:245; opacity:1; filter:alpha(opacity=100);}
.nav_link{  text-align:center;font-family:arial , helvetica , sans-serif; font-size:12px; color:#fff; text-decoration:none;  text-align:center;}
.nav_link:hover{cursor:pointer; color:#FC0; font-size:14px;}
#organisations{width:800px;}
.logo_image{width:150px; height:46px;}