/* Style Sheet */


/* Generic Styles */

body {margin: 0px; background-color: #174197; color: #ffffff; font-size: 10pt;}

img {border: 0px none;}

h1 {}

h2 {font-size: 16pt; font-weight: bold;}

h3 {font-size: 12pt;}

h4 {font-size: 10pt; font-weight: bold;}

h5 {font-size: 10pt; font-weight: bold; color: #cccccc;}

h6 {font-size: 12pt; font-weight: bold;}

ul {list-style-type: square; margin-top: -20px;}

a {color: orange; text-decoration: none;}

a:link {color: orange; text-decoration: none;}

a:active {color: orange; text-decoration: none;}

a:visted {color: orange; text-decoration: none;}

a:hover {color: #cccccc; text-decoration: none;}


/* Created Styles (Header) */

.header {background-color: #174197; background-image: url(../images/header_title.jpg); background-repeat: no-repeat; width: 100%; height: 60px; min-height: 60px; border-bottom: 2px solid #ffffff; text-indent: 50px; font-size: 18pt;}


/* Created Styles (Content) */


.content {float: left; width: 680px; border-left: 2px dashed #ffffff; padding: 7px;}

.content_step1_htmltemplate {border: 2px solid #cccccc; padding: 10px; margin: 30px; width: 500px;}

.content_step1_xhtmltemplate {border: 2px solid #cccccc; padding: 10px; margin: 30px; width: 500px;}

.content_step2_example {border: 2px solid #cccccc; padding: 10px; margin: 30px; width: 500px;}

.content_step2_classesexample {border: 2px solid #cccccc; padding: 10px; margin: 30px; width: 500px;}

.content_step3_example1 {border: 2px solid #cccccc; padding: 10px; margin: 30px; width: 500px;}

.content_step3_example2 {border: 2px solid #cccccc; padding: 10px; margin: 30px; width: 500px;}

.content_step3_example3 {border: 2px solid #cccccc; padding: 10px; margin: 30px; width: 500px;}


/* Created Styles (Menu) */

.menu {float: left; width: 150px;}


/* Created Styles (Step Navigation) */

.nav_prev {float: left; width: 50%; border-bottom: 2px solid #ffffff;}

.nav_next {float: right; text-align: right; width: 49.99%; border-bottom: 2px solid #ffffff;}