/* 
-----------------------------------
css document for: www.riddellwilliams.com
created by: www.pbdh.com
-----------------------------------
 */
@media screen {

body {
    margin: 20px 0 0 0;
	padding: 0;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;	
	font-size: 12px;
	text-align: center;
	color: #333;
	background: #fff;
	}

#home #logo a {
	cursor: default;
	}

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  	width: 770px;
	}
img {
	border: none;
	}

div.hr {
	height: 1px;
	background-color: #ccc;
	margin-bottom: 15px;
	}
div.hr hr {
	display: none;
	}

#center-column ul.cleanlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#center-column ul.cleanlist li {
	font-size: 12px;
	padding: 0;
	margin-bottom: 17px;
	}

/*
-----------------------
LAYOUT
-----------------------
*/

#message {
    position: absolute;
	top: 200px;
	left: 185px;
	z-index: 99;
	}

#header {
    margin: 0;
	padding: 0;
    width: 770px;
	height: 37px;
	background: #97a39b;
	}

#content, #subcontent {
    margin: 30px 0 0 0;
    padding: 0;
	width: 770px;
	background: #fff url(/images/bg-sidenav.gif) repeat-y left top;
	}


body#people #content {
    margin: 30px 0 0 0;
    padding: 0;
	width: 770px;
    background: #fff url(/images/bg-news.gif) repeat-y right top;
	}

body#people #subcontent {
    margin: 30px 0 0 0;
    padding: 0;
	width: 770px;
	background-color: #fff;
	background-image: none;
	}


body#news #content {
	margin: 30px 0 0 0;
    padding: 0;
	width: 770px;
    background: #fff url(/images/bg-news.gif) repeat-y right top;
	}

body#bio #content {
    margin: 30px 0 0 0;
    padding: 0;
	width: 770px;
	background: #fff;
	}

#newsblurb {
    margin: 0;
    padding: 20px 15px 15px 15px;
	width: 155px;
	float: left;
	background-color: transparent; 
	}
#newsblurb ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#newsblurb ul li {
	margin: 5px 0 15px 0;
	}
#sidenav {
    margin: 0;
    padding: 20px 0;
	width: 185px;
	float: left;
	background-color: transparent; 
	}

#bio-photo {
    margin: 0;
    padding: 40px 0;
	width: 185px;
	float: left;
	}


#logo {
    position: absolute;
	top: 26px;
	left: 22px;
	}

body#aboutus #center-column, 
body#publications #center-column, 
body#diversity #center-column {
	display: inline;
	margin-left: 188px;
	}
#center-column {
    margin: 0;
	padding: 0 0 0 20px;
	width: 335px;
	float: left;
	}

#large-center-column {
    margin: 0;
	padding: 0 0 0 20px;
	width: 490px;
	float: left;
	background: #fff;
	}

body#people #left-column, 
body#news #left-column {
    margin: 0;
    padding: 0;
    width: 485px;
	float: left;
	}

#right-column {
    width: 180px;
	margin: 40px 0 0 15px;
	padding: 0 0 20px 20px;
	border-left: 1px solid #ccc;
	float: right;
	}

body#people #right-column, 
body#news #right-column {
    width: 215px;
	margin: 0;
	padding: 25px;
	float: right;
	border: none;
	display: block;
	}
body#news #right-column ul {
	padding-right: 10px;
	}
body#news #right-column ul li {
	background-image: url(/images/left_arrow.gif);
	background-position: 0 7px;
	background-repeat: no-repeat;	
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
	}

#illustration {
    margin: 0;
    padding: 0;
    width: 585px;
	float: left;
	}

body#people #illustration {
    margin: 0 0 20px 0;
	padding: 0;
	width: 485px;
	float: none;
	}
body#people-subt #illustration {
    margin: 0 0 20px 0;
	padding: 0;
	width: 770px;
	float: none;
	}

body.c2 #center-column {
    margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	width: 560px;
	float: left;
	}

body.c2 #right-column {
    display: none;
	}



body#people #columns {
	float: left;
	width: 230px;
	}
body#people #index-column1 {
    margin: 0 25px 0 0;
	padding: 0;
    width: 230px;
	float: left;
	}

body#people #index-column2 {
    margin: 0;
	padding: 0;
    width: 230px;
	float: left;
	}


