@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	border:0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:#3F3F3F url(../images/bggrad0to25gray1x128.JPG) left top repeat-x;
}

#container { 
	width: 950px;  /* using less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/* Note: Layout extents are in pixels, since graphic elements are of fixed size; but text is in em's, for accessibility, since user may increase font size. */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	border:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header { 
	margin: 0; 
	padding: 0;
	border:0;
	text-align:center;
}

ul.menubar {
	margin:0 auto 15px auto;
	padding:0;
	border:0;
	width:640px;
	height:30px;
	text-align:center;
	list-style-type:none;
} 

ul.menubar li.buttonhome {
	margin:0;
	padding:0;
	border:0;
	height:30px;
	width:160px;
	float:left;
	display:block;
}

ul.menubar li.buttonhome a:link, ul.menubar li.buttonhome a:visited {
	display:block;
	height:30px;
	width:160px;
	text-decoration:none;
	background:#000000 url(../images/buttonhomeoff.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttonhome a:hover, ul.menubar li.buttonhome a:active {
	display:block;
	height:30px;
	width:160px;
	text-decoration:none;
	background:#000000 url(../images/buttonhomeon.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttonhomeselected {
	margin:0;
	padding:0;
	border:0;
	height:30px;
	width:160px;
	float:left;
	display:block;
	background:#000000 url(../images/buttonhomeon.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttonabout {
	margin:0;
	padding:0;
	border:0;
	height:30px;
	width:160px;
	float:left;
	display:block
}

ul.menubar li.buttonabout a:link, ul.menubar li.buttonabout a:visited {
	display:block;
	height:30px;
	width:160px;
	text-decoration:none;
	background:#000000 url(../images/buttonaboutoff.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttonabout a:hover, ul.menubar li.buttonabout a:active {
	display:block;
	height:30px;
	width:160px;
	text-decoration:none;
	background:#000000 url(../images/buttonabouton.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttonaboutselected {
	margin:0;
	padding:0;
	border:0;
	height:30px;
	width:160px;
	float:left;
	display:block;
	background:#000000 url(../images/buttonabouton.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttonclients {
	margin:0;
	padding:0;
	border:0;
	height:30px;
	width:160px;
	float:left;
	display:block;
}

ul.menubar li.buttonclients a:link, ul.menubar li.buttonclients a:visited {
	display:block;
	height:30px;
	width:160px;
	text-decoration:none;
	background:#000000 url(../images/buttonclientsoff.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttonclients a:hover, ul.menubar li.buttonclients a:active {
	display:block;
	height:30px;
	width:160px;
	text-decoration:none;
	background:#000000 url(../images/buttonclientson.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttonclientsselected {
	margin:0;
	padding:0;
	border:0;
	height:30px;
	width:160px;
	float:left;
	display:block;
	background:#000000 url(../images/buttonclientson.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttoncontact {
	margin:0;
	padding:0;
	border:0;
	height:30px;
	width:160px;
	float:left;
	display:block;
}

ul.menubar li.buttoncontact a:link, ul.menubar li.buttoncontact a:visited {
	display:block;
	height:30px;
	width:160px;
	text-decoration:none;
	background:#000000 url(../images/buttoncontactoff.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttoncontact a:hover, ul.menubar li.buttoncontact a:active {
	display:block;
	height:30px;
	width:160px;
	text-decoration:none;
	background:#000000 url(../images/buttoncontacton.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

ul.menubar li.buttoncontactselected {
	margin:0;
	padding:0;
	border:0;
	height:30px;
	width:160px;
	float:left;
	display:block;
	background:#000000 url(../images/buttoncontacton.PNG) top left no-repeat;
	font-size:.1em; /* so   is not too large */
}

#topcorners {
	margin:0;
	margin-top:15px;
	padding:0;
	border:0;
	width:950px;
	height:15px;
	background-color:#FFFFFF;
}

#topleftcorner {
	margin:0;
	padding:0;
	border:0;
	width:15px;
	height:15px;
	float:left;
	background:#FFFFFF url(../images/cornertopleft15x15.JPG) left top no-repeat;
}

#toprightcorner {
	margin:0;
	padding:0;
	border:0;
	width:15px;
	height:15px;
	float:right;
	background:#FFFFFF url(../images/cornertopright15x15.JPG) right top no-repeat;
}

#maincontent { 
	margin:0;
	padding:0 30px 30px 30px;
	border:0;
	background:#FFFFFF;
}

#mainrtcol {
	margin:0;
	padding:0;
	border:0;
	float:right;
	width:305px; /* flrtmargined20box + 25px margin-left */
}

#mainltcol {
	margin:0;
	padding:0;
	border:0;
	float:left;
	width:585px; /* 950px - 2x30px padding - 305px mainrtcol (above) */
}

*.horizdoubleline {
	margin:20px 0;
	border:0;
	padding:0 0;
	width:100%;
	height:5px;
	background:url(../images/hrdouble.GIF) top left repeat-x; /* simple double 2px and 1px black lines */
}

*.horizsingleline {
	margin:20px 0;
	border:0;
	padding:0 0;
	width:100%;
	height:1px;
	background:url(../images/hrsingle.GIF) top left repeat-x; /* simple single 1px black line */
}

#footer { 
	margin:0;
	padding:15px 30px 5px 30px;
	border:0;
	background-color:#E5E5E5;
} 

#botcorners {
	margin:0;
	margin-bottom:20px;
	padding:0;
	border:0;
	width:950px;
	height:15px;
	background-color:#E5E5E5;
}

#botleftcorner {
	margin:0;
	padding:0;
	border:0;
	width:15px;
	height:15px;
	float:left;
	background:#E5E5E5 url(../images/cornerbotleft15x15.JPG) left top no-repeat;
}

