/* with #: ids  without #: classes */
body {
	background-color: #E8E8FF;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
	line-height: 180%;
}
#content {
	width: 750px;
	padding-top: 60px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
#content a:link, #content a:active, #content a:visited {
	text-decoration : underline;
	color: #35699B;
}
#content a:focus, #content a:hover{
	text-decoration : none;

	-moz-outline:0;
	color: #FFFFFF;
	background-color: #366EA1;
}

code {
	font-size: 12px;
	color: #FFFFFF;
	padding: 15px;
	width: 705px;
	background-color: #366E9F;
	display: block;
	font-family: "Courier New", Courier, mono;
	border-left-width: 15px;
	border-left-style: groove;
	border-left-color: #0099FF;
}
hr {
	height: 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #366B9F;
	padding: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
	display: block;
	border-bottom-width: 0px;
	border-bottom-style: none;
}


/* this is the CSS for the menu that you will need. */

/* not used at moment */
#hit_area {
	height: 28px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
}

#hit_area2 {
	width: 100%;
	background-image: /images/bg-top.jpg;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	display: block;
	position: absolute;
	margin: 0px;
	left: 0px;
	top: 120px;
}
/* holds top menu bar */
#menu_holder {
	height: 140px;
	width: 120px;
	display: block;
	position: absolute;
	/* top: 50px; */
	background-image: url(/images/bg-blue.gif);
	left: 14%;
        visibility: hidden;
}

/* for navigation butoons */
#nav {
	height: 140px;
	width: 120px;
	margin: 0px auto;
	padding: 0px;
}

/* margin and padding need to be set to 0 for ul. remove the dot */
#nav ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	height: 120px;
	list-style-type: none;
}
#nav li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
        padding-left: 0px;
	float: left;
	list-style-type: none;
	background-image: url(/images/bg-border.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#nav li a:link, #nav li a:active, #nav li a:visited {
	/*background-image: url(middle.png);
	background-repeat: repeat-x;*/
	height: 26px;
	width: 120px;
	margin: 0px;
	display: block;
	line-height: 26px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*text-align: center;*/
	vertical-align: middle;
}
#nav li a:focus, #nav li a:hover{
	text-decoration : none;
	-moz-outline:0;
	color: #FFFFFF;
	background-image:   url(/images/bg-highlight.png);
	background-repeat: repeat-x;
	font-size: 120%;
}

/*------------From Vista-----------------------*/
ul.SubMenu {
  position: absolute;
  visibility: hidden;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  border: 0px;
  /*background-image: url(/images/bg-border.gif);
  background-repeat:repeat-y;*/
  font-size: 1px;
  z-index: 9999;
  margin-left: 0px;
  width: 155px;
  text-align: left;
}

/* list area */
ul.SubMenu li {
  padding: 0px;
  padding-left: 0px;
  margin: 0px;
  background-image: url(/images/bg-blue.gif);
  border: solid 1px #cccccc;
  /*background-color: #f0f0f0;*/
  font-size: 1px;
  cursor: pointer;
  height: 25px;
}

/*ul.SubMenu li img {
 position: relative;
 top: 3px;
 z-index: 99999;
}*/

ul.SubMenu li:hover {
  padding: 0px;
  padding-left: 6px;
  margin: 0px;
  border: solid 1px #ffffff;
  background-color: #f0f0f0;
  text-decoration: none;
  /*font-size: 1px;*/
  /*cursor: pointer;*/
  /*height: 22px;*/
  background-image: url(/images/bg-top.jpg);
  background-repeat: repeat-x;
}

ul.SubMenu li a {
  position:relative;
  display:block;
  font-family: Tahoma;
  font-size: 10pt;
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
}

ul.SubMenu li.over {
  padding: 5px;
  padding-left: 5px;
  margin: 0px;
  /*border: solid 1px #646464;*/
  font-size: 0px;
  /*background-color: #f0f0f0;
  height: 22px;*/
  text-decoration: none;
}

ul.SubMenu li.over a {
  font-family: Tahoma;
  /*font-size: 110%;
  font-size: 11pt;*/
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

/*  Venue Submenu */
#Holder-Workshop
{
    height: 140px;
    width: 120px;
    display: block;
    position: relative;
    /* top: 50px; */
    /*background-image: url(/images/bg-blue.gif);*/
    /*left: 14%;*/
    visibility: hidden;
}

ul.subul-Venue li a:focus, ul.subul-Venue li a:hover{
	text-decoration : none;
	-moz-outline:0;
	color: #FFFFFF;
	background-image:   url(/images/bg-highlight.png);
	background-repeat: repeat-x;
	font-size: 120%;
}

.WhiteText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}