/*** * Tripoli CSS library for reseting browser defaults (http://www.monc.se/tripoli/) * ***/
@import url("tripoli/reset.css");

/*** * Form styles * ***/
@import url("forms.css");

/*** * Special file input styles * ***/
@import url("fileInputs.css");

/* Universals */
html, body {
	margin: 0;
	padding: 0;
} 
 
body {
	font-family: tahoma;
	background: #232B2B url(/images/bgtile.png) repeat left top;	
	font-size: 95%;
}

strong{
	font-weight: bold;
}

#header {
	margin: 20px 0 0 0;
	height: 99px;
	background: #232B2B url(/images/headertile.png) repeat left top;	
}

#title {
	position: relative;
	width: 984px;
	height: 63px;
	margin: 0 auto;	
	padding: 20px 0 0 0;
	overflow: hidden;
}
	#title h1						{position: absolute; float: left; z-index: 5;}
	#title h1 a					{width: 320px; height: 47px; display: block; background: #232B2B url(/images/title.png) no-repeat left top; }
	#title h1 span				{display: none;}
	#title ul						{position: relative; float: right; list-style: none; z-index: 10;}
	#title ul li						{padding: 14px 20px 0 20px; height: 33px; float: left; font-size: 0.95em; color: #9A9A9A; border-right: 1px solid #9A9A9A; border-left: 1px solid #FFFFFF;}
	#title ul li.last				{padding: 14px 0 0 20px; border-right: none;}
	#title ul li.first				{border-left: none;}
	#title ul li a					{color: #9A9A9A;}
	#title ul li a:visited		{color: #9A9A9A;}
	#title ul li a:hover			{color: #4E4E4E;}
	#title ul li a.current		{color: #4E4E4E !important;}
	
#banner{
	position: relative;
	margin: 4px auto 0 auto;
	width: 984px;
	z-index: 5;
	overflow: hidden;
}	

#expand{
	position: absolute;
	display: block;
	right: 8px;
	top: 8px;
	font-size: 0.8em;
	font-weight: bold;
	color: #F8F8F8;
	z-index: 10;
	display: none;
}

	#expand img	{margin: 0 0 -3px 10px;}

#mainWrapper{
	position: relative;
	margin: -18px 0 0 0;
	padding: 16px 0 0 0;
	background: url(/images/mainbgFade.png) repeat-x left top;	
	z-index: 10;
}

#main{
	position: relative;
	background: #F8F8F8 url(/images/mainbg.png) repeat-x left top;	
}

#content{
	margin: 0 auto;
	width: 984px;
	position: relative;
	font-size: 0.84em;
	overflow: hidden;
}	
	#content h1		{padding: 26px 0 0 0; font-size: 2.16em; color: #F8F8F8; font-weight: bold;}
	#content a		{color: #BD0000; text-decoration: underline; }

#subnav{
	position: relative;
	width: 984px;
	margin: -44px auto 2px auto;
	font-size: 0.85em;
	font-weight: bold;
	overflow: hidden;
	z-index: 15;
}
	#subnav li				{margin: 0 -10px 0 25px; padding: 0; float: left; background: url(/images/tabRightShadowed.png) no-repeat right top;}
	#subnav li a				{margin-left: -16px; padding: 20px 32px 8px 30px; height: 14px; overflow: hidden; display: block; color: #9A9A9A; background: url(/images/tabLeftShadowed.png) no-repeat left top;}
	#subnav li a:hover	{color: #4E4E4E;}
    #subnav li.current		{background: url(/images/tabRight.png) no-repeat right top;}
	#subnav li.current a	{margin-left: -16px; padding: 20px 32px 8px 30px; display: block; color: #4E4E4E; background: url(/images/tabLeft.png) no-repeat left top;}
	
