/* layout --------------------------------------------------------------------------------------------------------------------------- layout */

body {
font-family: arial, sans-serif;
font-size: 1em;
background-color: #113b63;
background-image: url("../images/bgrd_main.gif");
behavior: url(scripts/csshover.htc);
}

* {margin:0; padding:0;}

* img {border-style: none;}

#mainwrap {
width: 800px;
background-color: #969eb1;
margin-left: auto;
margin-right: auto;
border-bottom: solid 1px #b3bfcf;
}

#header {
width: 800px;
background-color: #969eb1;
}

#maincontent {
width: 800px;
background-image: url("../images/bgrd_maincontent.jpg");
background-position: bottom;
background-repeat: repeat-x;
font-size: .8em;
margin-left: auto;
margin-right: auto;
padding: 10px 0px 50px 0px;
}

#maincontent p {
padding-bottom: 1em;
}

#left_side {
width: 220px;
padding-bottom: 10em;
float:left;
}

.descrip {
font-style: italic;
font-size: .9em;
color: #113b63;
text-align: center;
width: 220px;
}

.center {
text-align: center;
}

#right_side {
width: 530px;
float:left;
padding-left: 15px;
border-left: solid 1px #b3bfcf;
}

#footer {
width: 800px;
margin-top: 1em;
padding-bottom: 2em;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: .7em;
color: #969eb1;
}

#right_side ul li {
margin-left: 3em;
}

.productlogos {
background-color: white;
padding: 5px 5px 5px 5px;
border: solid thin #969eb1;
float: left;
}

.productlist {
float: left;
}

.projects {
width: 530px;
background-color: #8f9fb6;
padding: 5px 5px 5px 5px;
border: solid thin #969eb1;
float: left;
}

.projectstable table {
width: 530px;
}

.projectstable td {
text-align: center;
padding: 5px 5px 5px 5px;
}

.clearfloats {
clear: both;
}



/* font style --------------------------------------------------------------------------------------------------------------------------- font styles */

span.name {
font-weight: bold;
font-style: italic;
font-size: 1.2em;
color: #113b63;
}

h1 {
font-style: italic;
font-size: 1.3em;
color: #ffffcc;
}

h2 {
font-size: 1em;
font-style: italic;
color: #660000;
}

#right_side em {
color: #ffffcc;
}

.floatright {
float: right;
padding-left: 20px;
}




/* clear floats --------------------------------------------------------------------------------------------------------------------------- clear floats */

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix 	{display:inline-block;}
*html .clearfix {height:1%;}
.clearfix 	{display:block;}

.clearfloats {
clear: both;
}

/* links ------------------------------------------------------------------------------------------------------------------------------------------------------ links */

a.common:link, a.common:visited, a.common:active {
color: #ecf0fa;
font-style: italic;
text-decoration: underline;
}

a.common:hover {
background-color: #113b63;
color: #ecf0fa;
text-decoration: none;
}

a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active {
color: #FFF;
text-decoration: none;
}

a.bottomlinks:hover {
color: #FFF;
text-decoration: underline;
}


/* the nav menu ------------------------------------------------------------------------------------------------------------------------ the nav menu */

div#listmenu {
	width: 150px;
	height: auto;
	float: left; /*makes the div enclose the list */
	margin-left: 15px;
	background-image: url("../images/bgrd_nav-btn.gif");
	}

*html div#listmenu {
	float: left; /*makes the div enclose the list */
	margin-left: 10px;
	}

div#listmenu ul {
	margin: 0 0 0 0px;/* indents ul from edge of container - left changed to 0 */
	width: 150px;
}

div#listmenu li {
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;
	border-bottom:1px solid #b3bfcf;
	padding: 1px 0px;
	}

div#listmenu li:hover { 
	background-color: #556e8d;
	}

div#listmenu a {
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;
	color: #000033;
	font-style: italic;
	font-weight: bold;
	}

div#listmenu a:hover {
	color: white;
	}

/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin-left: 150px; /*  *ADDED**MOVES THE SUBMENU OVER TO BE TO THE RIGHT OF THE MAIN MENU **/
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:15em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	top:0px; /* ADDED - ALLIGNS THE POP-OUT WITH ITS PARENT */
	left:0px; /*aligns the drop exactly under the menu */
	}

div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	background-color: #556e8d;
	background-image: none;
	}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */
div#listmenu ul li ul li:hover ul {display:block;} /* shows the sub-drop-down when drop-down menu is hovered */
div#listmenu ul li:hover ul ul {display:none;} /* conceals the sub-drop-down when drop-down menu not hovered */
div#listmenu ul li ul li ul {left:0px;} /*aligns the sub-pop next to the pop - added for side version */

/* the drop-down ends here */
/* END OF LIST-BASED MENU */

/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("scripts/ie51_menu_hack.css");