html, body	{ height: 100%; }


/* LINK COLORS */

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

a:hover	{ color: #000000; text-decoration: none; }



/* THIS LINE CONTROLS THE GENERAL FONT SIZE */

body {
	background-image: url(pic/bg.jpg);
	color: #000000;
	font: normal 0.8em arial, sans-serif;
}


.title { color: #FFFFFF; font: normal 1.4em  "Trebuchet MS", arial, sans-serif; font-weight: normal; text-decoration: none; }

.hilite	{ color: #FFCC00; }



/* PAGE ALIGNMENT WIDTHS HEIGHTS */

.pagewrapper	{
		width: 100%;
		height: 100%;
		margin: 0px auto 0px auto;
		}

.pagewrapper td { text-align: center; vertical-align: middle; }

.content-inner {  max-width: 100%; margin: 0px auto; }

.content-outer 	{
		max-width: 900px;
		min-width: 300px;
		min-height: 300px;
		text-align: center;
		background-color: transparent;
		border: #0e5800 0px solid;
		background-position: 0px 0px;
		background-repeat: repeat;
		padding: 25px;
		margin: 0px auto 0px auto;
		}

.textdiv	{
		min-width: 300px;
		max-width: 900px;
		font-size: 1.5em;
		float: center;
		text-align: center;
		padding: 30px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}

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



/* ADJUST VERTICAL ALIGNMENT */

.adjustvert	{ height: 30px; }



/* IMAGESlogo */


.main-imagedivlogo	{
		text-align: center;
		padding: 0px;
		margin: 0px auto 0px auto;
		border-width: 0px 0px 0px 0px;
		}

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

.main-imagedivlogo, img.main-imagelogo 
		{
		max-width: 900px;
		max-height: 1000px;
		min-width: 150px;
		}



/* IMAGES */

.bottom, img.main-image 
		{
		max-width: 330px;
		max-height: 100px;
		min-width: 125px;
		margin: auto auto;
		display: block;
		}


.main-imagediv	{
		text-align: center;
		padding: 0px;
		margin: 0px auto 0px auto;
		border: #CC0000 0px solid;
		border-width: 0px 0px 0px 0px;
		}

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

.main-imagediv, img.main-image 
		{
		max-width: 900px;
		max-height: 1000px;
		min-width: 125px;
		}

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

.main-image-newyear div, img.main-image-newyear
		{
		max-width: 900px;
		max-height: 1000px;
		min-width: 125px;
		}

/* 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; }

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

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



/* BORDERS AND BARS */

.page-splits	{
		min-width: 99%;
		font-size: 0.1em;
		line-height: 1px;
		border-bottom: #880000 1px solid;
		border-top: #880000 1px solid;
		height: 4px;
		margin: 5px 0px 6px 0px;
		}



/* INTRO BUTTON CODE */

#introbuttondiv	{
		max-width: 100%;
		min-width: 250px;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
		margin: 0px;
		background-color: transparent;
		border: #CC0000 0px solid;
		border-width: 0px 0px 0px 0px;
		}

.introbutton		{
		width: 100%;
		max-height: 384px;
		max-width: 900px;
		min-width: 125px;
		float: center;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}

.introbutton a		{
		font-family: arial, helvetica, sans-serif;
		font-size: 1.5em;
		font-weight: normal;
		text-align: center;
		display: block;
		cursor: pointer;
		padding: 0px 0px 0px 0px;
		background-color: #fff;
		background-repeat:repeat-x;



/* FADE UP */
transition: background 0.8s ease;
-webkit-transition: background 0.8s;
		border: #999999 0px solid;
		}

.introbutton a.firstbutton  { border-right: #fff 0px solid; }


.introbutton a:link, .introbutton a:visited, .introbutton a:active	

	{
	color: #000000;
	text-decoration: none;
	}

.introbutton a:hover 
	{
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
	}