/*
-----------------------
LAYOUT TABLES
-----------------------
*/ 
table.articles {
	margin: 0;
	padding: 0;
	width: 100%;
	}
table.articles td {
	width: 60%;
	padding: 0;
	vertical-align: top;
	text-align: left;
	}
table.articles td p {
	margin: 0 0 1em 0;
	}
table.articles td.moreinfocolumn {
	width: 40%;
	padding-left: 25px;
	}
#center-column table.articles td.moreinfocolumn ul {
	margin: .5em 0 1em 0;
	padding: 0;
	list-style: none;
	}
#center-column table.articles td.moreinfocolumn li {
	margin: 0;
	padding: 0;
	}
table.articles td.moreinfocolumn p,
table.articles td.moreinfocolumn li {
	font-size: 11px;
	color: #62605d;
	}

table.articles td.moreinfocolumn p.formoreinfo {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	}


/*
-----------------------
FOOTER
-----------------------
*/ 

#footer {
    margin: 25px 0 0 0;
    padding: 18px 15px 30px 15px;
	width: 740px; 
	background: #97a39b;
	}

#footer p  {
    margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	}

#footer p span {
    margin: 0 4px;
	color: #ccd2cc;
	}

#footer p a:link,
#footer p a:visited {
    color: #E8F6F7;
	text-decoration: none;
	}

#footer p a:hover {
     color: #757c75;
	 text-decoration: none;
	 background: #def7f9;
	}

/*
-----------------------
TEXT FORMATTING
-----------------------
*/

h1, h2, h3, h4, h5, h6, blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	}

p, ul, ol, ul, dl, cite {
	font-family: Tahoma, Verdana, sans-serif;
	color: #333;
	}

h1 { font-size: 28px; margin: 0 0 .15em 0; color: #55605a; } /* sIFR Helvetica Neue Condensed?? */
h2 { font-size: 20px; margin: .15em 0 .25em 0; }
h3 { font-size: 16px; margin: 1em 0 0 0; }
h4 { font-size: 13px; margin: .75em 0 0 0; font-weight: bold;  }
p { font-size: 12px; line-height: 18px; margin: .25em 0 1.5em 0; }

blockquote {
	margin: 20px 20px 20px 10px;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 20px;
	color: #9B3E21;
	font-style: normal;
	border-left: 1px solid #ccc;
	}

ul { margin: 1em 0 2em 0; padding: 0 0 0 2.5em;}
#center-column ul { padding-left: 40px; }
li { font-size: 12px; line-height: 18px; }


/*
-----------------------
LINKAGE
-----------------------
*/

a:link { color: #516181; text-decoration: underline; }
a:visited { color: #6288a0; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; background: #6288a0; }



/*
-----------------------
NAVIGATION
-----------------------
*/
a span { display: none; }

div#header ul {
    margin: 0;
	padding: 0;
	list-style-type: none;
	}

#header-nav {
	float: right;
	}

#header-nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
#header-nav ul li a {
	display: block;
	}
	
li#nav-publications a {
    width: 103px;
	height: 37px;
	background: #95a199 url(/images/nav-publications.gif) no-repeat 0px 0px;
	}
li#nav-news a {
    width: 113px;
	height: 37px;
	background: #95a199 url(/images/nav-news.gif) no-repeat 0px 0px;
	}
li#nav-careers a {
    width: 73px;
	height: 37px;
	background: #95a199 url(/images/nav-careers.gif) no-repeat 0px 0px;
	}
li#nav-diversity a {
    width: 70px;
	height: 37px;
	background: #95a199 url(/images/nav-diversity.gif) no-repeat 0px 0px;
	}

li#nav-publications a:hover,
li#nav-news a:hover,
li#nav-careers a:hover,
li#nav-diversity a:hover,
li#nav-publications a.here,
li#nav-news a.here,
li#nav-careers a.here,
li#nav-diversity a.here {
    background-position: 0px -37px;
	}

#topnav {
	
	}

div#topnav ul {
    margin: 0;
	padding: 0 5px 0 0;
	list-style-type: none;
	}
#topnav ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
li#nav-about a,
li#nav-practice a,
li#nav-clients a,
li#nav-people a {
    margin: 0;
	padding: 0;
	display: block;
	height: 37px;
	}

