html, body {
	FONT-FAMILY: Verdana, Arial, helvetica;
	margin: 0px;
	padding: 0px;
	background-color: #496d9a;
	color: white;
	height: 100%;
/* COLOR: 65-109-154 = 49-6d-9a   page-bk-darkblue */
}

/* Prevent Firefox Scrollbar Jump */
html { overflow-y:scroll; }





/* CSS Pointer Cursors
 if the user is meant to click on any element,
  it should have the “pointer” cursor when the user mouses over it.
   Links, buttons, SELECT elements, etc.
*/
input[type=submit],label,select,.pointer	{ cursor:pointer; }


/*
display:block Links
When a navigation menu has UL/LI/A elements,
be sure to set each anchor ’s display property to “block”
so that the user doesn’t need to hover over the anchor’s
text for the link to work.

*/


#navigation li a	{ display:block; }


#navigation {
position:absolute;
top: 191px;
}




#container {
	min-height: 100%;
	position: relative;
/*	width: 100%; sat */
}
#header {
	/*padding: 10px; */
	background-position/* added demo=10 */: left;
	width: 100%;
	background-image: url('../images/banner_top_BG.jpg');
	height: 191px;
}
#TopBannerText {
	font: normal normal 600 xx-large serif;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 100%;
	PADDING-RIGHT: 0px;
	MARGIN-LEFT: 130px;
	MARGIN-RIGHT: auto;
	PADDING-TOP: 40px;
	color: #000000;
}

.tupclr, .tupclr td{
	background-color: fuchsia;
	color: black; 
}



#content {
	float: left;
	clear: both;
	min-height: 100%; /*  position:relative;*/;
	width: 100%; /*	height: 500px;*/;
	margin: 50px;
}

.center, .centerrow {text-align: center;}

#body {
	padding: 10px;
	padding-bottom: 100px; /* Height of the footer */;
	margin: 50px;
	font-weight: 600;
}
#footer {
	float: left;
	clear: both; /*	background: #0f0;*/ /*	clear: both;*/;
	width: 100%;
	height: 100px;/* Height of the footer */;
	position: absolute;
	bottom: 0;
	background-color: inherit;
	color: white;
}
/* Begin Stuff Used For Footer */
.FooterLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: white;
	font-weight: 500;
}
/* ---------------------------------- */
.sizeXXL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: #000000;
}
.sizeLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
}
.imgcentered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
sizeLargeSuper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
}
sizeMediumSuper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
}
a.tableext {
	text-decoration: none;
	color: white;
	display: block;
	width: 100%;
	height: 100%;
	color: #000000;
}

.highlight{
	font-weight: 600;
	text-align: center;
	background-color: #FF00FF;
	color: #000000;
	padding-top: 1em;
	padding-bottom: 1em;
}

.img {
	border-width: 0;
	border-style: none;
	border: none;
	vertical-align: top;
}

H1 {FONT-SIZE: 24px;font-weight: 900;}
H2 {FONT-SIZE: 18px;}
H3 {FONT-SIZE: 16px;font-weight: 600;}
H4 {FONT-SIZE: 14px;}
A:link {COLOR: white;}
A:visited {	COLOR: white;}
A:hover,a:active {	COLOR: Yellow;	TEXT-DECORATION: none;}


.navtable {
	background-color: #496d9a;
	color: #000000;
}
a.nav:link {
	text-decoration: none;
	color: white;
	display: block;
	width: 100%;
	height: 100%;
	color: #000000;
}
a.nav:visited {
	text-decoration: none;
	color: white;
	display: block;
	width: 100%;
	height: 100%;
	color: #000000;
}
a.nav:hover {
	display: block;
	width: 100%;
	height: 100%;
	font-style: italic;
	color: white;
}
a.nav:active {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	font-style: italic;
	color: white;
}
/* end nav links */
/*  regular links */
a.normal:link, a.normal:visited {
	text-decoration: underline;
	color: #000000;
}

a.normal:hover {
	text-decoration: underline;
	font-style: italic;
	color: white;
}
a.normal:active {
	text-decoration: underline;
	font-style: italic;
	color: yellow;
}
/* end regular links*/
/* tables */
table a:link {color: white; text-decoration: none;}

td {color: white;}
.tabletext {color: white;}


/* table border changes */
.tdnobottomborderTAC{
	border-bottom-width: 0;
	text-align:center;
}

.tdnobottomborderTAL{border-bottom-width: 0;text-align:left;}
.tdnotopborder{	border-bottom-width: 0;}



/* for more cell link see
  http://www.webdesign.org/web/html-and-css/tutorials/table-cells-into-links.9089.html#ixzz0S2lOO76c
  */
TABLE#logoHeader {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #ffffff;
	MARGIN: 0px auto;
	PADDING-LEFT: 0px;
	WIDTH: 1024px;
	PADDING-RIGHT: 0px;
	VERTICAL-ALIGN: top;
	PADDING-TOP: 0px;
}
TABLE#logoHeader TR TD {
	TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
}
TABLE#logoHeader TR TD#logoImg {
	PADDING-LEFT: 16px;
	WIDTH: 250px;
}
IMG.tup_logo {
	WIDTH: 210px;
	HEIGHT: 40px;
}