/* ELAN DIGITAL SYSTEMS WEB SITE STYLE SHEET */
/* WWW.ELANDIGITALSYSTEMS.COM */
/* AUTHORED BY Robin Hall, EMAIL web@elandigitalsystems.com */


body {background: white; font-family: tahoma, verdana, sans-serif; 
	padding: 0; margin: 0; height: 100%; font-size: 11pt; }

a:link     {color: #003399;}
a:visited  {color: #082442;}
a:active   {color: #0099CC;}
a:hover    {color: #0099CC;}

h1 {color: #082442; font-size: 140%; font-family: Tahoma, sans-serif;  margin: 5em; 
	line-height: 160%; padding: 0 20px 0 2px; margin: 0 8px 10px 0; }
h2 {color: rgb(16,16,142); text-indent: 0%; width: 60%; font-size: 100%; font-family: Tahoma, sans-serif; 
	background: #FFFF66; margin-bottom: 20px; margin-top: 20px; border: 0; padding: 0 0 0 2px; }
h3 {color: rgb(16,16,142); font-size: 100%; font-weight: bold; font-family: Verdana, Times New Roman, Times, serif;}
li h3 {display: inline;  }
h4 {color: black; font-size: 100%; font-weight: bold; font-family: Verdana, Times New Roman, Times, serif;}

img.rightfloat   {float: right; margin-left: 1em; margin-bottom: 0em; border: 0; }
img.leftfloat   {float: left; margin-right: 1em; margin-bottom: 0em; border: 0; }
img.normal   {border: 0; }

em       {font-weight: bold; font-style: italic; }
strong  {font-weight: bold;}
hr        {border-top-width: 1px; border-top-style: solid; border-color: rgb(16,16,142); margin: 0px 2%;}
.dummy {display: none;}


p.nb {font-size: 75%; text-align: right; }
p.disclaimer {font-size: 80%; text-align: left; color: navy; border: 0; border-top: thin solid navy; margin: 12px 0 0 3px; padding: 3px 6px 0 6px;  }
p.advert {border: medium solid navy; text-align: center; color: navy; background-color: #FFFF99; margin: 15px 15px 15px 20px; padding: 5px 5px 5px 5px; line-height: 140%; font-size: 90%; }
p.tagline {text-align: center; color: navy; font-weight: bold; border:  0; line-height: 120%; height: 1.5em; padding: 0.5em; margin: 0 10px 0 10px;  }
p.strapline {border-top: 3px solid #FFFF66; border-bottom: 3px solid #FFFF66; padding: 4px 0 4px 0; text-align: center; color: rgb(16,16,142); line-height: 120%; 
	  font-weight: bold; }




/* ======================== Unknown stuff?? */

div#sp311left { float: left; border: 0; margin: 0 0 0 0; padding: 0 0 0 0;} 
div#sp311right {float: left; border: 0; margin: 0 0 0 0; padding: 20px 0 0 20px;  }
div.moreinformation {position: relative; border: 0; width: 90%; padding-top: 15px; }
td.name {text-align: right; font-weight: bold; } 

ul.text li {padding-bottom: 1.5em;}
img.textflow   {position: relative; top: 10px; border: 0; }
p.minheight  {height: 150px; }
p.imagecen {text-align: center; }
p.imagecen img {margin-right: auto; margin-left: auto; }
img.flag {border: 0; padding-left: 1em; padding-right: 1em; }

div#blurb {border: 0; margin-right: 2em; }

div.buttons a {display: inline-block; border: thin solid #003366; background-color: #336699; 
	color: white; font-size: 80%; font-weight: bold; padding: 0.2em; 
	text-decoration: none; }

div.left {border: thin solid #CCCCFF; width: 44%; padding: 0 1em 0 1em; margin: 0;}
div.right {border: thin solid #CCCCFF; width: 44%; float: right; padding: 0 1em 0 1em; margin: 0} 




img.icon {width: 32px; margin-top: 2px; }


/*  ====================   Tables ==================== */

/* product table style is for */
table.product {border-collapse: seperate; border: 0;  font-size: 100%;  margin-left: 3%; margin-right: 3%; width: 94%; padding: 0.75em}
table.product td {height: 25px; padding: 0.5em; }
table.product td.name {font-weight: bold; text-align: center; border-left: thin solid #CCCCFF; border-right: thin solid #CCCCFF;}
img.thumbnail {border: 0; }

/* plain table style is for product index pages;  plain but with white b/g for emphasis */
table.plain {background-color: white; }
table.plain {border: solid 3px; border-color: #082422; border-collapse: collapse; border-spacing: 0; 
		empty-cells: show; font-size: 90%; margin: 0 1em 0 1em; }
table.plain th {margin: 0 0 0 0; padding: 0.5em; font-weight: bold; color: #FFFFFF; background-color: #082442; }
table.plain th a {color: #FFFFFF; }
table.plain th a:visited {color: #99CCFF; }
table.plain th a:hover   {color: #0099CC;}
table.plain td {border: #082422 2px solid; margin: 0; padding: 0.5em; }
table.plain img {border: 0; }
table.plain ul {margin-left: 0em; padding-left: 0.2em; }
table.plain li {margin-left: 0em;  list-style-type: square; list-style: inside; }

/* product table style is for*/
table.features 		{margin-left: 2em; margin-right: auto; font-size: 100%; border-collapse: collapse; }
table.features td 	{vertical-align: middle;  border-bottom: thin solid #ccccff; margin: 0 0 0 0; 
				padding: 2px 5px 2px 0;}
table.features tr 	{padding: 0 0 0 0; margin: 0 0 0 0; }
table.features table 	{font-size: 100%; }
table.features table th {vertical-align: middle; }
table.features table td {vertical-align: middle; }
tr.heading 		{color: white; font-weight: bold; background-color: #082442; border-bottom: none; 
				vertical-align: middle; padding: 0.5em; }
tr.heading td 		{padding: 0.5em; vertical-align: middle}

/* product table style is for */
table.chart {border-spacing: 1em; border: medium solid navy; 
		border-collapse: collapse; empty-cells: show; font-size: 100%; margin: 2%; padding: 2%;}
table.chart tr {border: thin solid navy; padding: 5px;  }
table.chart th {border: thin navy solid; padding: 5px; font-weight: bold; color: navy; }
table.chart td {border: thin navy solid; padding: 5px; }

/* product table style is for */
table.listoffilenames {border: 0; border-collapse: collapse; border-spacing: 0;  empty-cells: show; font-size: 100%; }
table.listoffilenames th {border: 0; margin: 0; padding: 0.5em; font-weight: bold; color: navy; }
table.listoffilenames td {border: 0; margin: 0; padding: 0.5em; }
table.listoffilenames tr {border-top: thin solid navy; border-bottom: thin solid navy; margin: 0 0 0 0; padding: 0.5em 1em 0.5em 1em; }





/*  ====================   Layout ==================== */

#topmenu {color: #FFFFFF; text-align: right; } 
a.nav {	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;}
a.nav:hover {text-decoration: none;}
#topmenu form {padding: 0em; margin: 0;  }

#navbar 	{float: left; width: 200px; font-size: 85%; 
		margin: 0 ; padding: 0;}
#navbar h1   	{font-size: 80%; text-align: left; 
			padding-bottom: 0.5em; padding-left: 0.5em; margin-bottom: 0; }
#navbar h2    	{font-size: 110%; background: none; width: 100%; text-align: center;
		margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; color: #082442;}
#navbar h2 a	  	{text-decoration: none;}
/* #navbar h2 a:hover  	{text-decoration: none; background-color: #FFFF66; } */
#navbar h3    		{text-align: center;  }
#navbar p	{text-align: justify; padding: 1em; }

#navbar ul    		{padding: 0; margin: 0;}
#navbar li    		{padding: 3px; margin: 0.7em; list-style-type: none; font-size: 92%; border: solid white; 
				border-width: 3px; border-style: double; background: #99CCFF; }
#navbar li a  		{text-decoration: none; display: block; width: 100%; }
#navbar li a:hover  	{background-color: #FFFF66;}

p.navlink     		{margin: 10px 5px 10px 5px; padding: 5px 5px 5px 5px; text-align: center;  border: thin navy solid;  background-color: white; }
div#navsection 		{margin: 0 5px 0 5px; padding: 5px 1px 5px 1px ; border-top: thin white solid; border-bottom: thin white solid; }
#navbar .maplist li   	{margin: 10px 0 10px 10px;; }
#menub img		{display: none;}
#menub a		{border: none;}

#main     {position: static; padding: 1em 5px 0 10px; margin: 0 0 0 205px; font-size: 90%; 
border: 0; border-left: thin solid white; border-width: 2px;  background: white;
background-image: url("newbg.jpg"); background-repeat: repeat-x; }

div#features    	{padding: 0.5em; margin: 0.5em; width: 30%; float: right; border: thin solid white; background: #99CCFF; font-size: 100% }
div#features h2 	{background: 0; margin: 0.3em 0 0.5em 0; padding-top: 0; font-size: 120%; width: 100%; }
div#features ul 	{font-size: 80%; margin: 0 0 0.5em 2em; padding: 0; list-style-type: square; }
div#features ul li 	{padding: 0 0 0.5em 0; }
div#features td 	{font-size: 70%; }
div#features tr 	{border: thin solid black;}
div#features td ul 	{list-style-image: url("/images/tinylistmarker.jpg"); }
div#features td ul li	{padding-bottom: 0; list-style-image: url("/images/tinylistmarker.jpg");}


#footer    {clear: right; clear: left; margin: 2em 0 2em 0; border: thin solid #979AA5; text-align: center; background: #949AA5;}
#footer a  {color: white; }
p.address  {font-size: 80%; text-align: center; color: white; }