*{padding: 0px; margin: 0px;}

html, body {padding: 0px; margin: 0px; background-color: #333366;}

.container {
	background-color: #FFFFFF;
	width: 953px;
	clear: both;
	margin-top: 10px;
	background: url(../images/container-bg.gif) repeat-y scroll left bottom;
	height: auto;
}

.header {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 108px;
	width: 953px;
}



#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCFF;
	line-height: 14px;
	background-image: url(../images/top-nav-bg.gif);
	background-repeat: no-repeat;
	text-align: middle;
	vertical-align: middle;
	width: 146px;
	height: auto;
	padding-top: 50px;
	background-color: #4C4C98;
	background-position: right top;
	float: left;
	text-transform: uppercase;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #6666CC;
}

address{text-align: left; padding: 20px 0px 0px 12px; text-align: left; font-style: normal;}
address a{color: #ffcc00; text-decoration: none;}
address a:hover{text-decoration: underline;}

.hpcontent {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	line-height: 14px;
	color: #333366;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	height: 550px;
	width: 435px;
	float: left;
	padding-right: 10px;
	padding-left: 20px;
}
.hpwhatsnew {
	background-color: #FFFFFF;
	background-image: url(../images/whats-new-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 321px;
	width: 340px;
	float: left;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 11px;
	color: #CC6600;
	text-align: left;
	
}

.hpwhatsnew a{color: #CC6600; text-decoration: none;}
.hpwhatsnew a:hover{color: #CC6600; text-decoration: underline;}

.hpwhatsnew ul {
	margin-left: 10px;
}

.header2 {
	background-image: url(../images/header-inner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 108px;
	width: 953px;
}

.bottom {
	background-image: url(../images/btm-bg2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	clear: both;
	height: 31px;
	width: 953px;
}

#hdrarea{
	margin: 30px 0px 30px 0px;
	text-align: left;
	font-weight: bold;
}

.hdriconimg{float: left;}
.hdricontext{float: left; font-weight: bold; padding: 25px 0px 0px 25px; height: auto; width: 400px;}

.hdrcontentdivider{
	clear: both;
	height: 20px;
}

.innercontent {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	line-height: 14px;
	color: #333366;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	height: auto;
	width: 538px;
	float: left;
	padding-right: 10px;
	padding-left: 20px;
	
}

.innercontent p{margin-bottom: 10px;}

.contentright {
	float: right;
	height: auto;
	width: 232px;
	background-image: url(../images/left-top-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 25px;
	text-align: left;
}

.contentrighttext{
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	color: #333366;
	margin: 15px 5px 0px 10px;
}

#ftr {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	color: #CCCCFF;
	height: 35px;
	clear: both;
	padding-top: 15px;
	width: 953px;
}
#ftr a{color: #CCCCFF; text-decoration: none;}
#ftr a:hover{color: #CCCCFF; text-decoration: underline;}


#copyright{color: #CCCCFF; font: 11px  Arial, Tahoma, sans-serif;  margin: 5px; text-align: center;}
#copyright a{color: #CCCCFF; text-decoration: none;}
#copyright a:hover{color: #CCCCFF; text-decoration: underline;}

#tmgCredit{color: #CCCCFF; font: 11px  Arial, Tahoma, sans-serif; margin: 5px 0px 15px 0px; padding-top: 15px; text-align: center;}
#tmgCredit a{color: #CCCCFF; text-decoration: none;}
#tmgCredit a:hover{color: #CCCCFF; text-decoration: underline;}