* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 85.01%;
   line-height: 1em;
}

div {
   font-size: 1em;
}

img {
   border:0;
}

a,
a:link 
a:active {
   text-decoration: underline;
   background-color: transparent; 
   color: #F0F0F0; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #9C9999;                
}


a:hover {
   text-decoration: none;
   color: #D2CC67;
   font-size: 2em;
}

/***************
layout
*****************/
body {
   background: #566368;
   color: #000;
}

div#pagewrapper {
   margin: 0 auto;      
   max-width: 85em;   
   min-width: 73em;
   background: #566368; 
   color: #E3E3E3;
}


/*** header ***/

div#header {
  height: 384px; 
  width: 970px;
  margin: 0 1.4em
}

div#header h1 {
   background: transparent url(/images/cms/step_970.jpg) no-repeat;
   width: 970px;
   height: 384px; 
}

div#header h1 a {
   display: block; 
   height: 384px;             
   text-indent: -999em;  
   text-decoration:none; 
}

div#header h1 a:hover {
  font-size: 100%;
}

div#right {
   background: url(images/cms/bg_1.jpg) repeat-x;
   float:right;
   height:151px;
   margin: 0 0.1em 0 0.1em;
}

div#search {
   float: right;
   width: 23em;   
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   padding: 0; 
   font-size: 90%;        
   margin: 0;       
   width: 95%;
}

div#pass {
   width: 970px;
   height: 35px:
   background: #566368;
   margin: 0 1em 0 1em; 
   padding:0.2em 1em 2em 1em;   
   
}

div#pass h2 {
   float: left;
   text-decoration:none;
   font-family: 'Trebuchet MS', Arial, Helvetica;
   font-style: normal;
   font-size: 35px;
   color: #888866;
   letter-spacing: -3px;
   padding: 0.2em 0 0.3em 0
}

div#pass h3 a{
   float: right;
   text-decoration:none;
   font-size: 35px;
   color: #8C9F9F;
   margin-right: 150px;
   letter-spacing: -4px;
   padding: 0.2em 0.3em 0.5em 0
}

div#content {
   margin: 0.5em auto 2em 0;   
}


div#main {
   margin-left: 29%; 
   margin-right: 2%; 
   background-color: #566368;
}

div#main a:hover {
   font-size: 100%;
}

div#sidebar {
   /*background:#536368;*/
   float: left;       
   width: 26%;     
   display: inline;  
   margin-left: 0;
   margin-bottom: 5px;
   margin-top: 25px;
   border-top: 1px solid #67777D;
   border-right: 7px solid #67777D;
   border-bottom: 1px solid #67777D;  
}


div#footer {
   float: letf;
   clear: both;       
   width: 100%;
   margin-top: 0.5em;
   border-top: 7px solid #67777D;
   background-color: #566368; 
}

div#footinside {     
   margin: 0px;
   padding-top: 1.5em;
   font-size: 90%;
}

div.footinside_nag {      
   font: bold 150% "Georgia", "Trebuchet MS", serif;
}

#footsearch, #footautor, #footlinks, #w3c_org {
	float:left;
	width:25%;
	margin-left:30px;
	padding-bottom:30px
}

#footsearch {
       height: 150px;
}

#footlinks a {
	font-size: 110%;
}

#footautor {
	font-size: 110%;
        line-height: 1.2em;
}



#footinside a {
	color:#CECACA;
}

#w3c_org {
       padding-top: 180px;
}


div#comments textarea {
   width: 100%;
   margin: 0 0;
}

div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px solid #67777D;
   margin: 1em 0;
}


div.left49 {
  font-size: 90%;
  float: left;
  width: 52%; 
}

div.right49 {
  float: right;
  width: 26%;
  text-align: right;
}

div.right49 p{
  font-size:80%;
}

#thx {background-color:#FFCC00;border:1px solid #eee; padding-left:.5em;color:#000000;}
#thx a {color:#000000;}

/********************
form builder
*********************/

div.formbuilderform {
   width:100%;
   margin: 5px 0 0 0;
}

div.formbuilderform textarea {
   margin: 5px 0 0 0;
   padding-top: 0;
   width:90%;
   display: block;
}


div.submit {
   margin: 5px 0 0 0;
}

#flashcontent {
width:401px;
border:1px solid #e2e2e2;
padding: 5px;
}

/********************
CONTENT 
*********************/
div#content {
}

div#content h1 {
   font-size: 2em; 
   line-height: 1em;
   margin: 0;
}
div#content h2 {
	color: #E3E3E3; 
	font-size: 1.8em; 
        font-family: 'Georgia', 'Times New Romans', 'Palatino', serif;
	text-align: left; 
        letter-spacing: -2px;
	padding-left: 0em;
	padding-bottom: 1px;
        line-height: 1.5em;
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #E3E3E3; 
   font-size: 1.5em;
   font-family: 'Georgia', 'Times New Romans', 'Palatino', serif;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #E3E3E3; 
   font-size: 1.2em;
   font-family: 'Georgia', 'Times New Romans', 'Palatino', serif;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #E3E3E3; 
   font-size: 1.1em;
   font-family: 'Georgia', 'Times New Romans', 'Palatino', serif;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #E3E3E3; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; 
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

code, pre { 
white-space: pre-wrap;       /* css-3 */
 /*white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 /*white-space: -pre-wrap;      /* Opera 4-6 */
 /*white-space: -o-pre-wrap;    /* Opera 7 */
 /*word-wrap: break-word;       /* Internet Explorer 5.5+ */
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}


pre { 
 border: 1px solid #000;  
 background-color: #ddd;
 margin: 0 1em 1em 1em;
 padding: 0.5em;
 line-height: 1.5em;
 font-size: 90%;
} 

div.templatecode {
  margin: 0 0 2.5em;
}



/* LISTY */

div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

/* END LISTY */