#botrightcorner {
	margin:0;
	padding:0;
	border:0;
	width:15px;
	height:15px;
	float:right;
	background:#E5E5E5 url(../images/cornerbotright15x15.JPG) right top no-repeat;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 20px;
	margin-bottom:10px
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

*.boxtop {
	margin:0;
	padding:0;
	border:0;
	width:280px;
	height:10px;
	background:#E5E5E5 url(../images/boxtop10x280.JPG) top left no-repeat;
}

/* Beware: Not placing margins on a floated element bypasses the Double-Margin Float Bug, doubling the margin on the same side of the float, of the first floated element in a row of floats. */

*.fltlftmargined20ip { /* for Ilene Proctor's photo */
	float:left;
	margin:0 20px 0 0;
	width:180px;
}

*.fltlftmargined20box { /* for images with (or without) captions -- hence, requiring width -- within maincontent */
	float:left;
	margin:0 25px 10px 0;
	padding:0;
	border:0;
	width:280px;
	background-color:#E5E5E5;
}

*.fltrtmargined20box { /* for images with (or without) captions -- hence, requiring width -- within maincontent */
	float:right;
	margin:0 0 10px 25px;
	padding:0;
	border:0;
	width:280px;
	background-color:#E5E5E5;
}

*.quoteboxcontent { /* for images with captions -- hence, requiring width -- within maincontent */
	margin:0;
	padding:10px 20px;
	border:0;
	background-color:#E5E5E5;
}

*.listboxcontent { /* for images with captions -- hence, requiring width -- within maincontent */
	margin:0;
	padding:10px 20px 0 25px;
	border:0;
	background-color:#E5E5E5;
}

*.fltrtmargined20bugliosi { /* for images with captions -- hence, requiring width -- within maincontent */
	float:right;
	margin:0 0 10px 25px;
	width:342px;
}

*.boxbot {
	margin:0;
	padding:0;
	border:0;
	width:280px;
	height:10px;
	background:#E5E5E5 url(../images/boxbot10x280.JPG) top left no-repeat;
}

*.spacer10 {
	margin:0;
	padding:0;
	border:0;
	height:10px;
	width:280px;
	background-color:#FFFFFF;
	font-size:0.1em;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	display:block;
	clear:both;
    height:1px; /* Specifying a height and line-height prevents IE 6 from expanding the height. */
    font-size: 1px;
    line-height:1px;
	margin:0;
}

.clearfloat10 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	display:block;
	clear:both;
    height:10px; /* Specifying a height and line-height prevents IE 6 from expanding the height. */
    font-size: 1px;
    line-height:1px;
	margin:0;
}

*.text {
	font-size: .92em;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif; /* very readable, respectable, and appealing, like NYTimes.com */
	font-weight:normal;
	font-style:normal;
	line-height: 1.5em;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
}

*.textbold {
	font-weight:bold;
}

*.textnormalweight {
	font-weight:normal;
}

*.textitalic {
	font-style:italic;
}

*.textnormalstyle {
	font-style:normal;
}

*.textcitation {
	font-size: .92em;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	line-height: 1.5em;
	margin:0;
	padding:0;
	border:0;
	text-align:right;
}

*.textfooterlink {
	font-size: .92em;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:normal;
	line-height: 1.5em;
	margin:0;
	padding:0;
	border:0;
	text-align:center;
}

*.textlegal {
	font-size: .8em;
	color: #808080;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:normal;
	line-height: 1.5em;
	margin:15px 30px 30px 30px;
	padding:0;
	border:0;
	text-align:center;
}

*.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 1.38em; /* 1.5 x 0.92em */
	font-weight:bold;
	color: #FF0000;
}

*.textthankyou {
	font-size: 1.38em; /* 1.25 x 0.92em */
	color: #800000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	line-height: 1.5em;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
}

h1 { /* Page Headers */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.84em; /* 2 x 0.92em */
	line-height: 1.5em;
	font-weight: normal;
	color: #000000;
	margin:0 0 10px 0;
	padding:0;
	border:0;
	text-align:left;
}

h2 { /* Secondary Headers */
	font-size: 1.38em; /* 1.5 x 0.92em */
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:normal;
	line-height: 1.5em;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
}

h3 { /* Unused Header */
	font-size: 1.15em; /* 1.25 x 0.92em */
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	line-height: 1.5em;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
}

h4 { /* Unused Subheader */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #000080;
	text-align:left;
	font-weight: bold;
	margin: 15px 0 15px 0;
}

a:link, a:visited {
	text-decoration: none;
	color: #990000; /* "inky" -- like the blue links in douglasdrenkow.com and major sites */
}

a:hover, a:active  {
	text-decoration: underline;
	color: #990000;
}

*.textlegal a:link, *.textlegal a:visited {
	text-decoration:none;
	color:#CC0000;
}

*.textlegal a:hover, *.textlegal a:active {
	text-decoration:underline;
	color:#CC0000;
}

a img,
:link img,
:visited img {
	border:none;
	text-decoration: none;
}

ul { /* Normalizing Lists; browsers vary in how they implement the 40-pixel-standard indent */
	margin-left:20px;
	padding-left:0;
}

ul li {
	margin: 0px 0px 0px 20px; /* I prefer no indent on lists, beyond what is required for marker; 17px works with smallest and largest text sizes as well as medium text size, in IE 7. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	line-height: 1.3em;
	text-align:left;
}

ul.menu {
	margin:0px;
	padding:0px;
	list-style-type:none; 
}

ul.menu li {
	font-size: 1.38em; /* 1.5 x 0.92em */
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:normal;
	line-height: 1.5em;
	margin:10px 0;
	padding:5px 10px;
	border:0;
	text-align:center;
	background-color:#808080;
}