body { margin: 0; background-color: #9EB9E1; font-family: Georgia, Trebuchet, Times, "Times New Roman", serif; font-size: 0.8em; color: #2a2a2a; line-height: 1.6; }

/* ----- divs ----- */
#masthead { max-width: 730px; text-align: center; background-color: #fff; margin: 0; padding: 0; }
	#masthead img { border: none; margin: 0; padding: 0; }
#navcontainer { margin: 0; padding: 0; }
#wrap { width: 730px; margin: 0 auto; background-color: #fff;
  /*drop shadow settings*/
  /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='gray');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='gray')"; 
}
#content { background-color: #fff; padding: 0 10px 0 10px; margin: 0; }
#footer { padding: 1em 10px 0.2em 10px; margin: 0; 
	background-color: #fff;
	background-image: -moz-linear-gradient(top, #fff, #F7EEB7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F7EEB7));
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#F7EEB7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#F7EEB7)";*/
}

/* ------ tables ------ */
th { text-align: left; }

/* ----- headings ----- */
h1 { margin: 10px 0 0 0; border-bottom: 1px solid #9f792f; font-weight: normal; line-height: 1.3; }
h2 { color: #9f792f; font-weight: bold; margin: 1em 0 0 0; line-height: 1.3; }
h3 { color: #9f792f; font-size: 1.2em; margin-bottom: 0; font-weight: bold; line-height: 1.3; }

body.crawford h1 { color: #0c630e; }
body.commons h1 { color: #003399; }
body.cantech h1 { color: #003399; }

/*#content ul { margin: 0 0 0 10px; padding: 0; }
#content ul li { margin: 0 0 0 20px !important; padding: 0; }*/
#content p { margin: 10px 0 0 0; }

/* ------ navigation lists ------ */
/* ------ top-level navigation list ------ */
body.cantech #navcontainer ul#navlist { margin-bottom: 7px; }
#navcontainer ul#navlist { margin: 0 auto 0 auto; padding: 0.4em 0 0.1em 0; /*white-space: nowrap;*/ width: 710px; background-color: #a2b9e3; text-align: center; border-bottom: none;
	background-image: -moz-linear-gradient(top, #a2b9e3, #5877A8);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7C92C3), to(#395280));
/*These should work in IE 7/8, but don't*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a2b9e3,endColorstr=#5877A8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a2b9e3,endColorstr=#5877A8)";*/
}
#navcontainer ul#navlist li { display: inline; list-style-type: none; }
#navcontainer ul#navlist a { padding: 3px 10px; white-space: nowrap; }
#navcontainer ul#navlist a:link, #navcontainer ul#navlist a:visited { color: #000; background-color: #faf2dd; text-decoration: none; }
#navcontainer ul#navlist a:hover { color: #faf2dd; background-color: #003399; text-decoration: none; }

/* ------ sub-navigation lists ------ */
ul.subnav { margin: 0px auto 6px auto; padding: 0.4em 0 0.5em 0; white-space: nowrap; width: 710px; background-color: #beceeb; text-align: center; 
	background-image: -moz-linear-gradient(top, #819DCD, #5972A5);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#819DCD), to(#5972A5));
}
ul.subnav li { display: inline; list-style-type: none; white-space: nowrap; }
ul.subnav a { padding: 3px 10px; }
ul.subnav a:link,ul.subnav a:visited { color: #000; background-color: #faf2dd; text-decoration: none; }
ul.subnav a:hover { color: #faf2dd; background-color: #003399; text-decoration: none; }

/* lists */
ul, ol { margin: 0.5em 0 0.75em 0.5em; }
ul { list-style-type: border; }
ol { list-style-type: decimal; }
li { margin: 0 0 0.3em 0; font-size: 100%; }
dl { width: 100%; margin: 1em 0 2em 0; display: inline; }
dt { width: 15%; float: left; margin: 0.5em 0 0 0; padding: 0.5em; border-top: 1px solid #999; font-weight: bold; background-color: #ccc; }
dd { width: 80%; float: left; margin: 0.5em 0 0 0; padding: 0.5em; border-top: 1px solid #999; background-color: #eee; }

/* links */
a:link { color: #2a4f99; text-decoration: underline; }
a:visited { color: #9f792f; text-decoration: underline; }
a:hover { color: #fff; background-color: #2a4f99; text-decoration: underline; }
a:active { color: #fff; text-decoration: underline; }

/* ------ custom classes ------ */
.image_left { float: left; margin: 0 10px 10px 0; clear: both; }
.image_right { float: right; margin: 0 0 10px 10px; clear: right; }
.columnright { width: 49%; float: right; padding: 0 .4em 0 .4em; margin: 0 0 0 .4em; border-left: 1px solid #bfbfbf; }
.columnright h2 { margin-top: 0; }
.pullquote { font-size: 200%; width: 40%; border: none; text-align: left; float: right; margin: 1em 0 1em .5em; padding: 0.3em 0.5em; background: #ddd; }
.caption { font-size: 85%; font-style: italic; line-height: 1.4; }
.attribution { text-align: right; margin: 0; padding: 0 20px 10px 200px; }
.postalcode { margin: 0 0 0 0.5em; text-transform: uppercase; white-space: nowrap; } /* span class to keep postal codes uppercase, to prevent wrapping, and to include extra white-space before them, per Canada Post's guidelines */
.tel, .gps { white-space: nowrap; } /* span class to keep phone numbers & GPS coordinates from wrapping */
.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }