/*************************************************/
/*  CSS styles for Tessellations.org            */
/*  (c) 2003 to the present, Tessellations.org */
/*  Authors = Seth Bareiss, David Annal       */
/*********************************************/
@charset "utf-8";


/* banner and menu bar atop of every page*/
body   {
    background-color: #002244;
	background:url("graphics/bg-flower-blue.png"); 
	}

#banner {
     background-image:url("graphics/bg-blue-sharks.png"); 
	}

#logo { background-image:url("graphics/logo-blue-500w.png"); }

#sprite { background-image:url("graphics/sprite-bg-blue-shark.gif"); width:200px; height:100px;	}


		
P	{
	color:#0033CC;	
	}

A  {
	text-decoration: none;
	color: #007766;
	}
	
/* used on light background. On dark background use STYLE="color: #33CC33;" round link */
A:visited
   {
   color: #005599;
   }
/* for page menus within a topic, as in "<< < 1 2 3 4 5 > >>" */
A.numberwheel { font-size:18px; color:#7777FF; background:url("graphics/menubar-bg-blue.gif"); }
A.numberwheel:hover { color:#EEEEFF; }
A#youarehere { color:#BBBBFF; }

A#leftarrow img{  background-image: url("graphics/numberwheel-leftarrow-blue-mouseover.gif"); 
				  display:inline-block; width:19px; height:15px; padding-top:3px; overflow:hidden; }
A#leftarrow:hover img{ background-position:-19px; }
A#rightarrow img{  background-image: url("graphics/numberwheel-rightarrow-blue-mouseover.gif"); 
				  display:inline-block; width:19px; height:15px; padding-top:3px; overflow:hidden; }
A#rightarrow:hover img{ background-position:-19px; }
A#stopbox img{  background-image: url("graphics/numberwheel-stop-blue-mouseover.gif"); 
				display:inline-block; width:19px; height:15px; padding-top:3px; overflow:hidden; }
A#stopbox:hover img{ background-position:-19px; }
A#home img{  background-image:url("graphics/numberwheel-house-blue-mouseover.gif"); 
				display:inline-block; width:19px; height:15px; padding-top:3px; overflow:hidden; }
A#home:hover img{ background-position:-19px; }


.maintable {
	background-color: #002244;
	color: #66CCFF; 
	border-image:url("graphics/border-blue.png") 30 30 round;
	-webkit-border-image:url("graphics/border-blue.png") 30 30 round; /* Safari 5 and older */
	-o-border-image:url("graphics/border-blue.png") 30 30 round; /* Opera */
	}

/* makes those neat chiseled corners in text tables with brown borders and tan backgrounds */
td#tablebody { background-color:#ccffff; }
td.right  {  background:url("graphics/box-rightside-b.gif");  background-color:#003366; }
td.left   {  background:url("graphics/box-leftside-b.gif");   background-color:#ffe4ba; }
td.top    {  background:url("graphics/box-topbar-b.gif");     background-color:#003366; }
td.bottom {  background:url("graphics/box-bottombar-b.gif");  background-color:#003366; }
td.topright    {  background:url("graphics/box-tr-b.gif");    background-color:#003366; }
td.topleft     {  background:url("graphics/box-tl-bg-b.gif"); background-color:#002244; }
td.bottomright {  background:url("graphics/box-br-b.gif");    background-color:#003333; }
td.bottomleft  {  background:url("graphics/box-bl-bg-b.gif"); background-color:#003333; }

/* below is used for borderless text in a clear table on our site's typical dark green background */
.overgreen { color:#FF5599; }


/* horizontal menu bar */

#navMenu {
	background-image:url("graphics/menubar-bg-blue.gif"); 
		 }

#navMenu li {
	/**** set first *****/
	 background-image:url("graphics/menubar-bg-blue.gif"); 
			 }

#navMenu ul li a {
	font-weight:bold;
	/****** set second *****/
	color:#DDDDFF;
	/* border-style:solid; border-width::1px solid #FFFFFF; */
	text-shadow:1px 1px 1px #000033;	
}
.subheading {   /*subheadings in dropdown menus in horizontal menu bar. Use as a class in the <A> ANCHOR (LINK) TAGS, not the list <LI> tags */
			   text-decoration:none;
			   font-weight:bolder;
			   /* background-color:#FFCCCC;  */
			   background-image:url("graphics/menubar-bg-bluedark.gif") }


/************************************************************************************************************/

/* sets top level hover color*/

#navMenu li:hover {
	background:#0088CC;
}

/* sets link items hover color and background */
#navMenu ul li:hover ul li a:hover {
	color:#000000;
	background:#0088CC;
	}

/* Changes text color on hover for main menu hover */

#navMenu a:hover {
	/* could put main menu background color here but will not hold the background color */
	color:#333366;
	text-shadow:0px 0px 0px #000033;
	} 	


a#previous:link, a#previous:visited, a#previous:active {
		background-image:  url("graphics/navigation-button-previous-blue.png");
}
a#next:link, a#next:visited, a#next:active {
		background-image:  url("graphics/navigation-button-next-blue.png");
}
a#gallery:link, a#gallery:visited, a#gallery:active {
		background-image:  url("graphics/navigation-button-gallery-blue.png");
}  
/* End of Navigation Buttons */

