body 	{
	background-image:url("picts-mobi/background-main.jpg");
	background-color: #000E81;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	border: 0;
	}

body, html { height: 100%; }




/* NON-MENU LINKS */

a:link, a:visited, a:active	{ color: #99FFFF; text-decoration: none; }

a:hover				{ color: #CCFF99; text-decoration: underline; }




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

body		{ color: #B9CED8; font: normal 0.80em arial, sans-serif; }

.title		{ color: #FFFFFF; font: normal 1.4em arial, sans-serif; }

.subtitle	{ color: #FFFFFF; font: bold 1.0em arial, sans-serif; }

.phonetitle	{ color: #FFFFFF; font: bold 1.05em arial, sans-serif; }

.hilite		{ color: #FFCC33; font-weight: bold; }




/* PAGE WIDTHS HEIGHTS */

.pageheight	{ min-height: 575px; }

.pageheight-min { min-height: 450px; }

.pagewidth	{ max-width: 502px; }

.pagediv	{ margin: 0 auto; }

#contentdiv	{
		padding: 6px 6px 6px 6px;
		margin: 0 auto;
		text-align: left;
		}

.textbox-inner	{
		text-align: left;
		padding: 9px 8px 8px 8px;
		margin: 0px 0px 0px 0px;
		background-color: transparent;
/* ----- SHADE COLORS LOOK IN THE "../picts/shading" FOLDER FOR MORE COLORS */
		background-image: url("../picts/shading/shade-darkblue-60.png");
		border: 1px solid #5879B0;
		}




/* ALIGNMENT */

table, tr, td	{ border-collapse:collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-middle	{ vertical-align: middle; }

.td-top		{ vertical-align: top; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }

.floatclear 	{ height: 0px; clear: both; font-size: 1px; line-height: 0px; padding: 0px; margin: 0px; }

.fullwidth	{ width: 100%; }

.blockimage	{ display: block; }




/* HEADER */

.header		{
		width: 100%;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		}

.headercolor	{
		background-color: transparent;
/* ----- SHADE COLORS LOOK IN THE "../picts/shading" FOLDER FOR MORE COLORS */
		background-image: url("../picts/shading/shade-black-80.png");
		border: solid #5879B0;
		border-width: 1px 1px 0px 1px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.logoimage		{ display: block; }

.headericons		{ padding: 0px 2px 0px 1px; }

.headericontable 	{ margin: 0px 6px 0px auto; }




/* FOOTER */

.footer		{
		color: #CCCCCC;
		font: 0.75em arial, sans-serif;
		font-weight: bold;
		text-align: center;
		padding: 0px 0px 8px 0px;
		}

.footericon	{ margin: 0px auto 6px auto; }

.footerhome	{ margin: 0px auto 9px auto; }




/* SOCIAL ICONS */

.socialspace	{ padding-left: 1px; padding-right: 1px; }

.socialtable	{ margin: 0px auto 6px auto; }   /* AUTO CENTERS */

.soclink 	{
		padding: 1px;
		background-color: transparent;
		border: #54677D 1px solid;
		}

a:hover .soclink { border: #99FF00 1px solid; background-color: transparent; }




/* BORDERS AND BARS */

.page-splits	{
		border-top: #5879B0 0px solid;
		border-bottom: #5879B0 1px solid;
		font-size: 0.1em;
		line-height: 1px;
		height: 3px;
		margin: 10px 0px 10px 0px;
		}




/* IMAGES */

img 		{ border: 0; }

.img-borders	{ border: #FFFFFF 1px solid; }

.img-space	{ margin: 3px 6px 3px 0px; }

.imagetext	{ color: #666666; font: 0.7em arial, sans-serif; }

.imagefloat	{ float:left; margin-right: 5px; margin-bottom: 1px; }




/* GALLERY IMAGES */

.Galborder	 	{ border: #FFFFFF 1px solid; vertical-align: bottom; margin: 2px 2px 2px 2px; }

a:hover .Galborder 	{ border: #000000 1px solid; vertical-align: bottom; margin: 2px 2px 2px 2px; }

img.Galborder 		{ width: 95px; height: auto; }

.Galspacefix		{ font-size: 0px; }




/* GALLERY IMAGE VIEWER */

.viewer-border		{ border: #FFFFFF 1px solid; }

.viewer-height		{ height: 94%; }

.viewer-respond		{ width: 94%; max-width: 1000px; }

.viewer-background	{ background-image: none; }

#gallery-return 	{
			width: 40px;
			height: 40px;
			margin-top: 8px;
			margin-bottom: 8px;
			background-color: #000000;
  		/* CORNER ROUNDING */
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;
			border-radius: 4px;
			}




/* LIST CODE */

ul.list 		{ margin-top: 0px; margin-bottom: 0px; }
ul.list li 		{ color: #CCFF33; }
ul.list li span 	{ color: #FFFFFF; }




/* HOME PAGE */

.main-imagediv	{
		text-align: left;
		padding: 0px;
		margin: 0px auto 0px auto;
		border: solid #5879B0;
		border-width: 1px 1px 1px 1px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.main-image	{
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px auto;
		}

.main-imagediv, img.main-image 
		{
		max-width: 500px;
		min-width: 200px;
		}

.non-mobile	{
		position: relative;
		left: 10px;
		top: 10px;
		width: 110px;
		height: 33px;
		margin-bottom: -33px;
		z-index: 3;
		}




/* PDF PAGE */

.pdf-width	{ max-width: 450px; }

.pdf-center 	{ max-width: 310px; }

.pdf-icon	{ margin: 1px 0px 0px 0px; }




/* RESOURCES SEARCH LINKS PAGE */

.searchmargin	{ margin: 5px 0px 8px 0px; }

.searchsiteform	{
		width: 110px;
		color: #000000;
		margin: 4px 3px 4px 0px;
		border: #000000 1px solid;
		}

.searchbutton 	{
		color: #FFFFFF;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		background-image: url("../picts/button.png");
		background-color: #000000;
		width: 64px;
		padding: 3px 0px 3px 0px;
		margin: 0px;
		border: #C0C0C0 0px solid;
		}

.searchbox	{
		font-size: 0.9em;
		padding: 7px;
		background-color: transparent;
/* ----- SHADE COLORS LOOK IN THE "../picts/shading" FOLDER FOR MORE COLORS */
		background-image: url("../picts/shading/shade-darkblue-30.png");
		border: #72B4E9 1px solid;
		}




/* HOME MENU CODE */

.menu		{
		padding: 0px 0px 0px 0px;
		margin: 2px auto 0px auto;
		background-color: transparent;
/* ----- SHADE COLORS LOOK IN THE "../picts/shading" FOLDER FOR MORE COLORS */
		background-image: url("../picts/shading/shade-black-50.png");
		border: #000000 1px solid;
/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		}

.menulink	{
		font-family: arial, helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		line-height: 40px; /* THIS CONTROLS MENU BUTTON HEIGHT */
		text-align: left;
		display: block;
		cursor: pointer;
		padding: 0px 10px 0px 10px;
		background-image: url("picts-mobi/menu-arrow.png");
		background-position: top right;
		background-repeat: no-repeat;
		}

a.menulink:link, a.menulink:visited, a.menulink:active 
	{
	color: #FFFFFF;
	text-decoration: none;
	}

a.menulink:hover
	{
	color: #FFFFFF;
	text-decoration: none;
	}

div.menu:hover 
	{
	background-color: #000000;
	}




/***************
Media Queries - RESPONSIVE FOR SMALLER MOBILE SCREENS
***************/

@media handheld and (max-width: 480px),
   screen and (max-device-width: 480px),
   screen and (max-width: 480px) 
	{


img.Galborder 	{
		width: 50px; height: auto;
		}

	}