/* =Layout
-------------- */

/*************************
* Table of Contents
*
* 1 =Basics
* 2 =Head
* 3 =Main
* 4 =Footer
*
* 5. =Page Specific
*
*************************  

/* 1 =Basics
-------------- */
/* Start with a clean slate */
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img {
margin: 0;
padding: 0;
border: 0;
}

body {margin: 10px 0 0 0; }

#topsection, #footer, #f1, #f2
{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#column-wrapper
{
width: 843px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}



/* 2 =Head
---------- */

#topsection
{
  height: 124px; /*Height of top section*/
  position: relative;
}

#ddcolortabs ul li
{
  display: inline;
}


/* 3 =Main
---------- */

#column-wrapper
{
  clear: both;
  overflow: hidden;
  position: relative;
  
}

/* Place the individual columns */
#column-wrapper #left-column
{
  float: left; 
  width: 180px;
  margin-left:0px;
}

#column-wrapper #main-column
{
  float: left;
  width: 470px;
}

#column-wrapper #right-column
{
  float: left;
  width: 190px;
}

/* Extend the column bottoms */
#left-column, #main-column, #right-column
{
padding-bottom: 32000px;
margin-bottom: -32000px;
}

/* 4 =Footer
----------- */

#footer
{
clear: both;
}


/* 4 =Page Specific
------------------- */




#column-wrapper #left-column img{
margin-left: 9px;
margin-right: 9px;
}

#column-wrapper img{
margin-top: 10px;
}

/* Contact.htm */

#contact
{
  position: relative;
}

#address
{
  clear: left;
  width: 40%;
  float: left;
}

#phone
{
  width: 40%;
  float: left;
}

#fax
{
  width: 40%;
  float: left;
  clear: left;
}

#email
{
  float: left;
  width: 40%;
}

/* writings.htm */
.writings-title
{
  clear: both;
  width: 350px;
  margin-left: 60px
}


.writings-link
{
    clear: both;
  width: 350px;
  margin-bottom: 30px;
  margin-left: 60px;
}