/* Miniature Navigation Buttons */
a#mini-prev:link, a#mini-prev:visited, a#mini-prev:active {
		background-image: url("graphics/mini-prev-blue.png");
}   
a#mini-next:link, a#mini-next:visited, a#mini-next:active {
		background-image:  url("graphics/mini-next-blue.png");
} 
a#mini-gallery:link, a#mini-gallery:visited, a#mini-gallery:active {				
		background-image:  url("graphics/mini-gallery-blue.png");
}
/* End of Miniature Navigation Buttons */



.copyright {
	color: #00BFF3;
	}
.txt { color:#00336C; }
	
.pictxt {
	background: #003366;
	color: #66CCFF;
	background-color: #003366;
	}

.img {
	
	border-color: #0066CC;
	
	}

H1 {
	font-family: arial, sans-serif;
	color: #66CCFF;
	background-color: #003366;
	}
H3 {
	color: #0066CC;
	}

H4 {
	color: #66CCFF;
	}

H5 {
	color: #0000FF;
	}
	
.pictxt { color:#00FFFF; }
	
/* new edits to change the browser margins and scrollbars. -Seth, 12-14-2007 
.scrollbarfun	{	
	scrollbar-face-color: #ff6600;
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #003300; 
	scrollbar-3d-light-color: #99ffff; 
	scrollbar-dark-shadow-color: #0066ff; 
	scrollbar-track-color: #002222; //alert  under track
	scrollbar-arrow-color: #ff4066;
    }*/

/* ------------------------------------------- */
/* CSS for CSS3menu drop-down menu with submenu capability. Added by Seth May 1 2012 */

ul#css3menu1,ul#css3menu1 ul{
	background-image:url("graphics/menubar-bg-blue.gif");
	/* background-color:#dedede;  color of background in navigation bar, if background graphic is missing = which color is this? */
	}
ul#css3menu1 ul{
	background-color:#004499; /* =background of first level of dropdown submenu */
		/* #ffaa00;  = original background color. */
	border-color:#d4d4ff;
	}
ul#css3menu1 a{
	text-shadow:#002244 0 0 1px; /* original shadow color = white FFF */
	color:#00ccff;/* original #fff3ef; */
	background-color:#006699; 
	background-image:url("graphics/menubar-bg-blue.gif"); /* = test */
	/* background-image:url("graphics/mainbk.png");  = original */
	border-color:#C0C0FF;
	}
ul#css3menu1 ul a{
	background-color:#005588;
	color:#10c0ff;
	}
ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed{
	background-color:003377; 
	border-color:#C0C0C0;
	border-style:solid;
	color:#000000;
	}