/* CSS Document */

Body {background-color: #9eb6da;
background-image: url(/images/bodybg.jpg);
background-repeat: repeat-x;
text-align: center;
v-align: bottom;
font-family: arial, verdana, sans-serif;
font-size: small; 
} 

 h1 {
font-size: 200%;
}

h2 {
font-size: 160%;
} 

p {
color: #000000;
line-height: 1.4em;
}

#container {
width: 760px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
text-align: left;
border: 1px solid black;
}

#header {
width: 560px;
background-color: #ffffff;
color: white;
border: 0px;
}

#banner {
width: 100%;
height: 30px;
background-image: url(../images/navbarBG.jpg);
background-repeat: repeat-x; 
background-color: #ffffff;;
border-bottom: 1px solid #000000;
}

#banner p {
padding: 15px;
}

#banner ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 105%;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 5px;
  }

#banner li {
  float: left;
  position: relative;
  width: auto;
  padding-left: 5px;
  }
  
#banner a {
text-decoration: none;
}
  
.navigation {
color: #ffffff;
letter-spacing: .1em;
font-weight: bold;
font-size: 110%;
}

.navigation a {
color: #ffffff;
text-decoration: none;

}

.navigation a:hover {
color: #000066;
text-decoration: underline;
}


#banner li ul {
  display: none;
  position: absolute; 
  left: 0;
  top: 20%;
  text-indent: 1em;
  width: 180px;
  padding-right: 10px;
  line-height: 1.5em;
  border: 1px solid #333333;
  }
  
  body>html #banner li ul {
  display: none;
  position: absolute; 
  left: 0;
  top: 100%;
  text-indent: 1em;
  width: 180px;
  padding-right: 10px;
  line-height: 1.5em;
  border: 1px solid #333333;
  }


#banner li > ul {
	top: auto;
	/* left: auto; */
	}

#banner li:hover ul  { 
display: block;
background-color: #ffffff; 
width: 10em;
}


#banner li.sfhover ul { 
display: block;
background-color: #ffffff;
margin-top: 15px; 
width: 10em;
}

/* 
#content {
width: 530px;
margin-left: 20px;
margin-right: 20px;

border-right: 1px solid #CCCCCC;
padding-right: 5px;
}

#content h2 {
color: #000000;
}  */

#content {
width: 500px;
margin-left: 20px;
margin-right: 20px;
/* filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1; */
border-right: 1px solid #CCCCCC;
padding-right: 5px;
}

#content1 {
width: 700px;
margin-left: 20px;
margin-right: 20px;
/* filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1; */

padding-right: 5px;
}

#content h2 {
color: #000000;
}

#leftCol {
width: 235px;
float: left;
margin-left: 10px;
padding: 5px;
}

#leftCol p {
line-height: 1em;
}

#leftCol a {
text-decoration: none;
}

#leftCol a:hover {
text-decoration: underline;
}

#leftCol H1, h2 {
color: white;
}

#leftCol li{
list-style: url(/images/bullet.jpg);
}

.products li {
padding-bottom: 1em;
}

#rightCol {
width: 235px;
float: right;
margin-right: 10px;
padding: 5px;
}

#rightCol p {
line-height: 1em;
}

#rightCol a {
text-decoration: none;
}

#rightCol a:hover {
text-decoration: underline;
}

#rightCol h1 {
color: white;
}

#rightCol li{
list-style: url(/images/bullet.jpg);
}

#callout {
border: 1px solid #CCCCCC;
}

/* #news {
width: 140px;
float: right;
text-align: left;
color: #000000;
margin-right: 10px;
margin-top: 10px;
}

html>body #news {
width: 160px;
float: right;
text-align: left;
color: #000000;
margin-right: 10px;
}

#news h2 {
color: #000000;
text-decoration: none;
}

*/

#news {
width: 200px;
float: right;
text-align: left;
color: #000000;
margin-right: 10px;
margin-top: 10px;
}

html>body #news {
width: 210px;
float: right;
text-align: left;
color: #000000;
margin-right: 10px;
}

#news h2 {
color: #000000;
text-decoration: none;
}


#footer {
clear: both;
text-align: center;
width: 740px;
color: #000000;
padding: 4px;
padding-right: 10px;
font-size: 90%;
}

#footer a {
color: #666666;
text-decoration: none;
}

#footer a:hover {
color: #FF0000;
text-decoration: underline;
}