.contentSupplement{
	margin: 28px 0 6px 0;
	float: left;
	width: 340px;	
}
	.contentSupplement h2					{padding: 0 0 16px 29px; height: 20px; font-size: 1.4em; background: url(/images/h2bullet.png) no-repeat left top;}
	.contentSupplement p					{margin: 0 0 20px 30px; text-align: justify; line-height: 1.7em; color: #626262;}
	.contentSupplement ul					{margin: 0 0 18px 0;	 padding: 10px 0 0 0; background: #D7D7D7 url(/images/linklistbg.png) no-repeat left top;}
	.contentSupplement ul li					{margin: 10px 20px 0 20px; padding: 0 0 0 20px; line-height: 1.4em; background: url(/images/liBullet.gif) no-repeat left 5px;}
	.contentSupplement ul li.last			{margin: 0; padding: 12px 20px 28px 40px; height: 12px; line-height: 1.0em; background: #D7D7D7 url(/images/linklistLastbg.png) no-repeat left bottom;}
	.contentSupplement ul li.fakeHeader		{padding: 0 0 0 26px; font-size: 1.4em; color: #000000; background: url(/images/liHeaderBullet.png) no-repeat left 3px;}
	.contentSupplement .image			{background: #D7D7D7 url(/images/linklistbg.png) no-repeat left top;}
	.contentSupplement .image img		{padding: 20px 0 0 20px; }
	.contentSupplement .image p			{padding: 12px 20px 15px 20px; margin: 0; font-size: 0.9em; background: #D7D7D7 url(/images/imgbgBottom.png) no-repeat left bottom;}

.gallery{
	margin: 26px 0 6px 0;
	float: left;
	width: 340px;	
}		
	.gallery ul li									{margin: 0 0 14px 0;}
	.gallery ul li a									{position: relative; height: 75px; width: 348px; display: block; text-decoration: none !important; color: #F8F8F8 !important; font-size: 1.7em; font-weight: bold; background: url(/images/tubeBar.png) no-repeat left top;}
	.gallery ul li a span							{position: absolute; bottom: 13px; left: 13px;}
	.gallery #rod									{background: url(/images/rodBar.png) no-repeat left top;}
	.gallery #rod:hover						{background: url(/images/rodBarOver.png) no-repeat left top;}
	.gallery #rod.current						{background: url(/images/rodBarOver.png) no-repeat left top;}
	.gallery #tube								{background: url(/images/tubeBar.png) no-repeat left top;}
	.gallery #tube:hover						{background: url(/images/tubeBarOver.png) no-repeat left top;}
	.gallery #tube.current					{background: url(/images/tubeBarOver.png) no-repeat left top;}
	.gallery #rodShop							{background: url(/images/shopBar.png) no-repeat left top;}
	.gallery #rodShop:hover				{background: url(/images/shopBarOver.png) no-repeat left top;}
	.gallery #rodShop.current				{background: url(/images/shopBarOver.png) no-repeat left top;}
	.gallery #tubeShop						{background: url(/images/shop2Bar.png) no-repeat left top;}
	.gallery #tubeShop:hover				{background: url(/images/shop2BarOver.png) no-repeat left top;}
	.gallery #tubedShop.current			{background: url(/images/shop2BarOver.png) no-repeat left top;}

.contentBody{
	margin: 28px 0 6px 20px;
	float: left;
	width: 624px;	
}
	.contentBody h2						{padding: 0 0 0 29px;  height: 20px; font-size: 1.4em; background: url(/images/h2bullet.png) no-repeat left top;}
	.contentBody h2.second			{margin: 20px 0 0 0; padding: 0 0 0 29px;  height: 20px; font-size: 1.4em; background: url(/images/h2bullet.png) no-repeat left top;}
	.contentBody p							{margin: 12px 0 12px 0; text-align: justify; line-height: 1.7em; color: #626262;}
	.contentBody ul							{margin: 12px 0 12px 20px; text-align: justify; line-height: 1.7em; color: #626262;}
	.contentBody ul li						{padding: 0 0 0 20px; background: url(/images/ul1Bullet.png) no-repeat left 4px;}
	.contentBody ul li ul li				{background: url(/images/ul2Bullet.png) no-repeat left 4px;}
	.contentBody ol						{margin: 12px 0 8px 0; text-align: justify; line-height: 1.6em; color: #626262; list-style: decimal inside;}
	.contentBody img						{margin: 0 0 -2px 4px;}
	.contentBody .map					{display: block; margin: 8px 0 0 -8px;}
	.contentBody dl dt					{width: 100px; height: 140px; float: left;}
	.contentBody dl dt img				{margin: 0;}
	.contentBody dl dd					{margin: 0 0 0 120px;}
	
#sitemap{
	margin: 28px 0 6px 0;
	float: left;
	font-size: 1.8em;
}
	#sitemap ul						{margin: 10px 0 0 0; font-size: 0.8em;}
	#sitemap ul li					{margin: 0 0 12px 0; padding: 0 0 0 20px; background: url(/images/liBullet.gif) no-repeat left 0.2em;}
	#sitemap ul a:visited		{color: #626262}

#flashPan {
	width: 624px; 
	height: 250px;
	margin: 12px 0 10px 0; 
	padding: 0; 
}

#footer {
	position: relative;
	margin: 0;
	padding: 25px 0 0 0;
	height: 117px;
	display: block;
	text-align: center;
	line-height: 1.5em;
	font-size: 0.7em;
	color: #F8F8F8;
	background: url(/images/footerbg.png) repeat-x left top;	
}
	#footer p				{width: 984px; margin: 0 auto;}
	#footer p a			{color: #F8F8F8; text-decoration: underline;}
	#footer p a img	{margin: 10px 0 0 0;}
	
.clear {
	clear: both;
}