a:hover {color:#9999ff}

body {background-color: white;
	background-image : url(images/bssback.gif);
	background-position : top;
	background-repeat : repeat-x;
	border:none;
	behavior: url("csshover.htc");}

body {margin:0px; padding:0px;}


div#links1 {position:absolute; 
	top:30px;
	left:50% ;
 	margin-left:-436px ;
 	width:150px;
	z-index:1;
	padding:5px;
 	background-color:white ;
	background-image :
	url(images/bssbackl.gif);
	background-position : top left;
	background-repeat : no-repeat;}

div#page1 {position:relative; 
	top:30px; 
	left:50%; 
 	margin-left:-277px ;
	width:700px ; 
	z-index:0; 
	padding:5px; 
	background-color:white ;
	background-image :
	url(images/bssbackr.gif);
	background-position : top right;
	background-repeat : no-repeat;}

/* common styling */
.container {width:695px; background:#fff  url(hide_seek.jpg); margin:50px auto; padding:10px; border:1px solid #000;}
.menu {font-family: arial, sans-serif; width:131px; height:217px; position:relative; margin:0; font-size:11px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:120px; height:30px; border:1px solid #5a3; border-width:1px 1px 0 0; background:transparent  url(../../opacity/opaque.png); line-height:29px; font-size:11px; padding-left:10px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:131px; width:565px; color:blue;}
.menu ul li:hover ul li {float:left;}
.menu ul li:hover ul li a {display:block; background:transparent; color:#000; width:130px; float:left;}
.menu ul li:hover ul li a:hover {background:white; color:#000;}


a.prevnext:link {color: red; font-size: 12px; text-decoration:underline}
a.prevnext:visited {color: red; font-size: 12px; text-decoration:underline}
a.prevnext:hover {color: blue; font-size: 12px; text-decoration:underline}
a.prevnext:active {color: red; font-size: 12px; text-decoration:underline}

a.day:link {color: black; font-size: 18px; text-decoration:underline}
a.day:visited {color: black; font-size: 18px; text-decoration:underline}
a.day:hover {color: red; font-size: 18px; text-decoration:underline}
a.day:active {color: black; font-size: 18px; text-decoration:underline}

a.event:link {color: blue; font-size: 12px; text-decoration:underline}
a.event:visited {color: blue; font-size: 12px; text-decoration:underline}
a.event:hover {color: red; font-size: 12px; text-decoration:underline}
a.event:active {color: blue; font-size: 12px; text-decoration:underline}

a.admin:link {color: blue; font-size: 12px; text-decoration:underline}
a.admin:visited {color: blue; font-size: 12px; text-decoration:underline}
a.admin:hover {color: red; font-size: 12px; text-decoration:underline}
a.admin:active {color: blue; font-size: 12px; text-decoration:underline}

table.cal {background-color: blue;height: 600px;border-style: none;border-color:blue; border-width: 3px;font-family: sans-serif}
.caption {color: black;font-size: 28px;font-weight: bold;}
.thead {color:white;background-color: darkblue;font-size: 18px;}
td.cal {background-color: white;text-align: left;vertical-align: top}
tfoot.cal {color:black;background-color: blue;font-size: 14px;text-align: left}
ul.cal {margin: 0px;list-style-position: inside}
.cal-admin-link {color: #ffffff;font-family: Tahoma, Verdana, sans-serif;font-size: 11px;font-weight: bold;text-decoration: none;}