/* can't use transparent background color on nav blocks in IE7. hover change background color won't work */

#printheader, .printonly, .skiplinks { display: none; }

a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover, a:active { color: #f85862; }
a img { border: 0px none #000000; }
a:focus { outline: #f85862 dotted 1px; }

address {
	line-height: 1.417em;
	margin-top: 1.417em;
	margin-bottom: 1.417em; }

.alignctr { text-align: center; }
.alignrgt { text-align: right; }

b { font-weight: bold; }

#banner {
	color: #ffffff;
	background-color: #666666; /* 999999 */
	padding: 8px 0px 8px 8px; }

body {
	font: normal normal normal 75%/normal Verdana, Helvetica, sans-serif; /* 69% = 11px; 75% = 12px */
	color: #000000;
	background-color: #e3e3e3;
/*	background-image: url(images/grid.png);
	background-repeat: repeat-y; */ } 

#content {
	background-color: #ffffff;
	padding: 2.13em 2.667em 0.709em 2.667em; /* top alt 2.75 */
	border-bottom: 1px solid #4d392e; /* fae77d b2b2b2 */
	/* min-height: 275px; */
	clear: both; }

div.columns2 {
/*	display: table; */
	width: 100%;
	clear:both;}

div.columns2 div.col1 {
/*	display: table-cell; */
float: left;
width: 47%;}

div.columns2 div.col-divider {
/*	display: table-cell; */
float: left;
width: 6%; }

div.columns2 div.col2 {
/*	display: table-cell; */
float: left;
width: 47%; }

div.columns2 h2 {
	margin-top: 0.565em; /* 1/2 normal h2 line height */
	margin-bottom: 1.417em; /* 1/2 normal h2 line height */ }

div.columns2 a {
	font-weight: bold;
	font-size: inherit; }

div.columns2 h3 { margin: 0em; }

div.columns2 img{
	float: left;
	width: 170px;
	min-height: 100px;
	border: 1px solid #666666;
	margin-right: 1.417em;
	margin-bottom: 0.71em; }

div.columns2 p {
	margin-bottom: 0em;
	padding-bottom: 0.71em;
	clear:both; }

.fltlft { float: left; }
.fltrgt { float: right; }

#footer {
	background-color: #666666;
	color: #ffffff;
	font-size: 83%;
	text-align: center;
	padding: 0.709em 0em 0.354em 0em;
	line-height: 1.8;
	clear: both; }

#footer a, #footer a:link { color: #ffffff; }
#footer a:visited { color: #fff3ae; }
#footer a:hover, #footer a:active { color: #fadf46; }
#footer a:focus { outline: #fadf46 dotted 1px; }
#footer p { margin-bottom: 0.709em; }


h1, h2, h3, h4 {
	color: #000000;
	background-color: transparent;
	font-weight: bold; }

/* For headings: 2.5x line height = total margins; 80% for top */
h1 {
	font-size: 1.72em; /* because of small caps, needs to be larger than normal 17px head (at 12px base), so 20px which is 1.667. but doesn't look right in Firefox. 1.72em makes the size/weight match in IE and Firefox */
	font-variant: small-caps;
	line-height: 1; /* at 12px base; at 11px base, 1em (.938) */
	margin-top: 0em;
	margin-bottom: 0.625em; /* at 12px base; at 11px base, .5em */ }

h2 {
	font-size: 1.37em; /* because of small caps, needs to be larger than normal 15px head (at 12px base), so 17px which is 1.416. but doesn't look right in Firefox. 1.37em makes the size/weight match in IE and Firefox */ 
	line-height: 1.13; /* at 12px base; at 11px base, 1.071em */
	margin-top: 1.808em; /* at 12px base; at 11px base 1.928 */
	margin-bottom: 0.452em; /* at 12px base; at 11px base, 0.535em */
	border-bottom: 3px double #666666;
	padding-bottom: 0.167em;
	font-variant: small-caps; }

h2.home { font-size: 1.25em; margin-bottom: 1.5em; border: none; }

h3 {
	font-size: 1.083em; /* 13px at 12px base; 12px at 11px base */
	line-height: 1.308; /* at 12px base; at 11px base, ?em */
	margin-top: 2.615em; /* at 12px base; at 11px base, ?em */
	margin-bottom: 0.654em; /* at 12px base; at 11px base, ?em */ }

h4 {
	/*font-size: px; 1em at 12px base; at 11px base? */
	line-height: 1.417; /* at 12px base; at 11px base, 1.363 */
	margin-top: 2.834em; /* at 12px base; at 11px base, ?em */
	margin-bottom: 0.709em; /* at 12px base; at 11px base, ?em */ }

p.highlight {
	color: #f85862;
	font-weight: bold;
	margin-top: -0.71em; }

li {
	line-height: 1.417;
	margin-top: 0.878em; /* 62% of normal margin based on line height */
	margin-bottom: 0.878em; /* 62% of normal margin */ }

div.listing {
	clear: both;
	margin-top: 2.125em; }

