/* All Stylesheets combined  */
/* Reset Styles for all browsers  */
/* Combination of 
	http://alistapart.com/d/prettyaccessibleforms/example_3/assets/css/reset.css 
	and 
	http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,address,th,td { 
	margin:0;
	padding:0;
}

a img, iframe, fieldset, img { border: none; }

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* Lists  */
ul, ol, dl, dt, dd {
	list-style:none;
}

/* Forms */
form, fieldset {
	border: 0;
}
legend {
	color: #000;
}
input, textarea, select, button {
	font-size: 100%;
	font-family: serif;
}
select {
	margin: inherit;
}

/* Tables */
table {
	border-collapse:collapse;
	border-spacing:0;
}
td, th, caption {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}

/* Basic text containers */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/* 120722 added sup and sub */
sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}
sub {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: 0.4em;
}

body {
	padding:20px;
}
/*----------------------------------------------------------------------------*/
#gridContainer {
	margin:auto;
	width:auto;
	padding:0 10px;
}
/*----------------------------------------------------------------------------*/
#gridHeader p {
	height:131px;
}
#gridHeader p span{
	display:none;
}
/*----------------------------------------------------------------------------*/
#gridBody {
	margin-right:154px;
	clear:both;
}
/*----------------------------------------------------------------------------*/
#gridContent, #gridSideBlock {
	float:left;
}
#gridContent {
	width:100%;
}
#gridContent .extra{
	margin-right:1em;
}
#gridSideBlock {
	width:142px;
	margin-right:-154px;
	padding:0 5px;
}
/*----------------------------------------------------------------------------*/
#gridFooter {
	clear:both;
	padding-right:154px;
}
#gridFooter .extra {
	margin-right:1em;
	padding:0.5em 0;
}

#navMenu {
	clear:both;
	height:28px;
	font-weight:bold;
	font-size:1.1em;
}
#navMenu .extra {
	height:28px;
}
#navMenu .extra2 {
	height:28px;
}
#navMenu .first {
	padding-left:4px;
}
#navMenu ul li {
	float:left;
	height:28px;
	border-right:1px solid;
}
#navMenu ul li a{
	float:left;
	height:18px;
	padding:5px 15px;
}
/*----------------------------------------------------------------------------*/
#navBread {
	clear:both;
	padding-top:10px;
	height:20px;
}
#navBread ul li {
	float:left;
	margin-right:0.4em;
}
#navBread ul li a {
	text-decoration:underline;
	color:inherit;
}
/*----------------------------------------------------------------------------*/
#randomQuote {
	text-align:right;
	float:right;
	height:111px;
	margin-top:-131px;
	padding-top:20px;
	padding-right:10px;
}
/*----------------------------------------------------------------------------*/
#navMenuSub {
	margin:0 0 2em 0;
}
#navMenuSub a {
	display:block;
	padding:0.1em 0 0.2em 16px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:81%;
}
/*----------------------------------------------------------------------------*/
#navMenu ul li a{
	text-decoration:none;
}
#navMenu ul li a em {
	font-weight:bold;
	text-decoration:underline;
}
/*----------------------------------------------------------------------------*/
#randomQuote blockquote {
	font-weight:bold;
}
#randomQuote cite {
	font-weight:bold;
	font-style:italic;
	font-size:smaller;
}
/*----------------------------------------------------------------------------*/
#navBread {
	font-size:0.8em;
}
#navBread ul li a:hover, #navBread ul li a:active {
	text-decoration:underline;
}
/*----------------------------------------------------------------------------*/
#navMenuSub {
	font-size:larger;
	text-align:left;
}
#navMenuSub a {
	text-decoration:none;
}
/*----------------------------------------------------------------------------*/
/* margin:top, right, bottom, left */
#gridContent h1 {
	font-size:1.5em;
	font-weight:bold;
	padding:3px;
	margin:0.2em 0 1em 0;
	border-top:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	clear:both;
}
#gridContent h2 {
	font-size:1.4em;
	font-weight:bold;
	padding:3px;
	margin:1.5em 0 1em 0;
	border-bottom:2px solid;
	clear:both;
}
#gridContent h3 {
	font-size:1.2em;
	font-weight:bold;
	padding:3px;
	margin:1.5em 0 1em 0;
	border-bottom:1px solid;
	clear:both;
}
#gridContent h4 {
	font-size:1.0em;
	font-weight:bold;
	margin:1.5em 0 0.5em 0;
	clear:both; 
}
#gridContent p {
	margin:1em 0;
}
#gridContent ul {
	margin:1em 0 1em 1em;
}
#gridContent ol {
	margin:1em 0 1em 2em;
}
#gridContent ul ul, #gridContent ol ol {
	margin:0;
}
#gridContent ul li, #gridContent ol li {
	margin:0.5em 0 0.5em 1em;
}
#gridContent .hidden {
	display: none;
}
#gridContent .unhidden {
	display: block;
}
#gridContent .magnify {
	float:right;
}
#gridContent ol, #gridContent ol.decimal {
	list-style-type:decimal;
}
#gridContent ol.decimal-leading-zero {
	list-style-type:decimal-leading-zero;
}
#gridContent ol.lower-roman {
	list-style-type:lower-roman;
}
#gridContent ol.upper-roman {
	list-style-type:upper-roman;
}
#gridContent ol.lower-alpha, #gridContent ol.lower-latin {
	list-style-type:lower-alpha;
}
#gridContent ol.upper-alpha, #gridContent ol.upper-latin {
	list-style-type:upper-alpha;
}

/* 101120 should be body 81%; not sure why body is 81% anyway */
#gridContent form, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}
#gridContent .frmSpecial {
	display:none;
}
#gridContent ul li {
	list-style-image:url(../res/bullet-a.gif);
}
#gridContent ul ul li {
	list-style-image:url(../res/bullet-b.gif);
}
#gridContent ul ul ul li {
	list-style-image:url(../res/bullet-c.gif);
}

/* margin: top right bottom left */
#gridContent dt {
	margin:1em 0 0.5em 0em;
	font-weight:bold;
}
#gridContent dd {
	margin:0.5em 0 1em 1em;
}
#gridContent blockquote {
	margin:1em 2em;
}
#gridContent address {
	font-style:italic;
}
#gridContent em, #gridContent i, #gridContent cite, #gridContent dfn, #gridContent var {
	font-style:italic;
}
#gridContent strong, #gridContent b {
	font-weight:bolder;
}
#gridContent u, #gridContent ins {
	text-decoration:underline;
}
#gridContent s, #gridContent strike, #gridContent del {
	text-decoration:line-through;
}
#gridContent tt, #gridContent code, #gridContent kbd, #gridContent samp {
	font-family:"Courier New", Courier, mono;
}
#gridContent pre {
	font-family:"Courier New", Courier, mono;
}
/*
#gridContent th {
	font-weight:bolder;
}
*/
#gridContent table {
	width:100%;
	margin:1.0em 0em 1.0em 0em;
	border:none;
	border-spacing:10px;
	clear:both;
}
#gridContent tr {
	vertical-align:top;
}
#gridContent tr:hover, #gridContent tr.odd:hover, #gridContent tr.even:hover {
	background-color:#b9ddf5;
}
#gridContent tr.odd {
	background-color:#FFFFFF;
	vertical-align:top;
}
#gridContent tr.even {
	background-color:#EEEEEE;
	vertical-align:top;
}
#gridContent th {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#4040A4;
}
#gridContent th.sub {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#8080C4;
}
#gridContent td.sub {
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#8080C4;
}
#gridContent td.centre {
	text-align:center;
}
#gridContent td.right {
	text-align:right;
}
#gridContent td.decimal {
	text-align:right;
}
#gridContent caption {
	background-color:#EEEEEE;
	font-size:9pt;
	font-weight:bold;
}
#gridContent .iframe-center {
  text-align:center;
}
#gridContent acronym, #gridContent abbr {
	border-bottom:1px dotted #000000;
}
#gridContent h1 + p:first-letter {
	font-size:150%;
	font-weight:700;
}
#gridContent p.summary {
	font-style:italic;
}
#gridContent p.summary em, #gridContent p.summary i{
	font-style:normal;
}
#gridContent p.blockquote {
	margin:0.50em 0;
	font-style:italic;
	text-align:center;
}
#gridContent .figure p {
	font-size:smaller;
}
#gridContent .center {
	text-align:center;
}
#gridContent .above, .below {
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#gridContent .above {
	vertical-align:0.7ex;
}
#gridContent .below {
	vertical-align:-0.3ex;
}
/*
#gridContent a.fnmark {
	border-style:solid;
	padding:0 0.06em;
	border-width:1px 2px;
}
#gridContent a.fnmark {
	font-size:90%;
	vertical-align:super;
}
*/
#gridContent a.fnmark:before {
	content:"[";
}
#gridContent a.fnmark:after {
	content:"]";
}
#gridContent a.outoforder {
	text-decoration:line-through;
}
#gridContent div.fntext {
	font-size:90%;
	border-left:solid black 1px
}
#gridContent div.fntext a.fnmark {
	float:left
}
#gridContent p.fntext {
	margin-left:3em
}
#gridContent .quote-right {
	width:25%;
	float:right;
	font-size:120%;
	line-height:140%;
	margin-left:10px;
	padding-left:5px;
	display:block;
	text-align:right;
	border-left:2px dotted #cccccc;
	color:#000080;
