@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 right in your page. The floated element must precede the element it should be next to on the page. */

	float: left;

	margin-right: 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;

}

*.fltlftag { /* for Alan Grayson's photo */

	float:left;

	margin:0 0;

	width:160px;

}

*.slideshow { /* for jQuery Cycle Plugin */
	position:absolute;
	top:0px;
	left:0px;
	width:585px;
	height:216px;
}
	
*.slideshow img { /* for jQuery Cycle Plugin */
	margin:0 0;
	border:0;
	padding:0 0;
	background-color: #FFF;
	display:none;
}

*.slideshow img.first { /* http://jquery.malsup.com/cycle/faq.html */
	display:block;
}

*.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;

}

*.innerbox {
	padding:10px;
}

*.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;

}



*.textcaption {

	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:italic;

	line-height: 1.5em;

	margin:10px 0 0 0;

	padding:0;

	border:0;

	text-align:left;

}



*.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;

}