div.listing h3 { margin-top: 0em; }

div.listing img {
	float: left;
	width: auto;
	margin-right: 1.417em;
	margin-bottom: 2.125em;
	border: 1px solid #000000;
}

#logo {
	float: left;
	width: auto; }

#nav-main {
	width: auto;
	font-size: 87%;
	text-transform: uppercase;
	line-height: 1em;
	height: 28px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap; }

#nav-main div { display: inline; }

#nav-main a {
	display: inline-block; 
	font-weight: bold; 
	text-decoration: none;
	padding: 0.77em 0.96em 0.77em 0.96em;
	border-left: 0.345em solid #666666;
	background-image: url(../images/nav-bkgrnd.png);
	background-repeat: repeat-x;
	background-position:center; }
#nav-main a.nav-first { border-left: none; }
#nav-main a:link, #nav-main a:visited { color: #000000; }
#nav-main a:hover, #nav-main a:active, #nav-main .on { background-image: url(../images/nav-bkgrnd-on.png); }
#nav-main .on { cursor: default; }

.nospaceabove { margin-top: 0em; padding-top: 0em; }
.nospaceafter { margin-bottom: 0em; padding-bottom: 0em; }

p { 
	line-height: 1.417;
	margin-top: 0em;
	margin-bottom: 1.417em; } /* rhythmic unit set at 17px: 12px with 2.5 above/below */

p.top {
	text-align:right;
	font-size: 83%;
	margin-top: -0.708em;
	clear: both; }

#page { 
	width: 63.33em; /* 760px at 12px = 1em */
	max-width: 960px; /* 80 em */
	min-width: 550px;
	background-color: #ffffff;
	margin: 0.75em auto 0em auto; 
	text-align: left;
	border: 1px solid #666666; }

.photo-bio {float:left; margin: 1.417em 1.417em 0.354em 0em; }

h2.bio {margin-top: 2em;}

.pic { margin: 0em 0em 1.417em 2.13em; float: right; }

p.proplinks {
	font-size: 91%;
	background-color: #fff8cc;
	padding: 3px 2px 5px 2px;
	text-align: center;
	clear: both;
	margin-top: 3em; }

.smaller { font-size: 85%; }

sup { 
	margin-left: 0.167em;
	vertical-align: 0.167em; }

.tagline {
	line-height: 1;
	font-size: 1.3em; 
	font-weight: bold;
	font-variant: normal;
	text-align: center;
	color: #ffcc00; 
	background-color: transparent;
	letter-spacing: 0.05em;
}

h1.tagline { margin: 25px 0em 32px 0em; }
p.tagline {
	text-align: left;
	margin: 8px 30px 27px 130px; }

.tagline2 { display: block; font-weight: inherit; letter-spacing: normal; color: #ffffff; text-transform: none; }
	
.tagline2.home { font-size: 91%; margin-top: 1.15em; }
.tagline2.sub { font-size: 81%; font-variant: small-caps; margin-top: 7px; text-align: right; }

.tobefixed { color: #ff33ff; } /* color: #ff33ff; */

ul {
	margin: -0.439em 0em 1.756em 0em; /* reduce top margin = 1/2 li margin; bottom margin is 2x pad on list item (0.878) */
	padding: 0em 0em 0em 2.5em;
	list-style: square; }

ul.linklist {list-style-type:none; margin-bottom: 1.417em;}
ul.linklist li { line-height: 1.417;
	margin-top: 0.439em; /* 1/2 of normal LI margin */
	margin-bottom: 0.439em; /* 1/2 of normal LI margin */}

ul.nointro { margin-top: 1.417em; /* reg line height */ }



/* ---------TABLES-------------*/

/* generic td definition */
td {
	padding : 0;
	margin : 0;
	vertical-align : top;
	text-align : left;
}


/* DATA TABLES */

table.data {
	border-right : 1px solid #f85862;
	border-bottom : 1px solid #f85862;
	margin : 8px 0px 10px 0px;
}

table.data p { margin : 10px 0px 0px 0px; }

table.data td {
	padding : 7px 9px 9px 9px;
	border-top : 1px solid #f85862;
	border-left : 1px solid #f85862;
	vertical-align : top;
}

table.data th {
	border-top : 1px solid #f85862;
	border-left : 1px solid #f85862;
	background-color : #fffae5;
	padding : 5px 6px 6px 6px;
	text-align : left;
}

table.data th.top { vertical-align : bottom; }
table.data th.left { vertical-align : top; }

table.data ul {
	list-style-type : disc;
	margin : -7px 0px -6px 0px;
	padding : 0px 0px 0px 18px;
}
/* most bullet lists in matrixes (data tables) do not appear below an introductory paragraph or line. For ones that do, this special class adds space above the list and indents it */
table.data ul.lineabove {
	margin : -1px 0px -3px 0px;
	padding : 0px 0px 0px 24px;
}

table.data ul ul {
	list-style-type : circle;
	margin : -2px 0px 12px 0px;
	padding-left : 22px;
}