body {
 width: 98%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 margin: 0px;
 padding: 0px;
 background-color: #000000
}

#container {
	width: 950px;
	margin: 2px auto;
	background-image: url(images/pagegrad.png);
	background-position: center;
	background-repeat: repeat-y;
	color: #333;
	line-height: 130%;
}

#top {
   position: relative;
	width: 950px;
	height: 210px;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(images/newbibanner3.png) top left no-repeat;
	border-bottom: 1px solid #000000
	}

#navbar	{
   position: absolute;
	top: 163px;
	width: 950px; 
	margin-bottom: 0px;
	padding: 5px;
}
	
#nav {
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
  position: relative;
}
  
  #nav li {
  position: relative;
  display: inline;
  padding: 0 20px;
  text-align: center;
  font-weight: bold
  }
  
  #nav li ul {
  display: none;
  position: absolute; 
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
}
  
 ul.submenu li:hover {
	display: block;
	position: absolute;
	text-align: left;
}
 
 ul.submenu li a:hover {
 color: #990000;
 }
 
 #nav li:hover ul, li.over ul {
	display: block;
	position: absolute;
	top: 14px;
	background: URL(images/whitebg.png) top left repeat;
	text-align: left;
	width: 150px;
	border: 1px solid gray
}

ul.fivereasons
{
	font-size: .9em;
	list-style-position: outside;
	margin: 2px 0 20px 0;
	list-style-image: inherit;
	list-style-type: inherit
} 
  
#content {
	margin: 10px 70px;
	padding: 10px 0;
	}
	
#narrowcontent{
	margin: 10px 170px;
	padding: 10px 0
}

 h1.pagehead {
	padding: 6px;
	margin: 16px 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	letter-spacing: .6em;
	color: #b2c6be;
	text-align: left;
	border-bottom: 3px solid #fae2a8
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0;
	margin: 2px 0;
	font-size: 1.2em;
	color: #014c3b;
	background-color: transparent
}

h2 a
{
	color: #2d4d40;
	background-color: transparent
}

h2 a:hover
{
	color: #3c6655;
	background-color: transparent;
}

h2 a:visited
{
	color: #284137;
	background-color: transparent
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0;
	margin: 2px 0;
	font-size: 1em;
	color: #6b9987;
	background-color: transparent
}

h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0;
	margin: 2px 0;
	font-size: 1em;
	color: #b2c6be;
	background-color: transparent
}
p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 line-height: 18px;
 color: #000000;
 background-color: transparent
 }
 
 .squashed
 {
 	padding: 2px 0;
	margin: 2px 0
 }
 
.homepage
 {
 	margin: 0 0 0 14px; 
	padding: 3px;
	color: #014c3b;
	border-bottom: 3px solid #fae2a8
 }
 
 #sampleswrapper
 {
 	width: 330px;
	float: right;
	margin: 0;
	padding: 1px 
 }
 
 #samplestop
 {
 	width: 331px;
	height: 45px;
	background: URL(images/samplestop_01.gif) top left no-repeat;
	margin: 0;
	padding: 1px;
}

 #samplesmiddle
 {
 	width: 330px;
	background: URL(images/samplesmiddle_02.gif) top left repeat-y;
	margin: 0;
	padding: 1px;
}

 #samplesbottom
 {
 	width: 330px;
	height:32px;
	background: URL(images/samplesbottom_03.gif) top left no-repeat;
	margin: 0;
	padding: 1px;
}
 .samples
 {
 	text-align: center;
	font-size: 1.2em
 }
 
 	.articlehead {
	font-size: 150%;
	margin: 5px;
	text-align: center
}

 .smalltext {
	font-size: 80%;
	color: #1b2a62;
	background-color: transparent;
	margin: 0;
	padding: 0
}

a {
 text-decoration: none;
 color: blue;
 }

 a:hover {
 text-decoration: underline;
 color: #5e6eeb;
 }
 
a:visited {
 color: #000090;
 }

 a.navlink {
 display: inline;
 padding-left: 1.3em;
 padding-right: 1.3em;
 text-decoration: none;
 color: #ffffff;
 background-color: transparent
  }

 a.navlink:hover {
 padding-left: 1.4em;
 padding-right: 1.4em;
 font-weight: bold;
 text-decoration: none;
 color: #e9d81e;
 background-color: transparent
 }
 
 a.navlink:active {
 padding-left: 1.3em;
 padding-right: 1.3em;
 text-decoration: none;
 color: #feccdf;
 background-color: transparent
 }
 
 a.navlink:visited {
 padding-left: 1.3em;
 padding-right: 1.3em;
 text-decoration: none;
 color: #ffeffd;
 background-color: transparent
 }

 a.list {
	font-weight: bold;
}
 
 .featurelist {
	font-size: 130%;
	font-weight: bold;
}

.spacer
{
	clear: both;
	height: 3px
}

.thumb
{
	float: left;
	margin-right: 10px;
}

.thumb p
{
	text-align: center;
	font-size: .9em;
	margin: 0 0 6px 0
}

.thumb h2
{
	text-align: center;
	margin: 0 0 6px 0
}

.thumb img
{
	border: none
}

.phone
{
	clear: both;
	text-align: center;
	font-size: 2em;
	color: Red;
	margin-top: 20px;
	background-color: transparent
}

#leaderboard
{
	width: 728px; 
	height: 90px; 
	margin-left: 100px;
	clear: both
}

 #footer
{
 clear: both;
 padding: .3em;
 margin: 0;
 color: #ffffff;
 background-color: #022917;
 border-top: 1px solid #000000;
 text-align: center
  }

  a.footer {
 padding-left: 1.3em;
 padding-right: 1.3em;
 font-weight: bold;
 text-decoration: none;
 color: #ffffff;
 background-color: transparent
  }

 a.footer:hover {

 text-decoration: none;
 color: #efe652;
 background-color: transparent
 }
 
 a.footer:active {
 padding-left: 1em;
 padding-right: 1em;
 text-decoration: none;
 color: #feccdf;
 background-color: transparent
 }
 
 a.footer:visited {
 padding-left: 1em;
 padding-right: 1em;
 text-decoration: none;
 color: #ffeffd;
 background-color: transparent
 }
 
.copyright {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: .8em;
 font-weight: normal;
 color: #eeeeee;
 padding: 4px 40px;
 }