li#nav-about a {
    width: 94px;
	background: #fff url(/images/nav-about.gif) no-repeat 0px 0px;
	}

li#nav-practice a {
    width: 165px;
	background: #fff url(/images/nav-practice.gif) no-repeat 0px 0px;
	}

li#nav-clients a {
    width: 115px;
	background: #fff url(/images/nav-clients.gif) no-repeat 0px 0px;
	}

li#nav-people a {
    width: 135px;
	background: #fff url(/images/nav-people.gif) no-repeat 0px 0px;
	}



li#nav-about a:hover,
li#nav-practice a:hover,
li#nav-clients a:hover,
li#nav-people a:hover,
li#nav-about a.here,
li#nav-practice a.here,
li#nav-clients a.here,
li#nav-people a.here {
    background-position: 0px -36px;
	}

/**/
#sidenav ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 185px;
   	list-style: none;
	border-top: 1px solid #c2c0b9;
	}

#sidenav ul li {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	border-bottom: 1px solid #c2c0b9;
	margin: 0;
	padding: 0;
	width: 185px;
	}

#sidenav ul li a {
	display: block;
	float: left;
	text-decoration: none; 
	margin: 0; 
	padding: 5px 15px 6px 15px;
	width: 155px;
	}

#sidenav ul li a:link, 
#sidenav ul li a:visited      { color: #516181; text-decoration: none;  } 
#sidenav ul li a:hover        { color: #fff; text-decoration: none; background: #97a39b; }
#sidenav ul li a:link.here, 
#sidenav ul li a:visited.here,
#sidenav ul li a:hover.here { color: #fff; text-decoration: none; background: #97a39b; cursor: default; }


/*
-----------------------
LISTS + INDEX PAGES
-----------------------
*/
#index-column1 h3,
#index-column2 h3 {
     color: #9B3E21;
	}

dl.index-list {
    margin: 0;
	padding: 0;
	}

dl.index-list dt {
    margin: 0;
	padding: 0;
	font-size: 14px;
	}

dl.index-list dd {
    margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	}

dl.people-info {
    margin: 0;
	padding: 0;
	}

dl.people-info dt {
    margin: 20px 0 0 0;
	padding: 0;
	font-size: 14px;
	}

dl.people-info dd {
    margin: 0;
	padding: 1px 0;
	font-size: 12px;
	line-height: 14px;
	}
.administrative-table tr th, .administrative-table tr td {
	vertical-align: top;
	margin: 0;
	padding: 10px 10px 0 0;
	}
dl.people-info dd.title {
    color: #777;
	}
.title {
	color: #777;
	}
dt a:link {
    color: #9a3606;
	text-decoration: none;
	}
dt a:visited {
    color: #9a3606;
	text-decoration: none;
	}
dt a:hover {
    color: #fff;
	text-decoration: none;
	background: #9a3606;
	}

body#people div#right-column ul {
    margin: 2px 0 0 0;
	padding: 0;
	list-style-type: none;
	}

body#people div#right-column ul li {
    margin: 0;
	padding: 2px 0 2px 10px;
	font-size: 12px;
	font-weight: normal;
	}

body#people div#right-column ul li a {
    text-decoration: none;
	color: #fff;
	}

body#people div#right-column ul li a:visited {
    text-decoration: none;
	color: #ca9d89;
	}

body#people div#right-column ul li a:hover {
	background-color: #6c2d12;
	}

div#right-column ul {
    margin: 5px 0 20px 0;
	padding: 0;
    list-style-type: none;
	}
div#right-column ul li {
    margin: 0;
	padding: 2px 0 3px 0;
	font-size: 12px;
	font-weight: normal;
	}



/*
-----------------------
SPECIAL FORMATTING
-----------------------
*/
p.intro { font-size: 14px; line-height: 22px; }
p.job-title { font-size: 16px; color: #888; margin: 0 0 .5em 0; }
div#header h1 { display: none; }
div#newsblurb p { font-size: 11px; line-height: 17px; margin: 0; }
p.pdf {
	background: #fff url(/images/AcroBug.gif) no-repeat 0 4px; 
	padding: 3px 0 2px 24px;
	margin: .5em 0;
	overflow: visible;
	}

div#newsblurb p.date { 
    font-size: 10px; 
	margin: 15px 0 0 0; 
	padding: 0; 
	text-transform: uppercase; 
	color: #964d13; 
	}
