/* Custom params
	custom:font							sans-serif
	custom:textcolor				black
	custom:textcolorreverse	white
	custom:pagecolor				white (was #006A00 lambert green)
	custom:contentcolor			white
  custom:hover	          #D1F3D1	light green
  custom:rule							#006A00 lambert green
  
links		 #034903;	darker lambert green
          #69006A;	purple, complimentary to lambert green
*/

@import "standard.css";

body {
	font-family: /* Calibri, Verdana, Geneva, */ Arial, Helvetica, sans-serif;	/* custom:font */
	/* font-family: Georgia, Times, serif; */
	color: black; 						/* custom:textcolor */
	background-color: white;	/* custom:pagecolor */
	/* background: #006A00 url("images/symbolsside.gif") repeat-y fixed 20px right; */
	margin: 0; 	padding: 0;
	font-size: 90%;
	line-height: 1.1em; /* IE6 Peekaboo, www.dracos.co.uk/web/css/ie6floatbug/ */
}
a {
	color: #034903;
}
a:visited {
	color: #69006A;
}
a:hover, a:focus {
	background-color: #D1F3D1;	/* custom:hover */
}
a.active {
	color: #000000;
	/* background-color: #ffffff; */
	font-weight: bold;
	border: none;
}
a.plainlink, a.plainlink:hover, a.plainlink:focus, a.plainlink:visited {
	text-decoration: none;
	color: #000000;	/* custom:textcolor */
	background-color: transparent;
	border: none;
}
h1 {
	font-size: 130%;
	font-weight: bold;
	margin: 0 0 0.75em 0;
	/* color: #ffffff; */
	/* background-color: #006A00; */
	/* padding: 2px 0 2px 3px; */
}
h2 {
	font-size: 115%;
	font-weight: bold;
	margin: 1.5em 0 0.5em 0;
}
h3 {
	font-size: 105%;
	font-weight: bold;
	margin: 1em 0 0 0;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 0.5em 0 0 0;
}
input, textarea {
	background-color: #ffffff; /* #D1F3D1; */
}
table, tr, th, td {
	border: 1px solid #00A5C6;
	border-collapse: collapse;
}
th, td {
	vertical-align: top;
	text-align: left;
	padding: 5px;
	margin: 0;
}

/* --- page --- */
#page {
	/* position: absolute; top: 20px; right: 15px; left: 15px; */
	/* color: #000000; */						/* custom:textcolor */
	/* background-color: white; */  /* custom:contentcolor */
	/* border: 20px solid #006A00; */
	/* border-right: none; */
	/* margin-right: 20px; */
}

/* --- header --- */
#header {
  position: relative;
	background-color: #dcdcdc; /* #d6ebfc; */
	/*
	background: #d6ebfc url(images/istockphoto_scotus_crop.jpg) 260px 0 no-repeat;
	background: #c0c0c0 url(images/istockphoto_nh_crop.jpg) 260px 0 no-repeat;
	background: #d6ebfc url(images/istockphoto_boston.jpg) 260px 0 no-repeat; 
	*/
	/* background: #F7FAFD url(images/montage.jpg) repeat top left; */
	height: 135px; /* equals menu top */
}
#header img {
	float: left;
}
#header p {
	font-size: 90%;
	padding: 5px;
	margin: 0; padding: 5px;
}
#headeraddr {
	/* background: #d6ebfc url(images/istockphoto_boston.jpg) no-repeat top left; */
  /* float: right; */
  position: absolute; right: 0;
	text-align: right;
  z-index: 100;
  background-color: #dcdcdc; /* #d6ebfc; */
	height: 135px; /* equals menu top */
}
#headeraddr p {
}
#headeraddr img {
	float: right;
	padding-left: 10px;
	vertical-align: middle;
}

/* --- menu --- */

