html, body
{
	margin:0px;
	padding:0px;
	background-image: url('../image/bluebg.png');
	background-repeat: repeat-x;
	background-color: rgb(23,54,96);
	height:100%;
	width:100%;	
}

#pageContainer
{
	background-color: transparent;
	width: 880px;
	margin: 20px auto 0px auto;
	padding:0px;
}

#layoutTable
{
	width:100%;
	padding:0px;
	margin:0px;
	border-spacing:0px;
	border-collapse:collapse;
}

#layoutMain
{
	padding:0px;
	margin-top:0px;
}

#banner
{
	margin-top:0px;
	height: 80px;
	vertical-align: middle;
	width: 880px;
}

#maincontent
{
	border: 1px solid black;
	background-color: #ffffff;
	background-image: url('../image/WigitBg.png');
	background-repeat: repeat-x;
	width:880px;
	font-family: "trebuchet ms",tahoma;
	font-size:10pt;
	text-decoration:none;
	color:black;
	padding: 5px 5px 0px 5px;	
}

.maincontentTitle
{
	font-size:18pt;
	font-family:'trebuchet ms',tahoma;
	color:#092E20;
}

.maincontentSubTitle
{
	font-size:12pt;
	font-family:'trebuchet ms',tahoma;
	color:#285DA5;
}

#menu
{
	margin-top:15px;
	padding:0px;
	margin-bottom:5px;
	text-align:center;
}

#menu table
{
	width: 100%;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	border: 1px solid black;
}

#menu td
{
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding:0px;
	margin:0px;
	width:110px;
	min-width:100px;
	text-align:center;
	background-image: url('../image/blackGlass.png');
	background-repeat: repeat-x;
	height:43px;
}

.menuNoHoverTD
{
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding:0px;
	margin:0px;
	width:110px;
	min-width:100px;
	text-align:center;
	background-image: url('../image/blackGlass.png');
	background-repeat: repeat-x;
	height:43px;
}

/* Uncomment for menu hovering, must implement JS events for td highlights (so you can actually go to the link)*/
#menu td:hover
{
	background-image: url('../image/blueGlassShade2.png');
	background-repeat: repeat-x;
	cursor:pointer;cursor:hand;
}

#menu a
{
	/*padding:auto;*/
	text-align:center;
	height:43px;
	font-size:8pt;
	font-weight:bold;
	font-family: tahoma;
	text-decoration:none;
	color:white;
}

#menu a:hover
{
	text-decoration: none;
}

/** SUB MENU **/

.subMenu
{
	padding:0px;
	margin-bottom:5px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.subMenu table
{
	width: 100%;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	border: 1px solid black;
}

.subMenu td
{
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding:0px;
	margin:0px;
	width:140px;
	text-align:center;
	background-image: url('../image/blackGlassSmall.png');
	background-repeat: repeat-x;
	height:22px;
	
	text-align:center;
	font-size:8pt;
	font-weight:bold;
	font-family: tahoma;
	text-decoration:none;
	color:white;
	height:22px;	
}
.subMenu a
{
	/*padding:auto;*/
	text-align:center;
	font-size:8pt;
	font-weight:bold;
	font-family: tahoma;
	text-decoration:none;
	color:white;
	height:22px;
}

.subMenu a:hover
{
	text-decoration: none;
}

/* Uncomment for menu hovering, must implement JS events for td highlights (so you can actually go to the link)*/
.subMenu td:hover
{
	background-image: url('../image/blueGlassShade2.png');
	background-repeat: repeat-x;
	cursor:pointer;cursor:hand;
}


.subMenuNoHover
{
	padding:0px;
	margin-bottom:5px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.subMenuNoHover table
{
	width: 100%;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	border: 1px solid black;
}

.subMenuNoHover td
{
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding:0px;
	margin:0px;
	width:140px;
	text-align:center;
	background-image: url('../image/blackGlassSmall.png');
	background-repeat: repeat-x;
	height:22px;
	
	text-align:center;
	font-size:8pt;
	font-weight:bold;
	font-family: tahoma;
	text-decoration:none;
	color:white;
	height:22px;	
}
.subMenuNoHover a
{
	/*padding:auto;*/
	text-align:center;
	font-size:8pt;
	font-weight:bold;
	font-family: tahoma;
	text-decoration:none;
	color:white;
	height:22px;
}

/* Shadow Effects */

.shadow
{
	position:relative;
	bottom:-2px;
	right:-2px;
}

.shadowRest
{
	position:relative;
	bottom:2px;
	right:2px;
}

/** widgets **/

#widgets
{
	margin-top: 10px;
	margin-left:-3px;
	margin-right:-3px;
}

.widgetBox
{
	border: 1px black solid;
	background-color: #ffffff;
	height: 140px;
	padding:5px;
	background-image: url('../image/WigitBg.png');
	background-repeat: repeat-x;
}

.widgetBox td
{
	text-align:center;
}

.widgetTitle
{
	font-size:12pt;
	font-family:'trebuchet ms',tahoma;
	color:#285DA5;
	font-weight:bold;
}

.widgetText
{
	font-size:8pt;
	font-family:'trebuchet ms',tahoma;
	color:#000000;
}

/* Internal Nav */

#nav-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu li
{
	float: left;
	margin: 0 0.15em;
}

#nav-menu li a
{
	background: url('../image/WhiteGlass.png') #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 11em;
	display: block;
	border: 1px solid #aaaaaa;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
	float: none
}

#nav-menu li a:hover
{
	text-decoration: none;
	color: white;
	background: url('../image/blueGlassHover.png') #fff bottom left repeat-x;
}

/* End hide */

#nav-menu
{
	width:800px;
} 

.hideAndShow
{
	display: none;
}

.newsLink
{
	text-decoration:none;
	color: #285DA5;
}

.newsLink:hover
{
	text-decoration:underline;
	color: #3880E3;
}