diff --git a/hadocs/dita-ot/trunk/src/css/img01.jpg b/hadocs/dita-ot/trunk/src/css/img01.jpg
new file mode 100644
index 00000000..12dbe17f
Binary files /dev/null and b/hadocs/dita-ot/trunk/src/css/img01.jpg differ
diff --git a/hadocs/dita-ot/trunk/src/css/img03.jpg b/hadocs/dita-ot/trunk/src/css/img03.jpg
new file mode 100644
index 00000000..55381656
Binary files /dev/null and b/hadocs/dita-ot/trunk/src/css/img03.jpg differ
diff --git a/hadocs/dita-ot/trunk/src/css/public.css b/hadocs/dita-ot/trunk/src/css/public.css
new file mode 100644
index 00000000..9db61dbd
--- /dev/null
+++ b/hadocs/dita-ot/trunk/src/css/public.css
@@ -0,0 +1,103 @@
+/*
+     This file is part of the DITA Open Toolkit project hosted on 
+     Sourceforge.net. See the accompanying license.txt file for 
+     applicable licenses.
+     (c) Copyright IBM Corp. 2004, 2009 All Rights Reserved.
+
+     This file uses a few simple settings to create a new look and
+     feel for the generated XHTML output. Note that most elements
+     are still styled based on the toolkit's default CSS file, while
+     this CSS file only provides a few overrides to that core style.
+
+     For a sample build that uses this CSS file, see the following Ant
+     build file within your toolkit install directory:
+     samples/ant_sample/sample_xhtml_plus_css.xml
+*/
+
+* {
+	padding-top: 0px;
+	padding-right: 0;
+	padding-bottom: 0;
+	padding-left: 0;
+	margin-top: 0px;
+	margin-right: 0px;
+	margin-bottom: 0px;
+	margin-left: 0px;
+	top: auto;
+}
+.topictitle1 {
+	font-size: 2.5em;
+	background: url(img03.jpg) repeat-x left bottom;
+}
+.topictitle2 {
+	font-size: 2em;
+}
+body {
+	margin: 20px 0;
+	background: #FFFFFF urlrepeat-x left top;
+	text-align: left;
+	font-family: Geneva, Arial, Helvetica, sans-serif;
+	font-size: 0.9em;
+	color: #333333;
+	float: left;
+	padding-top: 0;
+	padding-right: 5px;
+	padding-bottom: 0;
+	padding-left: 30px;
+}
+h1, h2, h3 {
+	padding-bottom: 10px;
+	margin-bottom: 15px;
+	text-transform: uppercase;
+	font-family: Arial, Helvetica, sans-serif;
+}
+p, ul, ol, dl {
+	margin-top: 0.8em;
+}
+ul, ol, dl {
+	margin-left: 1.2em;
+}
+dt {
+	font-weight: bold;
+}
+dd {
+	margin-left: 3em;
+}
+blockquote {
+	margin-left: 3em;
+	margin-right: 3em;
+	font-style: italic;
+}
+
+
+a {
+	border: none;
+	text-decoration: underline;
+	color: #004080;
+
+	line-height: 1.4em;
+}
+
+a:hover {
+	border: none;
+	color: #FF3333;
+	text-decoration:none;
+}
+
+
+/* Header */
+
+#header {
+	width: 960px;
+	height: 90px;
+	margin: 20;
+	float: left;
+}
+
+pre {
+	font-family: "Courier New", Courier, monospace;
+}
+
+.codeph{
+	font-family: "Courier New", Courier, monospace;
+}