/* CSS level 2.  Harald E Brandt */

/*______________________________________________________*/
/* ====== font familiy, weight & style ====== */

BODY, TD, DIV, P, UL, OL, LI, SMALL, .list, .normal
	{font-family: Verdana, Geneva, "Lucida Sans", Arial, Helvetica, Sans-Serif;}

H1, H2, H3, H4, H5, TH, CAPTION, BIG, BLOCKQUOTE, .intro, .caption, .title, .subtitle
	{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
	
.title {
	font-weight: bold; font-style: italic;}
.subtitle {
 	font-weight: normal; font-style: italic;}
H1, H2, H3, H4, H5, BIG {
	font-weight: bold;}
H6 {
	font-weight: normal;}
H3, H5,  H6, BIG {
	font-style: italic;}
.navbar, .footer, .subPageFooter, ADDRESS
	{font-family: Arial, Helvetica, Geneva, "Lucida Sans", sans-serif;}
.poem {
	font-family: "Trebuchet MS", "New Century Schlbk", "New Century Schoolbook", "Century Schoolbook", serif; font-weight: normal; font-style: italic;}
ADDRESS {
	font-style: normal;}
CAPTION.gallery {
	font-weight: bold; font-style: italic;}

/*_______________________________________*/
/* ====== font-size, line-height ====== */

.title {
	font-size: 40px;}
.subtitle {
	font-size: 13px;}
CAPTION.gallery {
	font-size: 28px;}
CAPTION {
	font-size: 20px;}
H1 {
	font-size: 28px;}
H2 {
	font-size: 20px;}
H3, BIG {
	font-size: 16px;}
H4 {
	font-size: 13px;}
H5 {
	font-size: 12px;}
H6 {
	font-size: 12px;}
BODY, TD, P, .normal, .intro {
	font-size: 12px;}
UL, OL, LI, BLOCKQUOTE, .list, .caption, .poem {
	font-size: 12px;}
P.list15p, P.list15pCont, P.list20p, P.list20pCont, P.list30p, P.list30pCont {
	font-size: 12px;}
ADDRESS, .navbar TD, .footer TD {
	font-size: 11px;}
LI UL LI, LI OL LI, .minor LI {
	font-size: 11px;}
SMALL, .small, .small LI, .small P, .subPageFooter {
	font-size: 10px;}
P {
	line-height: 140%;}
LI {
	line-height: 130%;}
H1, H2, H3, H4, BIG {
	line-height: 110%;}
	
/*______________________________________________*/
/* ====== color, border, text-decoration ====== */

.page {
	background-color: #FFFFFF;
	border: 1px solid #663333;}
.pageHead {/*may be different color*/
	border-bottom: 1px solid #999;}
.pageFoot {/*may be different color*/
	border-top: 1px solid #999;}
A:link {
	color: #002266;}
A:visited {
	color: #330066;}
A:hover {
	color: #0000FF;}
IMG {
	border-style: none;}
LI { 
	list-style-image: none;}
UL.arrows > LI { 
	list-style-image: url("/picsCommon/TriangleSmallRed.gif");}
UL.minor > LI { 
	list-style-type: circle;}
H3, BIG, .title {
	color: #003366;}
.intro BIG {
	color: #CC0000;}
CAPTION.gallery {
	color: white;}
.caption {
	color: #599933;}

.navbar A:link, .navbar A:visited, .footer A:link, .footer A:visited {
	text-decoration: inherit; color: #003399;}
.navbar A:hover {
	text-decoration: underline;}
.pageHead A:link, .pageHead A:visited {
	text-decoration: inherit; color: 000;}
.alert {
	color: #990000;}
.footer, .subPageFooter {
	color: #9999CC;}
.bordered {/*primarily for images, since IMG default is set to no border*/
	border: 1px solid black;}

/*_____________________________________________*/
/* ====== margin, padding, width, float ====== */

BODY {
	margin: 5px;}
.right {
	float: right;
	margin-left: 15px;
	margin-top: 6px;
	margin-bottom: 6px;}
.left {
	float: left;
	margin-right: 15px;
	margin-top: 6px;
	margin-bottom: 6px;}
.clear {clear: both}

.page {
	width: 640px;
	margin: auto;}
.pageHead {/*may be different color; certain pages require left-right symmetric padding*/
	padding: 10px; margin-bottom: 10px;}
.pageFoot {/*may be different color*/
	padding: 6px 10px; margin-top: 10px;}
.pageBody {/*610px wide*/
	margin: 15px 10px 15px 20px;}
.pageBodyHangStyle {/*590px wide*/
	margin: 15px 10px 15px 40px;}
DIV.main {/*deprecate*/
	margin-left: 20px; margin-top: 10px; margin-bottom: 10px;}
.subPageFooter {
	width: 640px;
	margin: auto;
}
.pageBodyHangStyle H1, .pageBodyHangStyle H2, .pageBodyHangStyle H3 {
	margin-left: -20px;}
H1 {
	margin-top: 18px; margin-bottom: 18px;}
H2 {
	margin-top: 16px; margin-bottom: 6px;}
H3 {
	margin-top: 15px; margin-bottom: 4px;}
H4 {
	margin-top: 12px; margin-bottom: 3px;}
H5 {
	margin-top: 10px; margin-bottom: 2px;}
H6 {
	margin-top: 9px; margin-bottom: 0px;}

H2+H4, H3+H4 {
	margin-top: 6px;}

CAPTION.gallery {
	margin-bottom: 12px; color: white;}
.caption {
	margin-top: 3px; margin-left: 10px; margin-right: 10px;}
.indent {
	margin-left: 20px;}

UL, OL {
	margin-top: 6px; margin-bottom: 4px; padding-left: 20px;}
UL UL, UL OL, OL UL, OL OL, UL.minor, OL.minor {
	margin-top: 3px; margin-bottom: 4px;}
UL.arrows { 
	padding-bottom: 6px;}
LI {
	margin-top: 3px; margin-bottom: 3px;}
UL.arrows > LI {
	margin-top: 9px;}
.small LI, .minor LI {
	margin-top: 2px; margin-bottom: 2px;}
.subtitle {
	margin-top: 0px; padding-top: 6px; text-align: center;}

P {
	margin-top:10px;
	margin-bottom: 0px;}
.small P, P.small {
	margin-top:9px;}
LI P {
	margin-top: 3px; margin-bottom: 3px;}
P.first, H1+P, H2+P, H3+P, H4+P, H5+P, H6+P {
	margin-top: 0px;}
P.list15p		{padding-left: 15px; text-indent: -15px;}
P.list15pCont	{padding-left: 15px;}
P.list20p		{padding-left: 20px; text-indent: -20px;}
P.list20pCont	{padding-left: 20px;}
P.list30p		{padding-left: 30px; text-indent: -30px;}
P.list30pCont	{padding-left: 30px;}