/* CSS Document */

/*== base structure ==*/
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

html { color: #000033;	background: #fffaf0;/* ANTIQUE WHITE FAEBD7 SNOW FFFAFA FLORAL#FFFAF0 GREY 42557a blueish grey #faebd7; */
	margin: 0;	padding: 0; }

body {	color: #000033;	background: #fffaf0;  url("../colorWeaves/4sqBisque .gif");
	margin: 0;	padding: 0; text-align: center; /* == for IE to center block elements == */
	font: medium 1em/1.2 Georgia, "Times New Roman", Times, serif; 
	/* min-width: 944px;  == set min-width to same width as #wrap container == */
	}

#wrap { margin: 0 auto; /* == auto left/right margins to center == */
width: 85%; max-width:1000px; min-width: 600px;  position: relative;  background: transparent; /*background-color: rgba(255, 255,255, 0.25);*/  z-index:100; overflow: visible; text-align:left; }

#container {  background: #fff; width: 95%; margin: auto; text-align: center; padding: 0; border: 0; 	position: relative; overflow: hidden; }	 

#column { background: #fff; width: 50%; margin: auto; text-align: center; padding: 0; border: 0; position: relative; overflow: hidden; }	 

/*== base elements ==*/
a, p, dl, dt, dd, td, ul, ol, li, h4, h5, h6	{
		font-family: Georgia, garamond, "century schoolbook", "Times New Roman", Times, serif;  }

h1, h2, h3	{ color:#000; background: none;
		font-family: "goudy old style", garamond, baskerville, "century schoolbook", goudy, georgia, "times new roman", times, serif;
		}

a { font-weight: normal; text-decoration: none; color: #cc0033; }

a:link {  background: none; color: #3610f5; } /* red #cc0033 gold #fc0 */
a:visited {	color: #3610f5; }
a:hover { text-decoration : underline overline; color: #cc0033; }
a:active { background-color: #fffacd; } /*lemonn chiffon FFFACD*/

address { margin: 0em 0% 0em 0%; font: italic 1em/1 sans-serif;}
blockquote { margin: 0em 20% 0em 20%; line-height: 1;}
button {cursor: auto; }
caption { margin: 0em 0% 0em 0%; line-height: 1;}
code { font-size: 1em; font-family: monospace; } /* To avoid overriding boldness/italicity by using font */
/* DIV {margin: 0em 0% 0em 0%; line-height: 1} */
/*== dl dt dd see LISTS ==*/

h1.right	{ /*-- RIGHT == */
	font-size: 2em;	line-height: 1.5em;	letter-spacing: 1.5px;
	font-style: italic;	font-weight: normal; text-align: right; margin: 0 10px 10px 0; }
h1	{
	font-size: 2em;	line-height: 1.5em;	letter-spacing: 1.5px; font-style: italic; font-weight: normal; margin: 10px; }
h2	{
	font-size: 1.5em;	line-height: 1.5em;	letter-spacing: 1.3px; font-style: italic; margin: 10px; }
h2.right	{ /* == RIGHT == */
	font-size: 1.5em;	line-height: 1.5em;	letter-spacing: 1.3px; font-style: italic; text-align: right; margin:  0 10px 0 0; }
h3.left	{ /* == LEFT == */
	font-size: 1.2em;	line-height: 1.2em;	font-style: italic;	text-align: left; margin:  0 0 0 10px; }

h3.right	{ /* == RIGHT == */

	font: 1em/1 normal "copperplate gothic light", Tahoma, Verdana, Arial, Helvetica, sans-serif;	text-align: right; margin:  0 10px 0 0; }

/*== MISCELLANEOUS ==*/
.footnote { margin: 10px auto; width: 95%; min-width: 200px; max-width: 600px;text-align: center; font: .80em normal Tahoma, Verdana, Arial, Helvetica, sans-serif;  padding: 10px; }   
#footer { margin: 10px auto;  width: 85%; min-width: 200px; max-width: 600px; }
#footer p { text-align: left; font: .85em normal Tahoma, Verdana, Arial, Helvetica, sans-serif;	margin: 20px 50px 20px 50px;	line-height: normal; }
.ghost { text-align: left; font-size: 11px; color: #faebd7; }
.hide { display: none; }

/*== SPECIAL DISPLAY DIVs==*/

.colleft { float: left; width: 45%; margin: auto; text-align: left; padding: 0; border: 0; position: relative; overflow: hidden; }
.colright { float: right;  width: 45%; margin: auto; text-align: right; padding: 0; border: 0; position: relative; overflow: hidden; }

.picbox { 	margin:0; text-align:center; padding:0; border:0; position:relative; float:left;  width:300px; height:450px;  display: table-cell; vertical-align: middle; horizontal-align: center; }
.picbox img { display: block; width: 85%; height: auto; margin: auto; padding: 4px 0 4px 0; border: solid 4px white; }
.picbox p { display: table-cell; width: 100%; text-align:center; }
.picbox p + p { display: table-caption; caption-side: top; }

#space { /*==for MG image HOLDER span==*/
 	position:relative; z-index:10; left:0; top:10px; margin: 0 auto; text-align: center; width:600px; height:600px; background: #fff; }

#thumbnails { position: relative; margin: auto; text-align: center; }
#thumbnails img { float: left; display: block; border: solid 4px #fff; height: 50px; width: auto; line-height: 80px; margin: 2px; padding: 2px; }

.text {	font: 1.2em/1.5 boldl Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:2px; margin: 2px auto; clear: both; } /*== for small CAPTIONS ==*/

.textbox { position: relative; color: #000; background-color:#FFF; padding: 5px; margin: 5px auto; width: 85%; max-width: 800px; min-width: 300px; height: auto; overflow:visible;  text-align:left;
 } 
.textbox h1, .textbox h2, .textbox h3, .textbox h4, .textbox h5, .textbox h6 { color:#000; font-family: "Copperplate Gothic Light", Verdana, Arial, Helvetica, Geneva, sans-serif; }
.textbox p { color: #000; text-align: left;	font-size: 1.25em; line-height:1.5em; margin-right: 20px;	margin-bottom: 2px; margin-left: 20px; }
.textbox p + p { text-indent: 1.5em; font-size: 1.10em; }

/*==LISTS ==*/
dl { /* DEFINITION LIST == */
	margin: 0; padding: 0; border: 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }

dt { /*== DEFINITION TERM == */
  margin:10px 0 0 0; padding:0; text-align:left; font-weight:bold; font-style:italic; font-size:1em; line-height:1em; color:#ff0000; background:none; }
dd { /* == DEFINITION DATA DEFINED == */
	margin: 0; padding:0 0 0.4em 0.4em; text-align: left; font-size:0.9em; line-height:1em; color:#000033;	border:0; }

dt a, dt a:link, dt a:visited { color: #ff0000; text-decoration: none; }
dt a:hover, dt a:active { color: #ff00aa; text-decoration: underline overline ; }

/* == LIST INDENTATION left "margin" for IE/Opera "padding" for Mozilla/Netscaqpe/Firsfox. To eliminate indent, set margin:0 and padding:0. So marker-type does not go off page, set either margin-left OR padding-left to 10px or 1em == */

ul { margin: 0 10px 0 10px; padding: 0; list-style-type: circle; list-style-position: inside; }
li { margin-left: 0; padding-left: 0; }

#navbarContainer { margin: auto; text-align: center; padding: 0; border: none; color: inherit;	background: inherit;}

/* HORIZONTAL UL */
ul#navbar  { white-space: nowrap; margin: 0; padding: 0; border: 0; font-size: .85em; line-height: 1.5em;  font-style: italic; font-family: "apple chancery", "goudy old style", garamond, baskerville, "century schoolbook", goudy, georgia, "times new roman", times, serif;  }

ul#navbar li { float: left; display: inline; list-style: none; margin: 0; padding: 0;  width: 6em; text-align: center; }

ul#navbar li a, ul#navbar li a:link, ul#navbar li a:visited  { 
	display:block; text-decoration:none; color:#000033; background-color:#fffaf0; border: 1px outset #fc0; margin:2px; padding:2px; width:100%; } /* == problemw/Mac == */

html>body ul#navbar li a {width: auto; } /* == child selector hack > == */
/* == FIX did not work == */

ul#navbar li a:hover, ul#navbar li a:visited  {  position: relative; display: block; text-decoration: none; 	color: #000033; background-color: #foffff; border: 1px inset #f00; }	


/* == from webreference FOR IE ONLY. IE will expand 1px to fit menu width. & padding to fix IE bug to get border spacing right  == */
	/* asterisk*hack== * html ul#navbar { display: inline-block;  width: 1px;  padding: 0 2px; }

	* html ul#navbar li a { display: inline-block; margin: 0 -2px;  } ==*/

/* == do NOT use MESSES EVERTHING UP! vertical in IE == */

ul#navbar  a span {display: none; }
ul#navbar  a:hover span { display: block; position: absolute;  top: 2em; left: 0; float: right; width: auto; padding: 0 2px; margin: 0 2px; z-index: 10; color: #ffffff; background: #f0a; font: 14px italic Verdana, Arial, Helvetica, sans-serif; text-align: right; }

ul#navbar li#current a { display: block; background-color: #f36; cursor: default; }

ul#navbar li.here a:link {  border: 1px inset #cc6600; list-style: circle; display: block; cursor: default; width: 100%;}

/* used CALLIHAN's "side" */
#navLeft { z-index: 2; width: 200px; height: auto; padding: 0px; border: none; margin: 0;  color: #000033; background-color: #69c; text-align: center; } /* margin left/right "auto" to center ? */

/* CALLIHAN Top banner bar formatting */ /*square buttons 176W x 155H */
div.top { position: absolute; top: 2px; left: 200px; z-index: 2;  width: 506px; height: 166px;   color: #ffffff; background: #69c; border: 3px #fc0 outset; 
/* Start box model hack */
  voice-family: "\"}\""; voice-family: inherit; width: 500px; height: 160px; /*IE padding & border bug */
}

html>body div.top { width: 500px; height: 160px; /* child > selector "be nice to Opera" */
}
/* End box model hack */

/* Formatting for side, main, and right column divisions. */
div#side {	position: absolute;	top: 2px; left: 0; z-index: 2; float: left;	width: 200px; height: auto;	color: #ffffff;	padding: 0;	background: transparent; }
div#main {  position: absolute; top: 2px; left: 230px; z-index: 1; float: left; width: 500px; height: auto; padding-top: 0; padding-bottom: 10px; margin-top: 2px;  color: #000033; background: none; }
div#right {   float: right;   position: absolute; top: 2px; left: 744px;  width: 200px; height: auto;  color: #ffffff; background: #69c;   padding-bottom: 10px; }

/* Nested padding for side, main, and right column divisions. */
div.sidepad {  padding-top: 2px; padding-left: 2px; }
div.mainpad {  padding: 60px 20px 5px 20px; }
div.rightpad { padding: 3px; }

/* Settings for the side division. */
div#side p { margin: 10px; }
div#right p { margin: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .90em;}


/*see .button div#side a, div#side a:link, div#side a:visited, div#side a:active { 
  display: block;  padding: 0;  margin-top: 0; margin-bottom: 2px; border: 3px #fc0 outset; 
  color: #ffffff; background: #69c; font-weight: normal; text-decoration: none; 
  font-family: "apple chancery", "goudy old style", garamond, baskerville, "century schoolbook", goudy, georgia, "times new roman", times, serif; } */

div#side a, div#side a:link, div#side a:visited, div#side a:active { /*was 106px / 90px *//*
/* Start box model hack */   width: 200px; voice-family: "\"}\""; voice-family: inherit; width: 184px; }
html>body div#side a {  width: 184px; } 
/* end CALLIHAN End box model hack */

