/* --------------------------------<TABLE OF CONTENTS>--------------------------------
	To skip to a section, search for the section code listed below
	in parenthesis (eg (EX01))

	Initial Setup		--	IS01
	Messagebox Section	--	MS01
	Grid Section		--	GS01
	Header Section		--	HS01
	Trekker Section		--	TS01
	Footer Section		--	FS01
	Fold Section		--	FS02
	Content Section		--	CS01	
   --------------------------------</TABLE OF CONTENTS>--------------------------------*/


/* --------------------------------<Inital Setup (IS01)>-------------------------------- */
html, body, div, img, h1, h2, h3, h4, li, ul, ol, table, th, tr, td
{		/* Make everthing behave the same */
	margin: 0px;
	padding: 0px;
}
html, body
{
	font-family: "Verdana";
	background-color:#F0F0F0;
	height: 100%;
}
/* --------------------------------</Inital Setup>-------------------------------- */


/* --------------------------------<Messagebox Section (MS01)>-------------------------------- */
.message
{		/* Initial Setup for message box */
	background-position: 6px 6px;
	background-repeat: no-repeat;
	border-width: 2px;
	border-style: solid;

	/* width: 360px; */
	min-height: 76px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 76px;
	padding-right: 6px;
}
	.message h3
	{		/* Initial Setup for message box title */
		border-bottom: solid 2px;
		margin-bottom: 2px;
		text-align: center;
		/* width: 356px; */
	}
		.critical
		{		/* Critical Error message box  */
			border-color: #FF9980;
			background-color: #FFCCBF;
			background-image: url(http://akoimeexx.com/_grafix/icons/msg_critical_64x64.png);
			color: #B32400;
		}
			.critical h3
			{		/* Red border-bottom */
				border-color: #FF9980;
			}
		.information
		{		/* Information message box  */
			border-color: #CCFF80;
			background-color: #E6FFBF;
			background-image: url(http://akoimeexx.com/_grafix/icons/msg_information_64x64.png);
			color: #6BB300;
		}
			.information h3
			{		/* Green border-bottom */
				border-color: #CCFF80;
			}
		.question
		{		/* Question message box  */
			border-color: #80C9FF;
			background-color: #BFE4FF;
			background-image: url(http://akoimeexx.com/_grafix/icons/msg_question_64x64.png);
			color: #0066B3;
		}
			.question h3
			{		/* Blue border-bottom */
				border-color: #80C9FF;
			}
		.warning
		{		/* Warning Error message box  */
			border-color: #FFCC80;
			background-color: #FFF9BF;
			background-image: url(http://akoimeexx.com/_grafix/icons/msg_warning_64x64.png);
			color: #EE9900;
		}
			.warning h3
			{		/* Yellow border-bottom */
				border-color: #FFCC80;
			}
		.debug
		{		/* Debugging Information message box */
			position: absolute;
			bottom: 5em;
			right: 2em;
			display: block;

			border-color: #FFCC80;
			background-color: #FFF9BF;
			background-image: url(http://akoimeexx.com/_grafix/icons/msg_warning_64x64.png);
			color: #EE9900;
		
		}
			.debug h3
			{		/* Yellow border-bottom */
				border-color: #FFCC80;
			}
			.debug textarea
			{		/* Style our output area */
				border: 0px none #FFCC80;
				background-color: #FFF9BF;
				/* Change Scrollbar to match debug messagebox (IE Only) */
					scrollbar-arrow-color: #FFF9BF;
					scrollbar-face-color: #FFCC80;
					scrollbar-track-color: #FFF9BF;
						/* Flatten Scrollbar */
					scrollbar-3dlight-color: #FFF9BF;
					scrollbar-highlight-color: #FFF9BF;
					scrollbar-darkshadow-color: #FFF9BF;
					scrollbar-shadow-color: #FFF9BF;
				color: #EE9900;
				width: 356px;
				height: 128px;
			}
				.debug textarea:hover
				{
					background-color: #FFF9EF;
					/* Change Scrollbar to match debug messagebox (IE Only) */
						scrollbar-arrow-color: #FFF9EF;
						scrollbar-track-color: #FFF9EF;
							/* Flatten Scrollbar */
						scrollbar-3dlight-color: #FFF9EF;
						scrollbar-highlight-color: #FFF9EF;
						scrollbar-darkshadow-color: #FFF9EF;
						scrollbar-shadow-color: #FFF9EF;
				}
/* --------------------------------</Messagebox Section (MS01)>-------------------------------- */


/* --------------------------------<Grid Section (GS01)>-------------------------------- */
        /* This page is optimized for a 1600x1200 screen. Grid size is 1280x1024 */
.grid, .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10,
.grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20,
.grid_half, .grid_full
{
	float: left;
	display: block;
	margin-left: 16px;
	margin-right: 16px;
}
.grid_1 { width: 64px; }
.grid_2 { width: 128px; }
.grid_3 { width: 192px; }
.grid_4 { width: 256px; }
.grid_5 { width: 320px; }
.grid_6 { width: 384px; }
.grid_7 { width: 448px; }
.grid_8 { width: 516px; }
.grid_9 { width: 576px; }
.grid_10 { width: 640px; }
.grid_11 { width: 704px; }
.grid_12 { width: 768px; }
.grid_13 { width: 832px; }
.grid_14 { width: 896px; }
.grid_15 { width: 960px; }
.grid_16 { width: 1024px; }
.grid_17 { width: 1088px; }
.grid_18 { width: 1152px; }
.grid_19 { width: 1216px; }
.grid_20 { width: 1280px; }
.grid_half { width: 50%; }
.grid_full { width: 100%; margin-left: 0px; margin-right: 0px; }

/* --------------------------------</Grid Section (GS01)>-------------------------------- */



/* --------------------------------<Header Section (HS01)>-------------------------------- */
.header
{		/* Main header colors and borders */
	display: block;
	background-color: #3F3F3F;
	border-top: 8px solid #336FFF;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
	.header .navigation
	{		/* Navigation Bar setup */
		background-image: url(http://akoimeexx.com/_grafix/bg_right_rept-y.png);
		background-position: top right;
		background-repeat: repeat-y;
		display: block;
		position: relative;
		background-color: #3F3F3F;
		color: #FFFFFF;
		text-align: left;
		padding: 9px 32px;
	}
		.navigation ul
		{		/* Strip bullets and change to inline */
			list-style-type: none;
			padding: 0px;
			margin: 0px auto;
		}
		.navigation ul li
		{
			display: inline;
			float: left;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			margin-right: 16px;
		}		
		.navigation ul li a
		{
			border-width: 1px 0px;
			border-color: #3F3F3F;
			border-style: solid;
			color: #FFFFFF;
			font-size: 1.1em;
			text-decoration: none;
			font-weight: bold;
			margin: 4px 1px;
		}
		.navigation ul li a span
		{
			background-color: #3F3F3F;
			border-width: 0px 1px;
			border-color: #3F3F3F;
			border-style: solid;
			padding: 0px 16px;
			margin: 0px -1px;
		}
		.navigation ul li a:hover, .navigation ul li a:hover span:hover
		{		/* Old color: 336F9F */
			border-color: #4F4F4F;
			background-color: #4F4F4F;
		}
		.navigation ul li#on a
		{
			background-color: #336FFF;
			border-color: #336FFF;
		}
		.navigation ul li#on a span
		{
			background-image: url(http://akoimeexx.com/_grafix/bg_right_rept-y.png);
			background-position: top left;
			background-repeat: repeat-y;
			background-color: #336FFF;
			border-color: #336FFF;
		}
	img.displaycase
	{
		display: block;
		position: absolute;
		width: 96px;
		height: 96px;
		top: 32px;
		right: 32px;
	}
/* --------------------------------</Header Section>-------------------------------- */
/* --------------------------------<Trekker Section (TS01)>-------------------------------- */
* .trekker
{		/* Where in Wonderland are we? */
	background-image: url(http://akoimeexx.com/_grafix/bg_right_rept-y.png);
	background-position: top right;
	background-repeat: repeat-y;
	display: block;
	position: relative;
	background-color: #303030;
	color: #9F9F9F;

	padding: 2px 64px;
	font-size: 0.8em;
	text-align: left;
}
	* .trekker a
	{
		color: #9F9F9F;
		text-decoration: none;
	}
	* .trekker a:hover
	{
		color: #FFFFFF;
		text-decoration: underline;
	}
/* --------------------------------</Trekker Section>-------------------------------- */
/* --------------------------------<Footer Section (FS01)>-------------------------------- */
.footer
{
	display: block;
	position: relative;
	background-color: #3F3F3F;
	border-bottom: 8px solid #336FFF;
	text-align: center;
	margin-top: -3.9em;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	bottom: 0px;
}
	.footer  .info
	{
		background-image: url(http://akoimeexx.com/_grafix/bg_right_rept-y.png);
		background-position: top right;
		background-repeat: repeat-y;
		display: block;
		position: relative;
		background-color: #3F3F3F;
		color: #FFFFFF;
		text-align: center;
		font-size: 0.8em;
		padding: 9px 32px;
	}
/* --------------------------------</Footer Section>-------------------------------- */
/* --------------------------------<Fold Section (FS02)>-------------------------------- */
.fold
{		/* Handle snapping footer to bottom of page, taking into account header/content combined */
	position: relative;
	min-height: 100%;
}
* html .fold
{
	height: 100%;
}
/* --------------------------------</Fold Section>-------------------------------- */


/* --------------------------------<Content Section (CS01)>-------------------------------- */
.content
{		/* Set up margins, etc. */
	clear: both;
	padding-top: 24px;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 4.4em;
}
/* --------------------------------</Content Section>-------------------------------- */