body	{
	width: auto; margin: 0; border:none; color:black; background-color:white;
	font-family: arial, helvetica, sans-serif;
	font-size: small; font-weight: normal; line-height: normal;
	}

a 	{ padding: 1px 0; color: #0089A4; text-decoration: underline; }
a:hover	{ color:white; text-decoration:underline; background-color: #0089A4; }

h1, h2, h3 { font-family: arial, helvetica, sans-serif; font-weight: bold;}
h1 { font-size: 180%; line-height: 100%; margin: 3px 0 .25em 0; padding: 0;}
h2 { font-size: 130%; line-height: 100%; margin: .75em 0 .25em 0; padding: 0; }
h3 { font-size: 100%; line-height: normal; margin: .75em 0 -.5em 0; padding: 0; } /* p has .5em top and bottom */

#framePage { /* currently a table with cellspacing of 15px */
	width: 100%; margin: 0;
	background-color: #E30000; /* red */
	border: 15px solid #E30000; border-bottom: 3px solid #E30000;
	}

#frameHeader { /* contains page banner */
	padding:0; margin:0; width:100%;
	background-color: #2A89A4; /* blue */
	background-image: url('../images/headere.gif'); background-repeat:repeat-x;
	border-top: 3px solid #999;
	border-right: 3px solid #333; 
	border-left: 3px solid #999;
	border-bottom: 3px solid #333;
	vertical-align:bottom;
	}

#frameMiddle {
	width:100%; clear:left;
	padding: 0; margin-top: 15px; /* adjust if horizontal menu */
	border-top: 3px solid #CCC; /* outset */
	border-right: 3px solid #666;
	border-bottom: 3px solid #666; 
	border-left: 3px solid #CCC; 
	background-color: white
	}

#frameLeft {
	width:auto; clear:left; vertical-align:top;
	padding: 1em 0 1em 1em; margin:0;
	}

#frameRight {
	width: 100%; vertical-align:top;
	padding: 1em 0 1em 1.5em; margin:0;
	}

#frameFooter {
	width: 100%; vertical-align:middle;
	border:0; padding-top: .3em; margin:0;
	color: white; font-weight: bold; font-size: .83em;
	}
#frameFooter a {color: white; text-decoration:none;}

#content {border: 0; padding: 0 1.5em 0 1em; margin: 0; }
#content p {margin: .5em 0 .5em 0; line-height:130%;}

/* content headers */
.category { margin:0; border:0; }

/* breakout Box layout */
.breakoutGroup { clear:right; float:right; width: 203px; margin: .5em 0 .5em 1em; }
.breakoutBox {
	clear:right; float:right; width: 203px; margin: .5em 0 .5em .5em; /* default settings */
	border-top: none;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 1px solid #CCC; 
	font-family: arial, sans-serif; 
	font-size: .9em; 
	}
.breakoutTitle { text-align: center; width: auto; padding: .25em; background-color: #0089A4; color: white; font-weight: bold; }
.breakoutTitle a { color:white; font-weight:bold; }
.breakoutTitle a:hover { background-color: #299484; }
.breakoutItem { width: auto; padding: .25em .5em; background-color: #F7F0BC; text-align:left; }
.breakoutItem p {padding-left:.5em; padding-right: .5em;}
.breakoutItem dl {margin: .25em .25em 0 .25em; }
.breakoutItem dl dt {font-weight: bold;}
.breakoutItem dl dd {margin: 0 0 .5em 0;}
.breakoutItem dt img { vertical-align:-4% }

/* single photo layout */
.photo { margin: .5em; border: 1px solid black; }
.onright { float:right; margin: .5em 0 .5em 1em; }
.onleft { float:left; margin: .5em 1em .5em 0; }

/* single photo with caption (enclosed in DIV) */
div.photo { margin: .5em; border: none; }
div.photo img { margin:0; border: 1px solid black; }
div.onright { float:right; margin: .5em 0 .5em 1em; }
div.onleft { float:left; margin: .5em 1em .5em 0; }
span.caption {
	display:block;
	font-family:verdana,sans-serif; text-align:left; font-size:.9em; color:#2A89A4; /* blue */
	padding-top: 3px; 
	margin: 0 -2px 0 0;  /* netscape also needs a -3px top margin ??? */
	}

/* used on Photo Album Pages (and elsewhere) for double column layout */
#gallery { width: auto; }
#gallery td { vertical-align:top; padding-top:10px; width:auto; }
#gallery td.albumleft { padding-right:10px; padding-left: 1px; }
#gallery td.albumright { padding-left:10px; padding-right:1px; }
#gallery td.albumleft .photo { float:right; }
#gallery td.albumright .photo { float:left; }
#gallery div.photo { margin:0; border: none; } 

/* archived articles */
.articleIndex { list-style:none; margin: .5em 0; padding:0;}
.articleIndex ul { list-style:none; margin: 0 0 1em 0; padding: 0;}
.articleIndex li {font-weight:bold;}
.articleIndex ul li {font-weight:normal;}
.articleTitle { font-weight:bold; }
.articleText { text-align:justify; text-indent:2em; }

.bgRed { background-color: #E30000; }
.colorRed { color: #E30000; }
.bgBlue { background-color: #0089A4; }
.colorBlue { color: #0089A4; }
.colorLightBlue { color: #2A89A4; }
.bgTan { background-color: #F7F0BC; }
.bgDarkTan { background-color: #F0E284; }
.bgGreen {background-color: #299484; }
.bgLightGreen { background-color: #80ADA0; }
.bgGray { background-color: #999999; }
.bgOffWhite { background-color: #FEFEFE; }

.nobullet {list-style:none;}
.flushleft {margin-left:0;}
.textsmall {font-size:.9em;}
.textsmallest {font-size:.83em;}

/* experimental rounded corners NS and CSS3 */
.breakoutBox, .breakoutItem {
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	}