/*
jean courtney stylesheet
draft mar 2005
*/


/* master definitions for html elements */

body {
	font-size: 90%; 
	font-family: Verdana, Arial, Geneva, Times, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#fff;
	}

/* default header styles */
h1, h2, h3, h4 {
	margin-top:0;
	margin-bottom:2px;
	color:#3bae70;
	}
h1 {
	font-size:130%;
	color:#1b8e50;
	font-weight:normal;
	}
h2 {
	font-size:120%;
	font-weight:normal;
	}
h3	{	
	font-size:100%;
	font-weight:600;
	}

p {
	margin-top:0;
	}
img {
	border:0;
	}
/* wrapper definitions */

#contentwrapper {
	/*border:2px solid red;*/
	/* background:yellow;*/
	text-align:left; /* ie 5.5 center hack 2 of 2 */
	width:900px;
	height:442px;
	margin-top:6px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	}

/* nav definitions */

div#nav {
	padding:4px 0;
	width:100%;
	position:relative;
	left:0;
	top:0;
	/*background-color:cyan;*/
	}
/* unselected (green) bullets */
/* last item on line has different alignment */
div.itm, div.lstitm {
	padding:0 20px 0 15px; /* TRouBLe */
	float:left;
	color:#3bae70;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/buloff.gif) no-repeat 0% 4px;
	}
/* selected (orange) bullets and text */
div#sel, div#sel {
	background:url(../images/bulon.gif) no-repeat 0% 4px;
	color:#fcb58c;
	}

div#nav a:link, div#nav a:visited, div#nav a:active, div#nav span, div#bnav {
	color:#3bae70;
	text-decoration:none;
	font-weight:bold;
	}
div#nav a:hover {
	color:#fcb58c;
	}
#nav #sel {
	position:relative; /* establish context for subnav */
	left:0;
	top:0;
	padding-bottom:2em;
	}
/* what if we need an active nav inside the selected span? */
#nav #sel a {
	background:white;
	color:#fcb58c;
	padding:0;
	}
#nav #sel a:hover {
	color:#3bae70;
	}
/* subnav definitions */
/* override nav behavior */
#subnav a, #subnav span, #bnav a, #bnav span {
	padding:0;
	background:white;
	}
/* our own behavior */
#subnav {
	width:300px;
	margin-bottom:1em;
	text-align:center;
	}
.itm div#subnav {
	position:absolute;
	top:1.25em; /* stay clear of descenders */
	/*left:-33px;*/
	left:-7em;
	}
.lstitm div#subnav {
	position:absolute;
	top:1.25em; /* stay clear of descenders */
	right:0;
	text-align:right;
	}
#subnav img, #bnav img {
	width:33px;
	height:11px;
	border:0;
	}
#subnav .header, #bnav .header {
	color:#3bae70;
	}
#subnav .number, #bnav .number {
	color:#fcb58c;
	font-size:80%;
	}
#bnav {
	text-align:center;
	}
/* body definitions */
#bodyimg {
	text-align:center;
	}
#body table {
	padding:12px;
	border:0;
	}
#body td {
	vertical-align:top;
	}
#body strong {
	font-weight:600;
	}
p.lead {
	margin-top:0.5em;
	}
/* contact definitions (when present) */
div#contact {
	padding-top:2px;
	font-size:80%;
	}

div#contact p {
	margin:0;
	}
div#contact a:link, div#contact a:visited, div#contact a:active, div#body a:link, div#body a:visited, div#body a:active {
	color:#3bae70;
	text-decoration:none;
	margin:0;
	}
div#contact a:hover, div#body a:hover {
	color:#fcb58c;
	}

/* body definitions */

div#body {
	clear:both;
	padding:4px 0;
	text-align:center;
	/*height:293px;*/ /* 7x35 + 6x8 */
	/*width: 596px;*/ /* 770 - (160+16) */
	/*overflow:auto;*/
	/*padding-top:8px;*/
	}
#bodytext {
	margin-top:0.5em;
	}
.right {
	padding-left:8px;
	}

/* general utility defs */

.context {
	position:relative;
	left:0;
	top:0;
	}
.smallish {
	font-size:90%;
	}
.smaller {
	font-size:80%;
	}
.center {
	text-align:center;
	}
#body td .vcenter,.vcenter {
	vertical-align:middle !important;
	}
#centerer {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	/*border:2px solid red;*/
	}
#centerer2 {
	text-align:center;/* ie 5.5 center hack 1 of 2 */
	vertical-align:top;
	padding-top:2em;
	}