div#newsblurb p.currentnews { 
    font-size: 11px; 
	margin: 15px 0 0 0; 
	padding: 0; 
	text-transform: uppercase; 
	color: #964d13; 
	}
#newsblurb h2,
#sidenav h2 { 
    margin: 0; 
	padding: 0; 
	font-size: 12px;
	color: #62605d;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
	
#sidenav h2 { 
    margin: 0 0 20px 15px;
	}
body#news h1 {
	margin-top: 5px;
	}	
body#people h2, body#news h2 {
    margin: 0; 
	padding: 0; 
	font-size: 18px;
	color: #6c797e;
	text-transform: uppercase;
	letter-spacing: 3px;
	}
body#people #right-column h2 {
	color: #fff;
	}
body#people #right-column h3 {
 	color: #4e200c;
	}


p.backtotop { 
	text-align: right; 
	text-transform: uppercase;
	font-size: 10px;
	}


/*
-----------------------
IMAGES + FLOATS
-----------------------
*/
.left { 
	float: left; 
	margin: 0;
	padding: 0;
	}

.right { 
	float: right; 
	margin: 0;
	padding: 0;
	}

img.left {
	margin: 0 5px 5px 0;
	}

img.right {
	margin: 0 0 5px 5px;
	}
.half {
	width: 45%;
	}
.nomargin {
	margin: 0;
	padding: 0;
	}

div#bio-photo img, .bio-photo2 img {
    border: 1px solid #ccc;
	margin: 0;
	padding: 2px;
	}
	
div#logo img {
	border: none;
	}
div#logo a:hover {
	background: none;
	}




/*
-----------------------
FORM ELEMENTS
-----------------------
*/
#search {
    margin: 7px 5px 0 20px;
	padding: 0;
	float: right;
	}

form {
    margin: 0;
	padding: 0;
	}

input.searchfield {
	font-size: 11px;
	color: #333;
	background: #c6ccc8;
	border: 1px solid #D2D5D2;
	padding: 2px;
	}
input.searchfield:focus {
     background: #E4E1D8;
	}
input.searchbutton {
	border: none;
	background-color: #526059;
	color: #ddeae4;
	font-size: 11px;
	text-align: center;
	height: 19px;
	padding: 3px;
	margin-left: 4px;
	text-transform: uppercase;
	}
.dropdown-frame {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #cda390;
	}
select.attorney-sort {
    margin: 0;
    width: 180px;
	}

* html body .dropdown-frame {
	margin: 10px 0;
	padding: 3px;
	}
* html body .dropdown-frame select {
	width: 225px;
	}


/*
-----------------------
SEARCH RESULTS
-----------------------
*/
#searchlist dt {
	font-size: 14px;
	}
#searchlist dd {
	margin: 0 0 25px 0;
	}
#sidenavsearch {
	margin: 10px auto;
	padding: 10px;
	width: 155px;
	background: #C1BFB5;
	border: 1px solid #818079;
	}
select.sideselectdrop {
	font-size: 11px;
	margin-top: 4px;
	}
input.sidesearchinput {
	font-size: 11px;
	width: 110px;
	margin-top: 8px;
	}
#sidenavsearch input.searchbutton {
	
	}
.searchnumbers {
	font-size: 13px;
	}

.searchnumbers a {
	padding: 0 3px;
	
	}
#suggestlist li {
	margin-bottom: 8px;
	}

/*
-------------------------
 ADMIN PAGES
-------------------------
*/
#container {
	margin: 20px auto;
	width: 770px;
	text-align: center;
	}
#c-header {
	background-color: #97a39b;
	height: 37px;
	}
#c-header a {
	color: #fff;
	display: block;
	float: right;
	vertical-align: middle;
	border-left: 1px solid #fff;
	padding: 10px;
	height: 17px;
	text-decoration: none;
	}

#c-logo {
	position: relative;
	left: -310px;
	top: -20px;
	}

#container h1 {
	margin: -46px 0 20px 180px;
	padding: 0;
	text-align: left;
	}
#container .attorneyTable {
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 0 auto 20px auto;
	padding: 0;
	border-collapse: collapse;
	width: 85%;
	}
