html, body
{
	width: 100%;
	height: 100%;
	font-family: Verdana, "Arial CE", Arial, "Helvetica CE", sans-serif;
	font-size: 11px;
	text-align: center;
	margin: 0 0 0 0;
}
.page 
{
	width: 904px;
	height: 100%;
	font-family: Verdana;
	font-size: 11px;
	margin: 0px auto 0px auto;
	text-align: center;
}

/* ---------------------------------
    H E A D E R
----------------------------------*/
.header
{

    width: 904px;
    height: 125px;
    float: left;
    background-position: top left;
    background-repeat: repeat-x;
    text-align: center;
}
.hLeft
{
	width: 15px;
	height: 125px;
	float: left;
	overflow: hidden;
}
.hRight
{
	width: 15px;
	height: 125px;
	float: left;
	overflow: hidden;
}
.hMain
{
	float: left;
	overflow: hidden;
	width: 874px;
	height: 125px;
}
.hTop
{
	float: left; 
	width: 874px;
	height: 83px;
	overflow: hidden;
}
.hmmLinks
{
	width: 706px;
	height: 18px !important;
	height: 43px;
	height/**/:/**/18px;
	float: left;
	padding: 35px 0 5px 0;

	white-space: nowrap;
}
.hmmlItems
{
	/*width: 526px !important;
	_width: 520px;*/
	height: 10px !important;
	height: 18px;
	height/**/:/**/10px;
	float: left;
	white-space: nowrap;
	font-size: 10px;
	padding: 3px 0 5px 0;

}
.hmmlItems a
{
	display: inline !important;
}
.hmmlItems a, .hmmlItems a:visited, .hmmlItems a:active, .hmmlItems a:hover
{
	text-decoration: none;
}
.hmLogo
{
    width: 83px;
    height: 83px;
    float: left;
    overflow: hidden;
    background-position: top left;
    background-repeat: no-repeat;
}    
.hmlLogo
{
    width: 83px;
    height: 83px;
    float: left;
    cursor: pointer;

}
.hBottom 
{
	float: left; 
	width: 874px; 
	height: 42px;
	text-align: left;
	overflow: hidden;
}
.hmMenu
{
	float: left; 
	width: 874px; 
	height: 42px;
	overflow: hidden;
}
.hmmTabs
{
	width: 874px;
	height: 42px;
	float: left;
	overflow: hidden;
   	padding: 0px 0px 0px 0px;
}
.hmmtMenu 
{
	width: 874px;
	height: 20px !important;
	float: left;
	overflow: hidden;
}
.hmmtSubmenu 
{
	width: 872px !important;
	width: 874px;
	width/**/:/**/872px;
	height: 12px !important;
	height: 22px;
	height/**/:/**/12px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	padding: 4px 0px 6px 2px;
	font-size: 10px;
}
.hmmSubmenu span.current
{
	font-weight: bold;
}
.hmmsItem
{
	width: 691px;
	height: 12px;
	float: left;
}
.hmmsItem a, .hmmsItem a:visited, .hmmsItem a:active
{
	text-decoration: none;
}
.hmmsItem a:hover
{
	text-decoration: underline;
}
.hmmsItem .current
{
	font-weight: bold;
}


/* -------------------------------
    M E N U
--------------------------------*/
#tabs 
{
    width: 100%;
    height: 20px;
	float: left;
    font-size: 10px;
    font-weight: bold;
}
#tabs ul 
{
	margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
    height: 20px;
}
#tabs li 
{
	display: inline;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 20px;
    cursor: default;

}
#tabs a 
{
	float: left;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 7px !important;
    text-decoration: none;
    height: 20px;
    cursor: default !important;

}
#tabs a span 
{
    height: 12px !important;
    height: 20px;
    height/**/:/**/12px;
	float: left;
    display: block;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 4px 15px 4px 6px;
    

}
#tabs li.tabCurrent a span, #tabs li.tabCurrentOut a span
{

}
#tabs a:hover 
{
	background-position: 0% -20px;
}
#tabs a:hover span 
{
	background-position: 100% -20px;
}
#tabs li.tabCurrent a 
{
	background-position: 0% -40px;
}
#tabs li.tabCurrent a span 
{
	background-position: 100% -40px;
}
#tabs li.tabCurrentOut a 
{
	background-position: 0% -60px;
}
#tabs li.tabCurrentOut a span 
{
	background-position: 100% -60px;
}
#tabs li.tabSelected a 
{
	background-position: 0% -20px;
}
#tabs li.tabSelected a span 
{
	background-position: 100% -20px;
}

/* -------------------------------
    Q U I C K L I N K S
--------------------------------*/
.quicklinks
{
    width: 904px;
	min-height: 90px;
	margin: 0px auto 20px auto;
	text-align: center;
}
.qlLeft
{
	width: 15px;
	height: 90px;
	float: left;
	overflow: hidden;
}
.qlBody
{
	width: 874px;
	min-height: 90px;
	float: left;
	margin: 0 0 0 0 !important;
}
.qlRight
{
	width: 15px;
	height: 90px;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top left;
}
.qlAllArea
{
	width: 450px;
	float: left;
}
.qltLinks
{
	width: 874px;
	min-height: 64px;
	float: left;
	font-size: 9px;
	display: block;
}
.qlTitle
{
	width: 102px;
	float: left;
	/*padding-top: 5px;*/
	padding-top: 10px;
	font-weight: bold;
	font-size: 11px;
}
.qlImage
{
	width: 102px;
	float: left;
}
.qlIcon
{
	width: 102px;
	height: 64px;
	float: left;
	overflow: hidden;
	text-align: center;
}
.qlLinks
{
	width: 305px !important;
	width: 325px;
	width/**/:/**/305px;
	height: 40px !important;
	height: 64px;
	height/**/:/**/40px;
	float: left;
	padding: 10px 10px 10px 10px;
	font-size: 9px;
	text-align: left;
	display: inline;
}
.qlLinks a, .qlLinks a:visited, .qlLinks a:active, .qlLinks a:hover,
.qlbLinks a, .qlbLinks a:visited, .qlbLinks a:active, .qlbLinks a:hover
{
	text-decoration: none;
}
.qlbLinks
{
	width: 844px !important;
	width: 874px;
	width/**/:/**/844px;
	height: 10px !important;
	height: 26px;
	height/**/:/**/10px;
	float: left;
	overflow: hidden;
	font-size: 9px;
	padding: 6px 15px 10px 15px;
	text-align: left;
	margin-bottom: 15px;
}
.qlbLinks p, .qltLinks p, .qlbLinks2 p
{
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

