document.write('<style type="text/css">'
+ 'body'
+ '{'
+ 'margin: 0;'
+ 'font-family: Verdana, Arial, sans-serif;'
+ '	background-image: url(images/gray_gradiant.jpg);'
+ '    background-repeat: repeat-x; '
+ ' /* instance test */'
+ '}'
+ '#wrapper'
+ '{'
+ 'width: 750px;'
+ 'margin: 0 auto;'
+ '}'
+ '#header'
+ '{'
+ 'padding:0; /* 25px; */'
+ 'background: #2C5885  /* #eeeeee; */'
+ '}'
+ '#content'
+ '{'
+ '}'
+ '#left'
+ '{'
+ 'width: 375px;'
+ 'background: #b8b8b8; /* #dedede; */'
+ 'float: left;'
+ 'height: 358px; /* 500px; */'
+ 'font-size:9pt;'
+ '}'
+ '.left-container'
+ '{'
+ 'margin: 0px;'
+ 'margin-bottom: 0;/* IE6 pushes footer down without this */'
+ '}'
+ '#right'
+ '{'
+ 'width: 375px;'
+ 'background: #dedede;  /* #b8b8b8; */'
+ 'float: left;'
+ 'height: 358px; /* 500px; */'
+ 'font-size:9pt;'
+ '}'
+ '.right-container'
+ '{'
+ 'margin: 0  /* 20px; */'
+ 'margin-bottom: 0;/* IE6 pushes footer down without this */'
+ '}'
+ '#footer'
+ '{'
+ 'padding: 0; /* 10px; */'
+ 'background: #eeeeee;'
+ '}'
+ '.clear'
+ '{'
+ 'clear: left;'
+ '}	'
+ '.example {'
+ '	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;'
+ '	font-size: 88%;'
+ '}'
+ '/* * * * * * * * * * * * * * * * * */'
+ 'div#Billboard1 {'
+ '    background-image:  url(images/Doorway2008.jpg);'
+ '    background-repeat: no-repeat;'
+ '    height: 300px;'
+ ' 	color:#FFF;'
+ '	width: 350px; '
+ '	float:left'
+ '}'
+ 'div#Billboard1Text {'
+ '	position: relative;'
+ '    height: auto;'
+ '    width: auto;'
+ '    left: 4px;'
+ '    top: 130px;	 /* 190px;	 */'
+ '	font-family: verdana, helvetica, sans-serif;'
+ '	color:#FFF;	'
+ '	font-size:10pt;'
+ '	font-weight:regular;'
+ '}	 '
+ '/* If the text positioning relative to the image is simple, '
+ 'you could add any necessary text formatting to the div#test style '
+ 'and use the padding-top and padding-left attributes to position the text in the <div>. '
+ 'On the other hand, if you need more control over text positioning, '
+ 'or the text consists of multiple lines and paragraphs, '
+ 'you can nest the text within another <div>, like this: '
+ '172px;'
+ '    background-image:  url(images/Doorway16c.jpg);'
+ '    background-repeat: no-repeat;'
+ '*/'
+ 'div#Billboard2 {'
+ '    height: 12px;'
+ ' 	color:#FFF;'
+ '	width: 350px; '
+ '	float:left'
+ '}'
+ 'div#Billboard2Text {'
+ '	position: relative;'
+ '    height: auto;'
+ '    width: auto;  	 '
+ '    color:#FFF;'
+ '	left: 34px;'
+ '    top: 124px;	 /* 190px;	 */'
+ '	font-family: verdana;'
+ '	font-size:7pt;'
+ '	font-weight:regular;'
+ '}	'
+ 'a#SpecialLink:link {color: gray; text-decoration: none;}'
+ 'a#SpecialLink:visited {color: gray; text-decoration: bold;}'
+ '/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */'
+ '/* remove all list stylings */'
+ '.menu, .menu ul {'
+ '	/* height: 37px;162px; */'
+ '	margin: 0;'
+ '	padding: 0;'
+ '	border: 0;'
+ '	list-style-type: none;'
+ '	display: block;'
+ '}'
+ '.menu li {'
+ '	margin: 0;'
+ '	padding: 0;'
+ '	border: 0;'
+ '	display: block;'
+ '	float: left;	/* move all main list items into one row, by floating them */'
+ '	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */'
+ '	z-index: 5;		/* thus we need to apply explicit z-index here... */'
+ '}'
+ '.menu li:hover {'
+ '	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */'
+ '	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)'
+ '							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */'
+ '}'
+ '.menu li li {'
+ '	float: none;/* items of the nested menus are kept on separate lines */'
+ '}'
+ '.menu ul {'
+ '	visibility: hidden;	/* initially hide all submenus. */'
+ '	position: absolute;'
+ '	z-index: 10;'
+ '	left: 0;	/* while hidden, always keep them at the top left corner, */'
+ '	top: 0;		/* 		to avoid scrollbars as much as possible */'
+ '}'
+ '.menu li:hover>ul {'
+ '	visibility: visible;	/* display submenu them on hover */'
+ '	top: 100%;	/* 1st level go below their parent item */'
+ '}'
+ '.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */'
+ '	top: 0;'
+ '	left: 100%;'
+ '}'
+ '/* -- float.clear --'
+ '	force containment of floated LIs inside of UL */'
+ '.menu:after, .menu ul:after {'
+ '	content: ".";'
+ '	height: 0;'
+ '	display: block;'
+ '	visibility: hidden;'
+ '	overflow: hidden;'
+ '	clear: both;'
+ '}'
+ '.menu, .menu ul {	/* IE7 float clear: */'
+ '	min-height: 0;'
+ '}'
+ '/* -- float.clear.END --  */'
+ '/* -- sticky.submenu --'
+ '	it should not disappear when your mouse moves a bit outside the submenu'
+ '	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!'
+ '	if you do it, make sure you 110% know what you do */'
+ '.menu ul {'
+ '	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */'
+ '	padding: 10px 30px 30px 30px;'
+ '	margin: -10px 0 0 -30px;'
+ '	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.'
+ '								you can also use to adjust the safe area to your requirement */'
+ '}'
+ '.menu ul ul {'
+ '	padding: 30px 30px 30px 10px;'
+ '	margin: -30px 0 0 -10px;'
+ '}'
+ '/* -- sticky.submenu.END -- */'
+ '/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */'
+ '.menu, .menu ul li {'
+ '	color: #eee;'
+ '	background: #234;'
+ '}'
+ '.menu ul {'
+ '	width: 11.75em;'
+ '}'
+ '.menu a {'
+ '	text-decoration: none;'
+ '	color: #eee;'
+ '	padding: .4em 1em;'
+ '	display: block;'
+ '	position: relative;'
+ '}'
+ '.menu a:hover, .menu li:hover>a {'
+ '	color: #fc3;'
+ '}'
+ '.menu li li {	/* create borders around each item */'
+ '	border: 1px solid #ccc;'
+ '}'
+ '.menu ul>li + li {	/* and remove the top border on all but first item in the list */'
+ '	border-top: 0;'
+ '}'
+ '.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */'
+ '	top: 5px;'
+ '	left: 90%;'
+ '}'
+ '/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu'
+ '	placed here to clarify the terminology I use when referencing submenus in posts */'
+ '.menu>li:first-child>a, .menu li + li + li li:first-child>a {'
+ '	color: #FFAC54;'
+ '}'
+ '/* Fix for IE5/Mac \*//*/'
+ '.menu a {'
+ '	float: left;'
+ '}'
+ '/* End Fix */'
+ '/*]]>*/'
+ '</style>'
+ '<!--[if lte IE 6]>'
+ '<style type="text/css" media="screen, tv, projection">'
+ '/*<![CDATA[*/'
+ '/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */'
+ '.menu, .menu ul {	/* float.clear */'
+ '	zoom: 1;'
+ '}'
+ '.menu li.adxmhover {'
+ '	z-index: 10000;'
+ '}'
+ '.menu .adxmhoverUL {	/* li:hover>ul selector */'
+ '	visibility: visible;'
+ '}'
+ '.menu .adxmhoverUL {	/* 1st-level submenu go below their parent item */'
+ '	top: 100%;'
+ '	left: 0;'
+ '}'
+ '.menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */'
+ '	top: 0;'
+ '	left: 100%;'
+ '}'
+ '/* - - - ADxMenu: DESIGN styles - - - */'
+ '.menu ul a {	/* fix clickability-area problem */'
+ '	zoom: 1;'
+ '}'
+ '.menu li li {	/* fix white gap problem */'
+ '	float: left;'
+ '	width: 100%;'
+ '}'
+ '.menu li li {	/* prevent double-line between items */'
+ '	margin-top: -1px;'
+ '}'
+ '.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */'
+ '	color: #fc3;'
+ '}'
+ '.menu .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenus, to show off overlapping */'
+ '	top: 5px;'
+ '	left: 90%;'
+ '}'
+ '/*]]>*/'
+ '</style>'
+ '<script type="text/javascript" src="code/ADxMenu.js"></script>'
+ '<![endif]-->'
+ '</style>');