BODY	{
	margin: 0px;
	padding: 0px;
	border: #000000 0px solid;
	}
	
	
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 312px;
  height: 194px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 1.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}

/* CODE FOR NON-MENU LINKS */

a:link		{ color: #339999; text-decoration: none; font-weight: bold;}

a:visited	{ color: #339999; text-decoration: none; font-weight: bold;}

a:active	{ color: #339999; text-decoration: none; font-weight: bold;}

a:hover		{ color: #FF0000; text-decoration: none; font-weight: bold;}

.biglink 	{ font-size: 12px; font-weight: bold; font-style: italic; TEXT-DECORATION: none; }

.biglink:hover 	{ font-size: 12px; font-weight: bold; font-style: italic; TEXT-DECORATION: underline; }


/* CODE FOR NON-MENU PRODUCTS LINKS */

.product:link		{ color: #6699FF; text-decoration: none; font-weight: bold;}

.product:visited	{ color: #339999; text-decoration: none; font-weight: bold;}

.product:active	{ color: #339999; text-decoration: none; font-weight: bold;}

.product:hover		{ color: #6699FF; text-decoration: none; font-weight: bold;}

.product:biglink 	{ font-size: 22px; font-weight: bold; font-style: italic; TEXT-DECORATION: none; }

.product:biglink:hover 	{ font-size: 24px; font-weight: bold; font-style: italic; TEXT-DECORATION: underline; }


/* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{ COLOR: #666666; FONT: 11px verdana, arial, sans-serif; }

.title		{ COLOR: #C0C0C0; FONT: 22px arial, sans-serif; font-weight: bold; }

.news		{ COLOR: #000000; FONT: 18px garamond; font-weight: bold; }

.subtitle	{ COLOR: #2B7CA7; FONT: 22px arial, sans-serif; font-weight: bold; }

.subxxx	{ COLOR: #2B7CA7; FONT: 18px arial, sans-serif; font-weight: bold; }

.copyright	{ COLOR: #999999; FONT: 9px verdana, arial, sans-serif; }

.careertitle	{ COLOR: #CC0033; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.careertitle2	{ COLOR: #6699CC; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.phonetitle	{ COLOR: #2B7CA7; FONT: 14px arial, sans-serif; font-weight: bold; }

.list 		{ COLOR: #339999; FONT: 12px verdana, arial, sans-serif; font-weight: normal; }

.justwhite 		{ COLOR: #FFFFFF; FONT: 12px verdana, arial, sans-serif; font-weight: bold; }

.justfloat 		{ float: left; margin: 0px 7px; text-align: justify;  }

.just 		{ text-align: justify; }

.formmargin	{ margin: 0px; }

.page-splits	{
		width: 100%;
		color: #FFFFFF;
		background-color: #FFFFFF;
		height: 3px;
		border: 1px solid #CEDAE2;
		}






/* IMAGE BORDERS */

.borders	{ border: #000000 1px solid; }

.borders2	{ border: #446171 1px solid; }



/* PAGE TOP AND BOTTOM BORDERS */

.pagebars	{
		background-color: #C0C0C0;
		background-image: url("picts/bar.jpg");
		height: 0px;
		border: solid #446171;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.pagebar-bottom	{
		background-color: #C0C0C0;
		background-image: url("picts/bar.jpg");
		height: 20px;
		border: solid #446171;
		border-width: 0px 0px 1px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}






/* GALLERY IMAGE MOUSEOVER BORDERS AND GALLERY TEXT */


.image-border		{
	position: relative;
	LEFT: 0px;
	top: 0px;
	border: #000000 1px solid;
	margin-bottom: 3px;
}

.image-borderon		{ position: relative; LEFT: 2px; top: 2px; border: #0099FF 1px solid; margin-bottom: 3px; }
.viewer-border	 	{ border: #000000 1px solid; }

.smalltitle 		{ COLOR: #999999; FONT: 11px arial, sans-serif; font-weight: bold; }

.gallerytext		{ COLOR: #666666; FONT: 10px verdana, arial, sans-serif; }

.hilight		{ COLOR: #3366FF; FONT: 14px arial, sans-serif; font-weight: bold; }

.picturetitle 		{ COLOR: #000000; FONT: 14px arial, sans-serif; font-weight: bold; }

.thumbnail {
float:left;
width:110px;
height:90px;
margin:20px;
}



/* GALLERY MENU CODE */

.button-gallery 	{
			color: #000000;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #FFFFFF;
	        	background-image: url("picts/button-gallery.gif");
        		padding: 1px 5px 1px 5px;
			margin: 0px 1px 0px 1px;
        		display: block;
			cursor:pointer;
			width: 90px;
			height: 20px;
        		border: #999999 1px solid;
			}


.buttonon-gallery	{
			color: #0066FF;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #FFFFFF;
	        	background-image: url("picts/buttonon-gallery.gif");
        		padding: 0px 5px 0px 5px;
			margin: 0px 1px 0px 1px;
        		display: block;
			cursor:pointer;
			width: 90px;
			height: 20px;
        		border: #0066FF 1px solid;
			}






/* SIDEBAR OPTIONS */

.note-text 	{
		padding: 6px;
		color: #9CB4C0;
		font: bold 10px arial, verdana, sans-serif;
		text-align: left;
		background-color: #01233C;
		border-top: #446171 0px solid;
		border-bottom: #446171 1px solid;
		border-left: #446171 1px solid;
		border-right: #446171 1px solid;
		}

.note-title	{
		padding: 5px;
		background-color: #013C5A;
		background-image: url("picts/background-boxes.jpg");
		color: #FFFFFF;
		font: bold 12px arial, verdana, sans-serif;
		text-align: left;
		border-top: #446171 1px solid;
		border-bottom: #446171 1px solid;
		border-left: #446171 1px solid;
		border-right: #446171 1px solid;
		}


a.sidelink:link		{ color: #CCFFFF; text-decoration: none; }

a.sidelink:visited	{ color: #CCFFFF; text-decoration: none; }

a.sidelink:active	{ color: #CCFFFF; text-decoration: none; }

a.sidelink:hover	{ color: #FFFF9C; text-decoration: none; }

.bordersSB		{ border: #446171 1px solid; }

.date-font		{ color: #FFFFFF; font: 10px verdana, arial, sans-serif; font-weight: bold; text-align: left; }

.sidebar-background	{
			background-image: url("picts/background-sidebar.gif");
			background-repeat: repeat-y;
			background-position: top left;
			}






/* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}






/* CONTACT PAGE FORM CODE */


.shadeform	{
		FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #7A959E 1px solid;
		}


.dropdown 	{
		COLOR: #2B7CA7;
		background-color: #F1F4F5;
		WIDTH: 200PX;
		FONT: 11px verdana, arial, sans-serif;
		}


.textarea	{
		FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 250PX;
		HEIGHT: 125PX;
		BORDER: #7A959E 1px solid;
		}

.submitbutton 	{ FONT: 9pt arial, verdana, sans-serif; }






/* LINKS PAGE CODE */

.searchform 	{
		WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, sans-serif;
		background-image: url("picts/shadeform.gif");
		BORDER: #7A959E 1px solid;
		}


.searchdrop	{
		font-size: 11px;
		background-color: #F0F6F9;
		COLOR: ;
		WIDTH: 110px;
		margin-top: 4px;
		}

.searchbutton 	{ font-size: 10px; }






/* START THE CODE FOR THE MENUS */


.menu-background {
		BORDER-BOTTOM: #446171 1px solid;
		BORDER-TOP: #446171 0px solid;
		background-color:#07405E;
		background-image: url("picts/menu-background.gif");
		}



.menu		{
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		height: 22px;
		padding-top: 2px;
		padding-bottom: 4px;
		padding-left: 10px;
		padding-right: 10px;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		line-height: 20px;
		display: block;
		border: #446171 0px solid;
		}


a.menu:link 	{
		background-image: url("picts/menu.gif");
		background-color: #07405E;
		color: #9CB4C0;
		}


a.menu:visited 	{
		background-image: url("picts/menu.gif");
		background-color: #07405E;
		color: #00FFFF;
		}


a.menu:active 	{
		background-image: url("picts/menu.gif");
		background-color: #07405E;
		color: #9CB4C0;
		}


a.menu:hover 	{
		background-image: url("picts/menuon.gif");
		background-color: #4F7387;
		color: #FFFFFF;
		}



 /* START THE CODE FOR THE MENUS2 */




#menu2-location { LEFT: 0px; WIDTH: 140px; POSITION: absolute; TOP: 60px; padding:0px 0px; white-space:nowrap; }


.menu2		{
		font-family: arial, helvetica, sans-serif;
		font-size: 16px;
		height: 22px;
		width: 140px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 2px;
		padding-right: 5px;
		cursor:pointer;
		font-weight: bold;
		text-align: left;
		line-height: 12px;
		display: block;
		border: #446171 0px solid;
		}


a.menu2:link 	{ background-image: url("picts/menu.gif");
		  background-color:#07405E;
		  color: #9CB4C0; }


a.menu2:visited 	{ background-image: url("picts/menu.gif");
		  background-color:#07405E;
		  color: #00FFFF; }


a.menu2:active 	{ background-image: url("picts/menu.gif");
		  background-color:#07405E;
		  color: #9CB4C0; }


a.menu2:hover 	{ background-image: url("picts/menuon.gif");
		  background-color:#07405E;
		  color: #FFFFFF; }


#menu3-location { LEFT: 0px; WIDTH: 140px; POSITION: absolute; TOP: 60px; padding:0px 0px; white-space:nowrap; }


.menu3		{
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		height: 22px;
		width: 140px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 2px;
		padding-right: 5px;
		cursor:pointer;
		font-weight: bold;
		text-align: left;
		line-height: 12px;
		display: block;
		border: #446171 0px solid;
		}


a.menu3:link 	{ background-image: url("picts/menu3.gif");
		  background-color:#07405E;
		  color: #003359; }


a.menu3:visited 	{ background-image: url("picts/menu3.gif");
		  background-color:#07405E;
		  color: #99FFFF; }


a.menu3:active 	{ background-image: url("picts/menu3.gif");
		  background-color:#07405E;
		  color: #9CB4C0; }


a.menu3:hover 	{ background-image: url("picts/menuon3.gif");
		  background-color:#07405E;
		  color: #FFFFFF; }