/*-------------------------------------------

Stylesheet for rewrite of Nellor Retsinas Crawford, PLLC site.
Fixed width, two column, static design -- rewrite of 6/15/2008
on 11/29/2008. Revised 2/20/2009; 3/13/2009; 5/7/2009;1/17/2010.

--------------------------------------------*/body{font-family: Arial, Helvetica, Verdana, sans-serif;color: #222;font-size: 100%;text-align: left;background-color: #fff;}*{margin: 0;padding: 0;}/* Basic styles for the whole site */h1, h2, h3, h4{text-transform: capitalize;}h1, h2, h3{font-weight: normal;}h1{font-size: 2em;}h2{font-size: 1.6em;}h3{font-size: 1.2em;}h4, h5{font-size: .9em;}h4{margin: 1em 0;}h5{line-height: 1.6em;border-top: 1px silver solid;padding-top: 6px;text-align: center;margin: 1em 0 0 0;}h5:first-child{border: none;}p, li, td{font-size: .9em;line-height: 1.7em;margin: 1em 0;}ul, ol{}li{margin: 1em 0 1em 1.5em;padding: 0 0 0 1.5em;}ul li{list-style-type: none;background-image: url(images/bullet.gif);background-repeat: no-repeat;background-position: 0 .5em;/* Replaces the bullet character with a background image. */}.linklist{margin: 0 0 1em 0;}.linklist li{background-image: none;margin-top: 0;margin-bottom: 0;padding: 0;}.linklist li li{font-size: 100%;/* If I do not set this, the font size scales. If I set this to inherit, the font size is correct in Safari, Firefox, Opera and Camino, but still scales in IE Win 6. If I set this to 100% or 1em, the font size is correct across the board-- logically, I suspect this means the same as inherit. Why I should have to do this at all, however, escapes me. */}a:link, a:visited{text-decoration: none;color: #3366cc;}a:hover{text-decoration: underline;}a:active{text-decoration: none;color: maroon;}acronym{border-bottom: 1px dotted;}/* Wraps the whole page, sets the page width, and centers the page in the window. */#page-wrapper{width: 736px;margin: 10px auto;padding: 3px;border: 1px silver solid;background-color: #fff;}/* A box for the graphics and text common to every page.  */#masthead, #masthead h1{height: 120px;width: 734px;}#masthead{/* The background graphic for the masthead */
     	background-image: url(images/scales.jpg);background-repeat: no-repeat;background-position: center -100px;border-right: 1px silver solid;border-top: 1px silver solid;border-left: 1px silver solid;}#masthead h1{/* The name of the site. Uses a negative margin to push the text out of view and replaces the text with a graphic. */
     	text-indent: -1600px;background-image: url(images/NRC-banner.gif);background-repeat: no-repeat;background-position: center 60px;}/* A box for the header text and graphics that are unique to each page.*/#header{/* Contains a background graphic that is a continuation of the graphic in the masthead. */
     	background-image: url(images/scales.jpg);background-repeat: no-repeat;background-position: center -240px;border-right: 1px silver solid;border-bottom: 1px silver solid;border-left: 1px silver solid;height: 100px;width: 734px;clear: both;}#header h2{position: relative;top: 40px;margin-left: 20px;}#header p{text-align: right;position: relative;top: 75px;font-size: .7em;color: gray;margin-right: 10px;}/* The main navigation. */#menubar{width: 100%;float: left;border-left: 1px silver solid;}#menubar li{font-size: .7em;letter-spacing: .1em;line-height: 27px;margin: 0;padding: 0;text-align: center;width: 104px;border-right: 1px silver solid;float: left;}#menubar a{display: block;}#menubar a:link, #menubar a:visited{color: #fff;background-image: url(images/gradient-1.gif);background-repeat: repeat-x;background-position: bottom;}#menubar a:hover{text-decoration: none;background-image: url(images/gradient-2.gif);background-repeat: repeat-x;background-position: top;color: silver;}#menubar a:active{background-image: none;background-color: #b00;color: #fff;}#menubar a.current{color: silver;background-image: url(images/gradient-1.gif);background-repeat: repeat-x;background-position: bottom;}/* A box that contains the two content columns. */#container{width: 734px;margin: 3px 0;border: 1px silver solid;background-color: #fff;}/* The main content column and styles unique to the column. */#content-1{width: 450px;padding: 0 20px;display: table-cell;/* Set as a table cell rather than a float. Lets me run the background and borders the full length of the window. Seems to cause random problems in Camino. */}#content-1 p:first-child{/*first child does not work with IE Win*/}/* The secondary content area and the styles unique to the column. */#content-2{width: 204px;display: table-cell;/* Set as a table cell rather than a float. Lets me run the background and borders the full length of the window. Seems to cause random problems in Camino. */
	border-left: 1px silver solid;padding: 0 20px;}#content-2 p, #content-2 li{font-size: .8em;line-height: 1.4em;}#content-2 p{}#content-2 a.current{color: gray;text-decoration: none;}.box-1{}#content-2 .box-1 p{margin-left: 0;}.box-2{border-top: 1px silver solid;}blockquote{}blockquote p{font-family: Georgia, Times, "Times New Roman", serif;font-style: italic;color: #666;}#content-2 ul li{list-style-type: square;background-image: none;padding-left: 0;}#content-2 blockquote{border-bottom: 1px silver solid;padding-bottom: 20px;}#content-2 blockquote p{font-size: 1.2em;line-height: 1.8em;text-indent: 1em;text-shadow: 3px 3px 3px silver;margin: 0;}#content-2 blockquote p:last-child{/* IE Win does not support last-child. */
	text-align: right;font-size: .7em;line-height: 1em;}#index blockquote{margin: 20px 100px;}#index blockquote p{font-size: 1.6em;text-align: left;line-height: 2em;text-indent: 2em;letter-spacing: 1px;color: #666;}#index blockquote p:last-child{font-size: .8em;line-height: 1.2em;text-align: right;margin: 20px 0 0 200px;letter-spacing: 0px;text-shadow: none;}.picturelist{padding: 1em 0;margin-left: 20px;border-bottom: 1px silver solid;}.picturelist a{font-size: .7em;text-align: center;display: block;}.picturelist a:hover img{opacity: 0.5;}.picturelist img{display: block;margin: 5px auto;border: 1px silver solid;}/* Styles for the footer */#footer{clear: both;border: 1px silver solid;padding: 10px 0;background-color: #fff;}#footer p{font-size: .7em;text-align: center;margin: 0em;line-height: 1.2em;}#footer a:link, #footer a:visited{color: gray;}#footer a:hover{color: #3366cc;}#footer a.current{text-decoration: none;color: gray;}/* Secondary navigation */#navbar{text-align: center;}#navbar li{font-size: .7em;display: inline;margin: 0;padding: 0 3px 0 6px;border-left: 1px #999 solid;background-image: none;line-height: 1.2em;}#navbar li:first-child{border-left: 1px #999 none;/* Does not work in IE Win. */}#navbar a:link, #navbar a: visited{color: gray;}#navbar a:hover{color: #3366cc;}#navbar a.current{text-decoration: none;color: gray;}/* Styles to deal with images. */.icon{display: block;margin: 20px auto;border: none;}img{border: 1px silver solid;}img.group, img.nellor, img.retsinas, img.crawford{float: left;margin: 0 20px 0 0;border: 3px silver double;}img.nellor, img.retsinas, img.crawford{}