/*	font-weight:bold;	*/
}
#gridContent .quote-left {
	width:25%;
	float:left;
	font-size:120%;
	line-height:140%;
	margin-right:10px;
	margin-bottom:5px;
	padding-right:5px;
	display:block;
	text-align:left;
	border-right:2px dotted #cccccc;
	color:#000080;
/*	font-weight:bold;	*/
}
/*----------------------------------------------------------------------------*/
#gridSideBlock {
	font-size:smaller;
	text-align:center;
}
#gridSideBlock cite {
	font-style:italic;
}
#gridSideBlock div.h2 {
	margin:12px 0 6px 0;
	padding:1px 0;
	font-size:1em;
	color:#000000;
	font-weight:700;
}
/*----------------------------------------------------------------------------*/
#gridFooter {
	text-align:center;
	font-size:smaller;
}
#gridFooter a.outoforder {
	text-decoration:line-through;
}
/* margins work: top, right, bottom, left */
/* img-frame determines position */
#gridContent div.img-frame-right-top {
	float:right;
	margin:0px 0px 10px 10px;
	border:1px solid #cccccc;
	background-color:#fff;
}
#gridContent div.img-frame-right {
	float:right;
	margin:10px 0px 10px 10px;
	border:1px solid #cccccc;
	background-color:#fff;
}
#gridContent div.img-frame-left-top {
	float:left;
	margin:0px 10px 10px 0px;
	border:1px solid #cccccc;
	background-color:#fff;
}
#gridContent div.img-frame-left {
	float:left;
	margin:10px 10px 10px 0px;
	border:1px solid #cccccc;
	background-color:#fff;
}
#gridContent div.img-frame-center {
	display:block;
	margin:10px auto 10px auto;
	border:1px solid #cccccc;
	background-color:#fff;
}
/* img-picture sits smack bang in the middle no matter what alignment the img-frame has got */
#gridContent div.img-picture {
	display:block;
	margin:5px 5px 5px 5px;
	/*border:1px solid #cccccc; means increasing img-frame by 2px */
}
/* img-caption always left (at least for now) */
#gridContent div.img-caption {
	font-size:smaller;
	margin:0px 5px 5px 5px;
}
/* CMls CSS */
#gridContent .img-right {
	float:right;
	margin:10px 5px 5px 10px;

	/* 080611 testing
	border:1px solid #cccccc;
	padding:2px;
	*/
}
#gridContent .img-right-top {
	float:right;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:10px;

	/* 080611 testing
	border:1px solid #cccccc;
	padding:2px;
	*/
}
#gridContent .img-left {
	float:left;
	margin:5px 10px 10px 5px;
}
#gridContent .img-left-top {
	float:left;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:0px;
}
#gridContent .img-center {
	display:block;
	margin:10px auto 5px auto;
}
#gridContent div.figure {
	float:right;
	width:50%;
	border:#00f thin solid;
	margin:0.50em 0 0.50em 0.50em;
	padding:0.50em;
	background-color:#fff;
}
#gridContent img.scaled {
	width:100%;
}

