/*
DelSys_Website.css
Sitewide styling

The site employs a two column liquid layout.
The column widths are specified as a percentage of browser window width.
Column heights are specified in pixels.

CSS property values are recalcuated when the window size changes.
IE text size is set via View, Text Size.
IE default font is set via Tools, Internet Options, Fonts.
*/

/*
Override browser default margin and padding
*/

* {
  margin: 0;
  padding: 0;
}

body {
	background-image: url(Images/Seamless-Lightsand-128x128.gif);
}

#divWrapper {
	width: 800px;
	height: 800px;
  margin: 20px auto 0 auto; 
  background: url(Images/Trailer-2-800x800.png) no-repeat;
}

#divHeader {
  position: relative;			/* allows Images to be positioned */
  width: 800px;
  height: 100px;
	text-align: center;
}

#divNavigation {
	position: relative;
  width: 780px;
  height: 30px;
	padding: 15px 0 10px 0;
}

#divContent {
	position: relative;					/* establish divContent as positioned ancestor */
  width: 800px;
  height: 595px;
  font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
  font-weight: normal;
	line-height: 1.25;
  color: black;
  overflow: hidden;
}

#divFooter {
	padding-top: 10px;
  width: 800px;
  height: 40px;
	font-family: Arial, sans-serif;
	color: #787878; 			/* DelSys Charcoal */
}

#divFooter #divFooterLeft {
	float: left;
	padding-left: 30px;
	width: 400px;
	height: 25px;
}

#divFooter #divFooterRight {
	float: right;
	padding-right: 30px;
	width: 300px;
	height: 25px;
	text-align: right;
}

/* Header image positions */

.logo {
  position: absolute;
  left: 30px;
  top: 25px;
  border: 0;
}

.slogan {
  position: absolute;
  right: 30px;
  top: 25px;
  border: 0;
}

/* Content image classes */

.classImageFloatRight {
	clear: right;
	float: right;
	margin: 0 30px 0 20px;
}

.classImageFloatLeft {
	float: left;
	margin: 0 20px 0 0;
}

/* Navigation used to contain suckerfish drop down menus, thus the seemingly irrelevant comments */

#ulMenu {
	position: absolute;			/* critical, allows dropdowns to be stacked on top of content */
	list-style-type: none;	/* no burger dots */
	margin-left: 50px;
}

#ulMenu li {
	position: relative;
	float: left;						/* causes top level menu to be horizontal */
	width: 110px;
	height: 26px;						/* bottom of anchor adjacent to top of 1st level drop menu */
	margin-right: 37px;
	border-top: 1px solid #008B8B;			/* DelSys cyan */
	border-bottom: 1px solid #008B8B;		/* DelSys cyan */
}

#ulMenu li.classCurrent {
	top: -1px;													/* align the 1px default borders with the 2px selected borders */
	border-top: 2px solid #F58E78;			/* DelSys rose */
	border-bottom: 2px solid #F58E78;		/* DelSys rose */
}

#ulMenu li.classRightmost {	/* no margin on the far right */
	margin-right: 0px;
}

#ulMenu a {
 	display: block;			/* make the anchor the same width as its containing li  */
	width: 110px;
  text-decoration: none;
  font-family: arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
	text-align: center;
}

#ulMenu a:link,
#ulMenu a:visited {
  color: #787878; 			/* DelSys Charcoal */
}

#ulMenu a:hover,
#ulMenu a:active {	/* A link is active while the mouse button is pressed. */
  color: black;
/*	border-top: 2px solid black;
	border-bottom: 2px solid black; */
}

#ulMenu li.classCurrent a:link,
#ulMenu li.classCurrent a:visited {
	color: black;
}