/* CSS Document */
body {margin: 0; background-image: url(../images/BodyBgDots.jpg);}
body, td, div, span, p 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img	{border: 0;}

a,
a:visited	{color: #1454A9;}
a:hover	{color: #1454A9; text-decoration: none;}
a:active	{color: #1454A9;}

.i_pdf		{background-image: url(../images/icon_pdf.gif); background-repeat: no-repeat; background-position: right; padding-right: 17px; padding: 3px 20px 3px 0;}

.columns .left .logo, .columns .right .cartoon, 
.columns .left .button, .content .LeftTab, .btnAbout, 
.btnFireSystems, .dots_all, .TopNav .angle, .TopNav .links, .modulecontainer, .dotsbig, .content .middle .text p, .howtoimg
{
	position: relative; z-index: 2;
}

.footer1				{border-width: 1px; border-style: solid;}
.dots_all				{top: 46px; left: 5px; margin-bottom: -163px;}

html>body .dotscontainer div	{height:auto;}
.dotscontainer div			{width: 100%;}
.dotscontainer				{height: 163px; top: 100px;}
.dotsbig					{top: 212px; margin-top: -163px; left: 10px;}

.columns .left		{border-right: 1px solid #356CAE; text-align: left;}
.columns .right	{border-left: 1px solid  #585858;}
.columns .middle	{background-color: white; background-image: url(../images/MidContentBg.gif); text-align: left;}

.columns .left .logo	{top: -10px; left: 23px;}
.columns .right .cartoon	{top: 100px; }
.howto				{width: 140px; padding: 3px 5px; font-style: italic; font-size: 12px; color: #5E9DDE; font-weight: bold;}
.howtoimg	{top: 130px;}
.TopNav *	{vertical-align: middle;}
.TopNav	{
	background-image: url(../images/TopNavBg.gif); 
	background-color: #003C95; 
	display: block; 
	font-weight: bold; 
	color: #FFC346; 
	font-size: 11px; 
	text-align: right;
	height: 21px;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #C0A3BE;
}
.TopNav .links		{position: relative; top: 3px; padding-right: 15px;}

.TopNav a			{font-weight: bold; font-size: 10px;}
.TopNav a,
.TopNav a:visited	{text-decoration: none; color: white;}
.TopNav a:hover	{text-decoration: none; color: #FFC346;}
.TopNav a:active	{text-decoration: none; color: white;}

.content				{height: 100%;}
.content .left,
.content .middle,
.content .right		{vertical-align: top;}

.content .LeftTab		{top: 40px; left: 0; z-index: 10;}

.btnBlue			{padding: 8px 10px; background-image: url(../images/btnBlueGradientBg.gif); text-align: center; border-style: solid; border-width: 1px 0 0 1px; border-color: #98B4DA; cursor: pointer;}
.btnBlue a	 	{font-size: 11px; font-weight: bold;  color: white; display: block;}

.btnBlue a,
.btnBlue a:visited	{text-decoration: none; color: white;}
.btnBlue a:hover	{text-decoration: none; color: #FFC346;}
.btnBlue a:active	{text-decoration: none; color: white;}




.btnAbout			{top: -190px; left: 25px; z-index: 10;}
.btnFireSystems	{top: -182px; left: 25px; z-index: 10;}
.border			{border-width: 1px; border-style: solid; border-color: black; width: 168px;}

.content			{background-color: #F7FBFE;}
.content .TopRow td.first,
.content .left		{border-color: #999; border-style: solid; border-width: 0 0 0 1px;}
.content .left		{background-image: url(../images/ContentBg.gif); background-position: bottom; background-repeat: repeat-x;}
.content .middle	{width: 380px; height: 100%; background-color: #F7FBFE; background-image: url(../images/ContentBg.gif); background-position: bottom; background-repeat: repeat-x;}
.content .right	{background-color: #FFF3E2; border-color: #DACEBD; border-left-style: solid; border-width: 0 0 0 1px; height: 100%; width: 180px; position: relative;}
.content .td {position: relative;}
.content .left .drawing {
	background-image: url(../images/drawing_c.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 220px;
	bottom: 0;
	position: relative;
	z-index: 9;
	display: none;
}
.content .middle .drawing {
	background-image: url(../images/drawing_c.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 220px;
	bottom: 0;
	position: relative;
	z-index: 9;
	margin-left: -198px;
}
.filled, .filled .first, .filled .last 	{background-color: #FFFFFF;}
.filled .first, .filled .last			{width: 100%; text-align: left;}

.filled a.ltblue,
.filled a.ltblue:visited	{color: #5E9DDE; text-decoration: none;}
.filled a.ltblue:hover	{color: #FF0000; text-decoration: none;}
.filled a.ltblue:active	{color: #5E9DDE; text-decoration: none;}


.howto	{top: 160px;}


.content .middle .text	{padding-left: 20px; padding-right: 20px; padding-top: 155px; padding-bottom: 50px; color: #454545;}
.content .text .sublogo	{float: right;}


.content .middle .text h1, .content .middle .text h2, .content .middle .text h3, .content .middle .text h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	margin: 0 0 6px;
}
.content .middle .text h1	{color: #1454A9; font-size: 16px;}
.content .middle .text h2	{color: #1454A9; margin: 15px 0 6px; padding-top: 10px; background-color: #D0E6FF; border: 1px solid #ABC7E5; padding: 4px;}
.content .middle .text h3	{color: #4E67AE; font-style: italic;}
.content .middle .text h4	{color: #4E67AE;}

.content .middle .text h1 a.name:link,
.content .middle .text h1 a.name:visited	{text-decoration: none;}
.content .middle .text h1 a.name:hover		{text-decoration: none;}
.content .middle .text h1 a.name:active		{text-decoration: none;}

.content .middle .text a:link			{color: #1454A9;}
.content .middle .text a:visited		{color: #999;}
.content .middle .text a:hover		{color: #1454A9;}
.content .middle .text a:active		{color: #1454A9;}


.content .middle .text p,
.content .middle .text		{font-size: 11px;}
.content .middle .text p		{top: -1px; left: 0px; margin: 2px 0 10px; line-height: 14px;}

.footer1			{background-image: url(../images/footer1Bg.gif); border-color: #999; border-width: 1px 0 0 0;}
.footer2			{background-color: #003C95; vertical-align: top; text-align: center; height: 290px;}

.blue		{color: #1454A9;}
.orange		{color: #F77500;}

.graphicbdr	{border-width: 1px; border-style: solid; border-width: 1px;}

a.arrow_red_rt {background-image: url(../images/arrow_redwt_rt.gif); background-position: right; background-repeat: no-repeat; padding-right: 20px;}

big			{font-size: 14px;}
.bold		{font-weight: bold;}

#seehowarrow {
position: relative;
top: 127px;
left: 30px;
z-index: 3px;
}

.howtoimg {
top: 123px;
}
#seehowarrow {
position: relative;
top: 116px;
left: 30px;
z-index: 3px;
}
#fm200 {
position: relative;
top: 119px;
z-index: 1px;
}
.btnAbout {display: none;}