html,body{background:#dcdcdc;padding:0;margin:0;}

body{font-family:Arial, Helvetica, sans-serif;font-size:1em;font-style: normal;color: #000000;margin:1em;text-align:center;}

img{border:none;}
table{font-family:Arial,Helvetica,sans-serif;font-size:1em;font-style:normal;color:#000000;}
input{font-family:Arial,Helvetica,sans-serif;font-size:1em;font-style:normal;color:#000000;}
dt{font-weight:bold;}

#sitecontainer{
	width: 60em;
	background-color: #c6c9ff;	
	background-repeat: no-repeat;
	border: 1px solid black;
	margin: 0px auto 0px auto;
	height:auto;
}

.center{margin:0 auto;width:98%;text-align:center;text-align:-moz-center;text-align:center\9;}

table#business{border:1px solid black;border-collapse:collapse;}
table#business td{border:1px solid black;text-align:left;}
table#business thead {background:#CCCCCC;}
#content{margin:0 0 0 14em;padding:1em;text-align:left;background:#ffffff;}

#nav{
	border: 0px solid blue;
	float: left;
	padding: 0;
	margin: 0;	
	width: 14em;
	background-color: #c6c9ff;
}

#nav ul{
	border: 0px solid black;
	padding:0;
	
	margin: 0 auto;
	*margin: 0;
	text-align:left;
	list-style: none;
	width:12em;
}

#nav li {border: 0px solid black;
	padding:0;
	margin: 4px 0 0 0;
	text-align: left;
	height: 25px;
	width:10em;
	max-width: 280px;
}

#nav li a {
	position: relative;
	display: block;
	line-height: 25px;
	height: 25px;
	white-space: nowrap;
	padding-left: 10px;
	background: #c6c9ff url(../images/menu_button.gif) 0 0px no-repeat;
	width: 100%;
	color: #ffffff;
	text-decoration: none;
}

#nav li a span {
	position:absolute;
	top:0;
	left:100%;
	width:10px;
	height:25px;
	background:#c6c9ff url(../images/menu_button.gif) -290px 0px no-repeat;
}

#nav a:active,#nav a:focus,#nav a:hover{color:#000080;background-position:0 -25px;background-color:#c6c9ff;}
#nav a:active span,#nav a:focus span,#nav a:hover span{background-position:-290px -25px;}

.cellcontainer{width:100%;margin:0px auto;}
.cellcontainer .small{width:26em;}
.cellcontainer .large{width:40em;}

.cell{position:relative;float:left;display:inline;background-color:#B1B6D6;padding:0px;}
.cell ul{margin:0px;padding:0px;text-align: left;}
.cell li{list-style:none;margin:0px;padding:0px;}
.cell li table{position:relative;border-collapse:collapse;width:100%;margin:0px;padding:0px;font-size:1em;z-index:2;}
.cell li table thead tr th{border-left:1px solid white;padding-left:1em;padding-right:1em;padding-top:1em;text-align: center;}
.cell li table thead tr th.cellempty{border-left:0px solid white;padding-right:1px;}
.cell li table tbody tr td, .cell li table tbody tr th{border-top:1px solid white;border-left:1px solid white;padding:0.5em;}
.cell li table tbody tr th{border-left:0px solid white;padding-right:1px;text-align: center;}
.cell li table tbody tr td{color:#009;font-weight:bold;text-align: center;}

.tl{top:0px;left:0px;background:url(../images/corner_lb_60.gif) no-repeat top left;}
.tr{top:0px;right:0px;background:url(../images/corner_lb_60.gif) top right no-repeat;}
.bl{bottom:0px;left:0px;background:url(../images/corner_lb_60.gif) bottom left no-repeat;}
.br{bottom:0px;right:0px;background:url(../images/corner_lb_60.gif) bottom right no-repeat;}

.corner{position:absolute;width:30px;height:30px;z-index:1;}

/* Drop Shadow */
/*.shadow {
	position: relative;
	color: #cccccc;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: 900;
	text-transform: uppercase;
}

.shadow span {
	position: absolute;
	left: -2px;
	top: -2px;
	color: #00019b;
}

.shadow:before {
    display:block;
    content:"About Quayside Business Development Centre";
}

*+html .shadow,* html .shadow{
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, color='#cccccc', positive='true');
    zoom:1;
	 font-size: 1.5em;
	 font-weight: 900;
	 text-transform: uppercase;
    color:#00019b;
}
*+html .shadow, * html .shadow span{position:static;color:#00019b;}*/


/* default setup that everything sees */
.shadow {
	/* needed for Internet explorer */
	height: 2em;
	filter: Shadow(Color=#cccccc, 
	              Direction=135, 
	              Strength=1);
	
	/* Needed for Gecko */
	line-height: 2em;
	white-space: nowrap;
	color: #00019b;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: 900;
	text-transform: uppercase;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #cccccc; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #cccccc 2px 2px 2px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}