#menu {
	position: absolute;
	margin: 0; padding: 0;
	width: 100%;
	background-color: #006A00;	/* custom:pagecolor */	
}
#menu ul {
	list-style-type: none;
	margin: 0; padding: 0;
	background: white;	/* custom:contentcolor */
}
#menu li { /* First level nav */
	float: left;
	display: block;
	text-align: center;
	height: 2.6em;	/* needed to keep background on #menu from showing on second levels */
}
#menu li ul { /* Second and lower levels */
	border-left: 1px dotted gray;
	border-bottom: 1px dotted gray;
	margin-top: 0; padding-top: 0;
	padding-bottom: 10px;
  display: none;
}
#menu li li {
  float: none;
	position: relative;
	height: 1.25em;
	padding: 2px;
	text-align: left;
}
#menu li a {
	/* Styling for all links */
	font-size: 90%;
	display: block;
	height: 2em;
	width: 8em;
	padding: 5px;
	text-decoration: none;
	color: white;					/* custom:textcolorreverse */
	background: #006A00;	/* custom:pagecolor */
}
#menu li.active a {
	/* Active top menu item */
	/* font-weight: bold; */
	/* border-bottom: 1px solid red; */
	color: black;				/* custom:textcolor */
	background: white;	/* custom:contentcolor */
}
#menu li li a, #nav li.active li a {
	/* Second level links */
	font-weight: normal;
	font-size: 90%;
	height: 1em;
	padding-right: 0;
	color: black;				/* custom:textcolor */
	background: white;	/* custom:contentcolor */
}
/* Hover */
#menu li:hover ul {
	/* display 2nd level nav when their parent is hovered */
 	display: block;
	z-index: 6000;
	color: black;				/* custom:textcolor */
	background: white;	/* custom:contentcolor */
}
#menu li a:hover {
	background: #D1F3D1;	/* custom:hover */
	color: black;					/* custom:textcolor */
}

/* --- content --- */
#content {
	margin: 70px 15px 0 175px;  /* margin-left same as #footer */
	padding: 0;
}
#content p, #content ul, #content li {
	margin-top: 0;
	margin-bottom: 0.75em;
	line-height: 1.33em;
}
#content img {
	float: left;
	/* padding: 0 10px 5px 0; */ /* IE5.5Win ignores? */
	margin: 0 10px 5px 0;
}
#content .button {
	color: white;
	background-color: #006A00;
}


/* --- callout --- */
#callout {
	float: left;
  margin: 0;
  padding: 35px 0 0 0;
	width: 145px;
	text-align: left;
	background-color: #D1F3D1; /* custom:hover */
	height: 40em;
}
#callout img { 
}
#callout p, #callout a {
	margin: 0;
	padding: 5px;
	color: white;								/* custom:textcolorreverse */
	background-color: #006A00;	/* custom:pagecolor */
	text-decoration: none;
	line-height: 1.33em;
}
#callout ul {
	list-style: none;
	margin: 5px;
	padding: 0 0 0 10px;
}
#callout li {
	margin: 5px;
}
#callout li a {
	color: black;	/* custom:textcolor */
	background-color: transparent;
	padding-left: 0;
}
#callout li a:hover {
	background-color: white;	/* custom:pagecolor */
}


#callout2 {
	float: right;
	width: 15em; /* all browsers; ref css-discuss.incutio.com/?page=BoxModelHack */
	margin: 0 0 0.5em 0.5em;
	padding: 5px;
	border: 2px solid #006A00;
	font-size: 85%;
	font-style: normal;
	background-color: #ffffff;
}

/* --- clock --- */
#clock {
	clear: right;
	margin: 0; padding: 0;
	text-align: right;
	font-size: 90%;
}


/* --- footer --- */
#footer {
	clear: both;
	margin: 3em 5px 0 0;
	padding: 10px;
	font-size: 80%;
	border-top: 1px solid #006A00;
	height: 60px;
}
#footer p {
	margin: 0;
}
#footer img {
}