/* jimdrummond.com  jt.css  ŠPat Drummond  13Sep10 15Nov 18May  22Nov */

BODY		{color:black; background:white; margin: 0;
		font-family: Arial,Helvetica,sans-serif;}

.TopContainer	{width: 100%; background:#295; margin:0 0 2em 0;}
.TopTitle 	{color:#FAFAFA; background:#295;}
.TopContainer H1, .TopContainer H2 {color:#FAFAFA;
		font-style:italic; font-family:Zapf-Chancery, cursive;
		margin: 0 0 0 266px;}
.TopContainer H1 {font-size: 180%; padding:5px 0 3px; word-spacing:4px;  }
.TopContainer H2 {font-size: 120%; padding:3px 0 7px;}
.TopSpacer	{height: 46px;}

.main		{margin: 2em 0 2em 0;}
.content	{clear:both; max-width:900px; margin: 0 10%;}
.contentvideos	{clear:both; max-width:900px; margin: 2em auto;}
.videos		{float:left; margin:1em 0 1em 20px; text-align:center;}
a.vidlink	{font-size:90%; line-height:2em;}

H1,H2,H3,H4 	{color:#185; background:transparent;
		font-family:Arial,Helvetica,sans-serif;}
H2, H3 		{word-spacing:4px; font-style:italic;}
H2		{font-size:140%; letter-spacing:4px; }
H3		{font-size:130%;}
H4		{font-size:110%;}
H4 A.email	{color:#185; background:transparent;}
H4 A.email:hover {color:navy; background:#FF9;}

A	 	{color:#027; text-decoration:none; border-bottom:1px dotted #00A;}
A:link	 	{color:#028;}
A:active 	{color:magenta; border-bottom-color: magenta; }
A:visited	{color:#306; border-bottom-color:#306;}
A:hover	 	{color:navy; background:#FF9;}
a.button	{color:#FFF; background:#3A6;

		font-weight:bold; text-decoration:none;
		padding:4px 12px;
		border:#C96 outset 3px;}
a.button:hover	{color:#FFF; background:#185; border-style:inset;
		text-decoration:none;}
A.image:link, A.image:visited, A.image:hover
		{color: #A00; background:transparent;
		text-decoration:none; border:none;}

P		{line-height:1.6;}
OL		{margin: 0 .3em 1.8em 0; list-style-image:url(pic/dotgreen.gif);}
UL		{margin: 0 .3em 1.6em 0; list-style-image:url(pic/dotgreen.gif);}
LI		{line-height:1.6;}
.margin		{margin-left: 3em;}
.margintop	{margin-top: 2em;}
.marginright	{margin-right: 2em;}
.marginleft	{margin-left: 2em;}
.marginbottom	{margin-bottom:36px;}
.clear		{clear:both}
.clearleft	{clear:left}
.sm		{font-size:80%; line-height:1.6; margin-left:1em;}
.red		{color:#900}
.linkbar	{margin: 1em 0 1em 0; text-align:center;}
.linkbar A	{color:#027; background: #F4F4C4; padding:1px 5px; margin:0 4px;}

.clear		{clear:both}
.float		{float:left;}
.picright	{float:right; margin: 20px 0 20px 20px;}

.photos    	{color:#063; text-align:center; margin:2em 0;}
.photos IMG,
.border		{padding:2px; background:#333;
		border:4px solid #CCC;
		outline:2px solid #333;}
.photos IMG	{margin:10px 10px 20px 10px;}
.caption	{color:black; font-size:90%; margin:4px; text-align:center;}

.box	{background:white; display:block;	/*TAN  25px*/
	border:solid #D2B48C 1px;
	padding:12px; margin:25px;}

.footer		{color:#FAFAFA; background:#3A6;
		padding: 8px 0;
		margin-top: 2em;}
.footer .text	{font-size:85%; font-family:Verdana,sans-serif;
		text-align:center;}
.footer A:link,.footer A:visited
		{color:#F0F0F0;
		font-weight:bold;
		padding:1px 2px;
		margin:0 1em;
		text-decoration:none; border-bottom:none;}
.footer A:hover {color:white; background:transparent;
		text-decoration:none; border-bottom:1px dotted white;}