body {
	background:#B0C4DE url(../res/body-background.gif) repeat scroll;
}
/*----------------------------------------------------------------------------*/
#gridHeader {
	background:#FFF url(../res/header-bg.gif) repeat-x scroll;
}
#gridHeader p {
	background:transparent url(../res/maxg-heading.gif) top left no-repeat scroll;
}
/*----------------------------------------------------------------------------*/
#navMenu {
	background:#F0F0F0 url(../res/menu-bg.gif) repeat-x scroll;
}
#navMenu .extra {
	background:transparent url(../res/menu-bg-left.gif) top left no-repeat scroll;
	padding-left:4px;
}
#navMenu .extra2 {
	background:transparent url(../res/menu-bg-right.gif) top right no-repeat scroll;
}
#navMenu ul li {
	border-color:#CCC;
}
#navMenu li a {
	color:#000080;
}
#navMenu li a:hover, #navMenu li a:active {
	color:#000;
	background:url(../res/menu-hover.gif) no-repeat top center;
}
/*----------------------------------------------------------------------------*/
#randomQuote {
	color:#FFF;
	background:transparent url(../res/header-bg-right.gif) top right no-repeat scroll;
}
/*----------------------------------------------------------------------------*/
#gridContainer {
	border:1px solid #000;
	background:#FFF url(../res/container-background.gif) top right repeat-y scroll;
}
/*----------------------------------------------------------------------------*/
#navBread {
	background:transparent url(../res/menu-sub-background.gif) top right no-repeat scroll;
	color:#666;
}
#navBread a{
	color:#666;
}
#navBread ul li a:hover, #navBread ul li a:active {
	color:#000;
}
/*----------------------------------------------------------------------------*/
#navMenuSub {
	border-top:1px solid #CCC;
	border-bottom:1px solid #FFF;
}
#navMenuSub li {
	border-bottom:1px solid #CCC;
	border-top:1px solid #FFF;
}
#navMenuSub li a {
	background:url(../res/menu-sub-link-bg.gif) no-repeat 4px 0.4em;
	color:#000080;
}
#navMenuSub li a:hover, #navMenuSub li a:active {
	background:url(../res/menu-sub-link-bg-hover.gif) no-repeat 4px 0.4em;
	color:#000;
}
/*----------------------------------------------------------------------------*/
#gridFooter {
	background:transparent url(../res/footer-background.gif) bottom right no-repeat scroll;
}
#gridFooter .extra {
	border-top:1px dotted #000;
}
/*----------------------------------------------------------------------------*/
#gridContent h1 {
	border-color:#CCC;
	background:#fff url(../res/h1-background.gif) repeat-x bottom left;
	color:#000080;
}
#gridContent h2, #gridContent h3, #gridContent h4 {
	border-color:#CCC;
	color:#000080;
}
#gridContent a[href^="http://www.max.grenkowitz.net"] {
  background:transparent;
  padding-right:0;
}
#gridContent a[href^="http://"] {
  background:url(/res/offsite.gif) no-repeat center right;
  padding-right:8px;
}

#lightbox {
  position:absolute;
  left:0; width:100%;
  z-index:100;
  text-align:center;
  line-height:0;
}
#lightbox img {
  width:auto;
  height:auto;
}
#lightbox a img {
  border:none;
}
#outerImageContainer {
  position:relative;
  background-color:#fff;
  width:250px;
  height:250px;
  margin:0 auto;
}
#imageContainer {
  padding:10px;
}
#loading {
  position:absolute;
  top:40%;
  left:0%;
  height:25%;
  width:100%;
  text-align:center;
  line-height:0;
}
#hoverNav {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:10;
}
#imageContainer>#hoverNav {
	left:0;
}
#hoverNav a {
	outline:none;
}
#prevLink, #nextLink {
	width:49%;
	height:100%;
	/* next creates a transparent background on the fly.
           Substitute this for a transparent 1px gif and error msg will stop */
	background-image:url('data:image/gif;base64,AAAA');
	/* Trick IE into showing hover */
	display:block;}
#prevLink {
	left:0;
	float:left;
}
#nextLink {
	right:0;
	float:right;
}
#prevLink:hover, #prevLink:visited:hover {
	background:url(../res/lb_prev.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background:url(../res/lb_next.gif) right 15% no-repeat;
}
#imageDataContainer {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%;}
#imageData {
	padding:0 10px;
	color:#666;
}
#imageData #imageDetails {
	width:70%;
	float:left;
	text-align:left;
}
#imageData #caption {
	font-weight:bold;
}
#imageData #numberDisplay {
	display:block;
	clear:left;
	padding-bottom:1.0em;
}
#imageData #bottomNavClose {
	width:66px;
	float:right;
	padding-bottom:0.7em;
	outline:none;
}
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000;
}