body			{ background-image: url(images/dion_bg.gif); background-color: white; background-repeat: repeat-x; }

table.menu 		{ border-collapse: collapse; width: 530px; background-color: black;}
table.menu td		{ border-width: 0px 1px 0px 1px; border-style: solid; border-color: white; text-align: center; padding: 3px 0px 3px 0px;}
table.menu td:hover	{ background-color: rgb(26,149,121); }
td.cur			{ background-color: rgb(9,51,41); }
table.menu a 		{ color: white; text-decoration: none; text-align: center; font-family: arial; font-weight: bold; font-size: 13px; }

div.menu		{ position: absolute; bottom: 5px; right: 10px; }
div.menuf		{ position: absolute; top: 5px; right: 100px;  background-color: red;}
div.menuf_outline	{ position: absolute; top: 0px; left: 0px; width: 100%; height: 35px;;}

div.copyright		{ position: absolute; left: 0px; bottom: 35px; width: 100%; text-align: center; font-size: small; font-family: arial; }

div.tagline		{ position: absolute; right: 3%; top: 3%; width: 50%; height: 15%; font-family: "Lucida Handwriting" "Lucida Calligraphy" "Arial"; 
			  font-weight: bold; text-align: right; font-size: 20px; font-style: italic; color: white; }

div.logo		{ position: absolute; top: 0px; left: -5%; }
img.logo		{ border: 0px; }

img.page_logo		{ position: absolute; bottom: 0px; right: -3px; width: 402px; height: 85px; border: 0px;}
div.page_logo		{ position: absolute; right: 5px; bottom: 0px; background-color: white; }

div.right_white		{ position: absolute; right: 0px; top: 0px; height: 116px; width: 5px; z-index: 10; background-color: white; }

div.header_wrapper	{ position: relative; top: 2%; left: 10%; width: 80%; background-color: black; padding-top: 10px;}
div.header 		{ position: relative; top: 0px; left: 3%; background-color: black; height: 122px; width: 94%; }

div.document		{ position: relative; left: 10%; width: 80%; }
div.footer		{ position: absolute; left: 0px; bottom: 10px; width: 100%; height: 120px; }

div.dots		{ position: absolute; left: 100px; top: 200px; width: 500px; height: 500px; background-image: url(images/dots.jpg); background-repeat: repeat; z-index: -100; display: none; }

body			{ background-color: #ffffff; margin: 0px; height: 100%; }
html			{ height: 100%; overflow-y: scroll;}

div.outline		{ position: absolute; min-height: 100%; width: 100%; }
* html div.outline 	{ height: 100%;}

div.page_logo2  	{ background: black; position: absolute; right: 100px; bottom: 5px; height: 70px; width: 300px;}
div.page_logo2 h1 	{ font: normal 330%/100% "Lucida Grande", Arial, sans-serif; position: relative;
			  margin: 0; color: white; letter-spacing: 5px; top: 4px; }
#div.page_logo2 h1 span 	{ background: url(images/gradient-shine.png) repeat-x; position: absolute; display: block; 
			  width: 300px; height: 64px; top: 0px; }