/* complete revision 06-10 */

body			{ margin:0; padding:38px 0 0 0; background:#FFF7E2 url(/images/body-bg.gif) top left repeat-x; font-size :13px; font-family: tahoma, arial, helvetica, sans-serif; color:#000000; }

/* Structural elements */

#header			{ width: 753px; height:364px; margin: auto; }
#hdr-logo		{ float: left; width: 270px; height:108px; background:url(/images/logo.gif) top left no-repeat; }
#hdr-bolitho	{ float: left; width: 287px; height:108px; background:url(/images/glynn.gif) top left no-repeat;  }
#address-top	{ float: right; width: 196px; margin: 40px 0 0 0; padding: 0; } 
#address-top li	{ list-style:none; margin: 0; padding: 0; }
#contact1 		{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#6d7987; font-weight:bold; padding:0; }
#contact2 		{ font-size:20px; color:#6d7987; }
#contact3 		{ font-size:15px; color:#cc3300; }
#main-image		{ width: 506px; height:256px; float: left; background:url(/images/glynn-bolitho.jpg) top left no-repeat; }
#top-nav		{ width:199px; height:256px; float: left; margin:0; padding:0 24px 0 24px; background: #FEEEC4 url(/images/bg-left-links.gif) top left no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e6915f; font-weight:bold; }
#top-nav li		{ margin:0; padding:6px 0 6px 45px; list-style: none; background:url(/images/link-line.gif) bottom left repeat-x; }
#top-nav #last	{ background-image: none; }
#main			{ width: 717px; margin:auto; background:#fff; padding: 0 18px 18px 18px; }
#footer			{ width: 95%; padding: 24px; background: #EFE0B9; }
#footer ul		{ font-size: 10px; text-align:center; margin:0; padding:0; }
#footer ul li	{ margin:0; padding:0; display:inline; }
#footer p		{ font-size: 10px; text-align:center; margin: 0 0 12px 0; }
#footer img		{ border:none; }

/* element styles */

/* to get border to always align with h1 text */
h1					{ float: left; font-size:17px; color:#000000; font-family:'Times New Roman', Times, serif; font-weight:bold; padding:28px 0 0 0; margin: 0; border-bottom: 1px solid #B90000; }
h2,h3,h4,h5			{ font-weight: bold; color: #B90000; }
h2					{ font-size: 15px; }
h3					{ font-size: 14px; }
h4					{ font-size: 13px; }
h5					{ margin-bottom:0; padding-bottom:0; }
sup					{ font-size: 75%; }

h1.noline			{ font-family: tahoma, arial, helvetica, sans-serif; font-size: 15px; color: #B90000; border-bottom:none; }
h2.underline		{ text-decoration:underline; }
h2.back, ul.back	{ float: right; text-align:right; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; list-style:none; }
h3.dateline			{ margin:0; padding:0; font-size: 13px; color:#000; }
#main *				{ line-height: 15px; }

/* Classes */

.bold				{ font-weight: bold; }
.red-text			{ color: #e06931; } /* for red texty next to links that are not links . . . serves to confuse though */
.center-align		{ text-align:center; }
.right-align		{ text-align:right; }
.left-align			{ text-align:left; } /* only to override centering containers */
.required			{ color: #ff0000; font-weight:bold; }
.larger-inline		{ font-size: 115%; font-weight: bold; }
.clear-div			{ clear: both; }
.half-width			{ width: 48%; float: left; margin: 18px 0 18px 0; text-align: center; }
.right-half			{ float: right; }
.half-width img 	{ margin: auto; border:none; }
.half-width .bordered,
.third-width .bordered { border: 2px solid #808080; } /* unfloated bordered images */
.half-width p		{ font-size:11px; }
.half-width a		{ outline: none; text-decoration:none; }
.third-width		{ width: 32%; float: left; text-align: center; }
.third-width h4		{ margin-bottom:6px; }
.third-width ul		{ margin:0; padding:0; }
.third-width ul li	{ margin:0; padding: 0 0 9px 0; white-space:nowrap; list-style:none; }
.highlight-area		{ background: #f5f5f5; padding:9px; }
.rt-sidebar			{ float: right; }
.img-rt				{ float: right; margin: 9px 0 9px 12px; border: 2px solid #808080; }
.img-lt				{ float: left; margin: 9px 12px 9px 0; border: 2px solid #808080; }
.top-button			{ width: 29px; height: 29px; float: right; margin:0; padding:0; }
.top-button a,
.top-button a:hover	{ width: 29px; height: 29px; display: block; background:url(/images/up_arrow.gif) top right no-repeat; outline:none; text-decoration:none; }
.article-bottom		{ clear: both; width: 100%; height: 6px; border-top: 1px solid #000; border-bottom: 2px solid #B90000; }
#main .loose li		{ padding-bottom:12px; }
.red-list li		{ padding-bottom: 6px; color: #e06931; } /* for red list dots */
.nodot li			{ padding-bottom: 6px; list-style:none; }
.inline-list		{  margin:0; padding:0;  text-align:center; }
.inline-list li		{ margin:0; padding:0; display:inline; }

/* gallery pages */
.photo-inner,
.photo-outer		{ width: 445px; text-align: center; color: #813200; font-weight: bold; }
.photo-outer		{ margin: 24px auto 0 auto; }
.photo-inner		{ float: left; background:#CCCCCC; border: 4px solid #813200; }
.photo-inner h2		{ font-size: 12px; margin:0; padding: 6px; }
.photo-inner div	{ width: 200px; float: left; }
.photo-inner img	{ border: 2px solid #813200; }
.photo-inner p		{ font-size: 11px; margin: 0; padding: 4px; }
.photo-before		{ margin-left: 8px; }
.photo-after		{ margin-left: 24px; }
.wider, .wider .photo-inner	{ width: 548px; } /* all of the above, just wider. */
.wider .photo-inner div { width: 252px; }
.three-wide, .three-wide .photo-inner	{ width: 700px; }
.three-wide .photo-inner div { width: 220px; float: left; margin-left: 9px; }

/* Staff. Weird look, just optimizing. */
.staff-div			{ width: 100%; border-bottom: 1px solid #808080; }
.staff-img			{ float: left; width: 162px; border-right: 1px solid #808080; padding: 9px 9px 9px 0; }
.staff-img img		{ border: 2px solid #808080; padding: 4px; }
.staff-div p		{ margin:0 12px 0 180px; padding: 9px; }
#staff-top			{ margin-top: 18px;  } /* just the top */
#staff-top .staff-img,
#staff-top p		{ padding-top:0; }

/* procedures page, a bit different than .half-widths */

#procedures-left,
#procedures-right			{ width: 48%; float: left; margin: 18px 0 18px 0; }
#procedures-right			{ float: right; }
#procedures-left img,
#procedures-right img		{ display: block; margin: auto; border:none; }
#procedures-left ul,
#procedures-right ul		{ margin-left:36px; padding:0; }
#procedures-left .nodot,
#procedures-right .nodot	{ margin:0; padding:0; }
#procedures-left .nodot li,
#procedures-right .nodot li	{ margin:0; padding-left: 12px; }
#procedures-left .img-link,
#procedures-right .img-link	{ outline: none; text-decoration:none; }
/* contact page */

#contact-form		{ width:230px; float: left; font-size:11px; margin-top:24px;  }
#contact-form td	{ padding: 2px; }
#contact-form .lbl	{ width: 94px; }
#contact-form .fld input,
#contact-form .fld textarea { width: 130px; }
#office-map			{ width: 431px; height: 426px; float: right; padding:9px; border: 2px solid #B90000; }
#office-map img,
#office-map a,
#office-map a:hover	{ border:none; outline: none; text-decoration:none; }

/* Links */

a,a:link			{ color:#DB4104; text-decoration:underline; }
a:active			{ color:#ff0000; text-decoration:none; }
a:hover				{ color:#DB4104; text-decoration:none; }
a:visited			{ color:#D2501C; text-decoration:underline; }

a.noline:link,a.noline:active,a.noline:hover,
a.noline:visited	{ text-decoration:none; }

#top-nav a,
#top-nav a:link 	{ text-decoration:none; color:#e06931; } 
#top-nav a:active	{ color:#ff0000; }
#top-nav a:hover	{ color:#000; }
#top-nav a:visited	{ color:#e06931; }

/* to avoid artifacts in the header image links */

#hdr-logo a,
#hdr-logo a:hover,
#hdr-bolitho a,
#hdr-bolitho a:hover	{ display:block; height:108px; outline: none; text-decoration:none; }
#hdr-logo a				{ width: 270px; }
#hdr-bolitho a			{ width: 287px;  }
#main-image	a,
#main-image	a:hover		{ display:block; width: 506px; height:256px; outline: none; text-decoration:none; }