#container .attorneyTable ul {
	margin-top: 0;
	padding-left: 10px;
	}
.attorneyTable td, 
.attorneyTable th {
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 13px 15px 6px 15px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	}
.attorneyTable th {
	background-color: #e4e1d8;
	}

.specialtyTable {
	margin: 0 auto 20px auto;
	width: 400px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #aaa;
	background-color: #e4e1d8;
	}
.specialtyTable th, .specialtyTable td {
	padding: 8px;
	}





}



/*
-------------------
PRINT STYLES
-------------------
*/
@media print {
	body {
		margin: 20pt;
		margin: 0;
		padding: 0;
		font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;	
		font-size: 12pt;
		text-align: center;
		color: #333;
		background: #fff;
		line-height: 17pt;
		}
	
	img {
		border: none;
		}
	#wrapper {
		margin: 10pt 0;
		text-align: left;
		}
	#newsblurb {
		margin: 0;
		padding: 20pt 15pt 15pt 15pt;
		width: 155pt;
		float: left;
		background-color: transparent; 
		}
	#newsblurb ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	#newsblurb ul li {
		margin: 5pt 0 15pt 0;
		}
	body#home #logo a img {
		display: none;
		}
	
	#bio-photo {
		margin: 10pt;
		padding: 40pt 0;
		width: 185pt;
		float: left;
		}
	
	#content, #subcontent {
		width: 500pt;
		}
	
	#header, 
	#search, 
	#topnav, 
	#sidenav, 
	#footer,
	.dropdown-frame {
		display: none;
		}
	
	#right-column {
		border: 1pt solid gray;
		margin-top: 20pt;
		float: left;
		padding: 10pt;
		}
	body#home #illustration {
		position: absolute;
		left: 100pt;
		top: 50pt; 
		}
	body#home #message {
		position: absolute;
		top: 140pt;
		left: 100pt;
		z-index: 99;
		}
	
	body#people #left-column {
		float: left;
		}
	body#people #left-column-sub {
		float: left;
		width: 770pt;
		background-color: #3333CC;
		}
	body#people #right-column {
		float: right;
		margin: 0 10pt;	
		}
	
	body#aboutus #center-column, 
	body#publications #center-column, 
	body#ourclients #center-column, 
	body#careers #center-column, 
	body#diversity #center-column {
		margin: 0 0 0 15pt;
		padding: 0;
		}
	
	.c2 #content .left {
		float: none;
		width: 100%;
		}
	.c2 #content .right {
		float: none;
		width: 100%;
		}
	body#news #right-column, .c2 #right-column {
		display: none;
		}
	.c2 #illustration {
		margin-top: 15pt;	
		}
	
	/*
	-------------------
	TEXT FORMATTING
	-------------------
	*/
	
	h1, h2, h3, h4, h5, h6, blockquote {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #333;
		}
	
	h1 { font-size: 21pt; margin: 10pt 0 10pt 0; color: #55605a; } /* sIFR Helvetica Neue Condensed?? */
	h2 { font-size: 15pt; margin: .15em 0 .25em 0; }
	h3 { font-size: 12pt; margin: 1em 0 0 0; }
	h4 { font-size: 10pt; margin: .75em 0 0 0; font-weight: bold;  }
	p { font-size: 9pt; line-height: 10pt; margin: .25em 0 1.5em 0; }
	p.backtotop { display: none; }




	
	
	table.articles {
		margin: 0;
		padding: 0;
		width: 6.5in;
		}
	table.articles td {
		
		padding: 0;
		vertical-align: top;
		text-align: left;
		}
	table.articles td p {
		margin: 0 0 1em 0;
		}
	table.articles td.moreinfocolumn {
		width: 2.5in;
		padding-left: .25in;
		}
	#center-column table.articles td.moreinfocolumn ul {
		margin: .5em 0 1em 0;
		padding: 0;
		list-style: none;
		}
	#center-column table.articles td.moreinfocolumn li {
		margin: 0;
		padding: 0;
		}
	table.articles td.moreinfocolumn p,
	table.articles td.moreinfocolumn li {
		font-size: 11pt;
		color: #62605d;
		}
	
	table.articles td.moreinfocolumn p.formoreinfo {
		font-size: 9pt;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0;
		}

}