/*======================= global =======================*/
body{
	cursor:default;
	background-image:url(/images/bodybg.gif);
	background-position:top center;
	margin:0px; padding:0px;}
body, td, p, div{
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;}
p{
	margin:0px 0px 10px 0px;}
a:link, a:visited, a:active{
	text-decoration:none; color:#003399;}
a:hover{
	text-decoration:underline;}

h1{
	font:bold 18px Tahoma, Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	color:#663333;}
h2{
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	color:#663333; border-bottom:1px solid #ccc;
	font-variant:small-caps;}
h3{
	font-size:11px; color:#660000;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	color:#663333; border-bottom:1px solid #EEE;
	font-variant:small-caps;}

/*======================= content =======================*/

.contentTop{
	background-image:url(/images/ui.body.bg.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	padding:0px; margin:0px;}

.contentTopBg{
	background-image:url(/images/ui.body.top.bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding:0px; margin:0px;}

.tabbed{ background-image:url(/images/ui.body.toptab.bg.jpg);}

.contentBottomBg{
	background-image:url(/images/ui.body.bottom.bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	vertical-align:top;
	padding:5px 15px 15px 15px; margin:0px;}
.contentBottomTabbed{
	padding-top:10px;}

/*======================= tabs =======================*/
.tabs{
	background:url(/images/tab.holderbg.gif) repeat-x bottom left;}
.tabs td{
	width:121px;
	height:24px; text-align:center; vertical-align:bottom; position:relative;
	background:url(/images/tab.inactive.bg.gif) no-repeat bottom right;
	color:#733311; font-weight:bold;}
.tabs td .tabHolder{
	height:24px; font-weight:bold; display:block; position:relative;
	background:url(/images/tab.inactive.left.gif) no-repeat bottom left;}
.tabs td.activeTab{
	background:url(/images/tab.active.bg.gif) no-repeat bottom right;
	color:#FFFFFF;}
.tabs td.activeTab .tabHolder{
	background:url(/images/tab.active.left.gif) no-repeat bottom left;}
.tabs td .tabHolder a:link, .tabs td .tabHolder a:visited, .tabs td .tabHolder a:active{
	position:relative; top:3px; color:#733311; font-weight:bold; text-decoration:none;}
.tabs td .tabHolder a:hover{
	text-decoration:underline;}
.tabs td.activeTab .tabHolder a:link, .tabs td.activeTab .tabHolder a:visited, .tabs td.activeTab .tabHolder a:active{
	color:#FFFFFF;}
/*======================= hp nuggets =======================*/
#hpnuggets, #doublenugget, .nuggetsimple, .spacedout{
	margin-bottom:5px;}
.nugget1, .nugget2, .nugget3, .nugget4{
	background-repeat:repeat-y;
	background-position:top left;
	vertical-align:top;}
.nugget1{
	background-image:url(/images/hp.nugget1bg.gif);}
.nugget2{
	background-image:url(/images/hp.nugget2bg.gif);}
.nugget3{
	background-image:url(/images/hp.nugget3bg.gif);}
.nugget4{
	background-image:url(/images/hp.nugget4bg.gif);}
.nugget1bottom, .nugget2bottom, .nugget3bottom, .nugget4bottom{
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:5px 10px 0px 10px;
	color:#000000;}

/*======================= double nugget =======================*/
.nuggetdoubletl, .nuggetdoubletr, .nuggetdoublebl, .nuggetdoublebr{
	padding-left:10px; padding-right:10px; color:#000000;}
.nuggetdoubletl, .nuggetdoubletr{
	font-size:12px; color:#660000;
	font-weight:bold; font-variant:small-caps;}
.nuggetdoublebl, .nuggetdoublebr{
	font-weight:normal; vertical-align:top;}
.nuggetdoubletl{
	background-image:url(/images/nugget.double.topleft.gif);
	background-repeat:no-repeat; background-position:top left;
	width: 353px; height:25px;}
.nuggetdoubletr{
	background-image:url(/images/nugget.double.topright.gif);
	background-repeat:no-repeat; background-position:top left;
	width: 352px; height:25px;}
.nuggetdoublebl{
	background-image:url(/images/nugget.double.bodyleft.gif);
	background-repeat:repeat-y; background-position:top left;
	width: 353px;}
.nuggetdoublebr{
	background-image:url(/images/nugget.double.bodyright.gif);
	background-repeat:repeat-y; background-position:top left;
	width: 352px;}

/*======================= main page styles =======================*/
.nuggetmaintxt{
	padding:0px 10px 0px 10px;
	background-image:url(/images/nugget.main.bg.gif);
	background-repeat:repeat-y; background-position:top left;
	vertical-align:top; height:250px;}
.solid{
	padding:0px;}
.nuggetmainimg{
	background-image:url(/images/nugget.main.image.gif);
	background-repeat:no-repeat; background-position:top left;
	background-color:#000000;
	vertical-align:middle; text-align:center;
	width:176px; height:125px;}
.nuggetmainleft{
	padding:0px;
	background-image:url(/images/nugget.main.leftbg.gif);
	background-repeat:repeat-y; background-position:top left;
	vertical-align:top;}
.nuggetmainleft div.holderPP{
	padding:5px 10px 0px 10px;}

/*======================= simple nugget =======================*/
.nuggetsimple{ width:705px;}
.nuggetsimple td{vertical-align:top;}
.nuggetsimple td.cbox{padding:0px; background-color:#ffffef;}

.nuggetsimple .tl, .nuggetsimple .tr{ height:10px; width:10px;}
.nuggetsimple .tl{ background: url(/images/nugget.simple.tl.gif) no-repeat bottom right;}
.nuggetsimple .tr{ background: url(/images/nugget.simple.tr.gif) no-repeat bottom left;}

.nuggetsimple .bl, .nuggetsimple .br{ width:10px; height:7px;}
.nuggetsimple .bl{ background: url(/images/nugget.simple.bl.gif) no-repeat top right;}
.nuggetsimple .br{ background: url(/images/nugget.simple.br.gif) no-repeat top left;}

.nuggetsimple .tbg{ background: url(/images/nugget.simple.tbg.gif) repeat-x bottom left;}
.nuggetsimple .bbg{ background: url(/images/nugget.simple.bbg.gif) repeat-x top left; text-align:center; vertical-align:top;}

.nuggetsimple .lbg{ background: url(/images/nugget.simple.lbg.gif) repeat-y top right;}
.nuggetsimple .rbg{ background: url(/images/nugget.simple.rbg.gif) repeat-y top left;}


/*======================= small nugget =======================*/
.nuggetsmall{}
.nuggetsmall td{vertical-align:top;}
.nuggetsmall td.cbox{padding:0px; background-color:#fff5de;}

.nuggetsmall .tl, .nuggetsmall .tr{ height:5px; width:5px;}
.nuggetsmall .tl{ background: url(/images/nugget.small.tl.gif) no-repeat bottom right;}
.nuggetsmall .tr{ background: url(/images/nugget.small.tr.gif) no-repeat bottom left;}

.nuggetsmall .bl, .nuggetsmall .br{ width:5px; height:15px;}
.nuggetsmall .bl{ background: url(/images/nugget.small.bl.gif) no-repeat top right;}
.nuggetsmall .br{ background: url(/images/nugget.small.br.gif) no-repeat top left;}

.nuggetsmall .tbg{ background: url(/images/nugget.small.tbg.gif) repeat-x bottom left;}
.nuggetsmall .bbg{ background: url(/images/nugget.small.bbg.gif) repeat-x top left; text-align:center; vertical-align:top; padding-top:4px;}

.nuggetsmall .lbg{ background: url(/images/nugget.small.lbg.gif) repeat-y top left;}
.nuggetsmall .rbg{ background: url(/images/nugget.small.rbg.gif) repeat-y top right;}

/*======================= subnav =======================*/
.subnav td{
	padding:3px 5px 3px 10px; font-weight:normal;
	border-bottom:1px solid #666;
	background-color:#FFFFFF; border-left:1px solid #000;
	background-image:url(/images/ui.morearrow.gif);
	background-position:center right;
	background-repeat:no-repeat;}
.subnav td.subactive{
	background-color:#7f705f;
	background-image:none;
	font-weight:bold;
	color:#FFFFFF;}
.subnav td a:link, .subnav td a:visited, .subnav td a:active{
	color:#000000; text-decoration:none;}
.subnav td a:hover{
	color:#0066FF; text-decoration:none;}

.subactive a.active:link, .subactive a.active:visited, .subactive a.active:active{
	color:#FFFFFF; text-decoration:none;}
.subactive a.active:hover{
	color:#DDDDDD; text-decoration:none;}

/*======================= footer =======================*/
.footer{
	text-align:center; font-size:10px; font-weight:normal;
	padding:5px 10px 30px 10px; color:#000000;}
.footer a:link, .footer a:visited, .footer a:active{
	text-decoration:none; color:#000000;}
.footer a:hover{
	text-decoration:underline;}