/* GLOBAL RESET */
* {
margin: 0px;
padding:0px;
}

body  {
margin: 20px;
color: white;
height: 100%;
background-color: White;
font-family:"Courier New", Courier, monospace;
font-size:14px;
}

body.iembed {
color: red;
background-color: black;
}

html{
height: 100%;
}

a:link    { text-decoration:none;      color: Yellow; }
a:visited { text-decoration:none;      color: Yellow; }
a:active  { text-decoration:underline; color: Yellow; }
a:hover   { text-decoration:underline; color: Red; }

p  {
padding: 5px 0px 5px 0px ;
}

ol{
padding: 5px 0px 5px 0px ;
margin: 0px 0px 0px 00px ;
}

ul{
padding: 5px 0px 5px 0px ;
margin: 0px 0px 0px 00px ;
}

li{
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0px 20px ;
}

h1 {
font-size:200%;
padding: 10px 0px 10px 0px ;
}

h2 {
font-size:150%;
padding: 10px 0px 10px 0px ;
}

h3 {
font-size:120%;
padding: 10px 0px 10px 0px ;
}

h4 {
font-size:200%;
color: Red;
padding: 10px 0px 10px 0px ;
}

h5 {
font-size:150%;
color: Red;
padding: 10px 0px 10px 0px ;
}

h6 {
font-size:120%;
color: Red;
padding: 10px 0px 10px 0px ;
}

hr {
margin: 5px 0px 5px 0px ;
color:red ;
}

img{
border:0px;
border-color: white; 
}

/** BOXES ============================================================= **/

div.box{
border-style:solid; 
border-width:1px; 
padding:24px;
margin:20px;
}

div.box-red-frame{
border-style:solid; 
border-color:red; 
border-width:3px; 
padding:22px;
margin:20px;
}

div.box-yellow-frame{
border-style:solid; 
border-color:yellow; 
border-width:3px; 
padding:22px;
margin:20px;
}

div.box-gray{
border-style:solid; 
border-width:1px; 
padding:24px;
margin: 20px;
color: White;
background: #111111;
}

div.box-red{ /* oh my */
border-style:solid; 
border-width:1px; 
padding:24px;
margin: 20px;
color: White;
background: Red;
}

.box-red a:link    { text-decoration:none;      color: Yellow; }
.box-red a:visited { text-decoration:none;      color: Yellow; }
.box-red a:active  { text-decoration:underline; color: Yellow; }
.box-red a:hover   { text-decoration:underline; color: Orange; }

div.box-white{
border-style:solid; 
border-width:1px; 
padding:24px;
margin:20px;
color: black;
background: white;
}

.box-white a:link    { text-decoration:none;      color: Red; }
.box-white a:visited { text-decoration:none;      color: Red; }
.box-white a:active  { text-decoration:underline; color: Red; }
.box-white a:hover   { text-decoration:underline; color: Orange; }

div.box-yellow{ /* echh */
border-style:solid; 
border-width:1px; 
padding:24px;
margin:20px;
color: black;
background: yellow;
}

.box-yellow a:link    { text-decoration:none;      color: Red; }
.box-yellow a:visited { text-decoration:none;      color: Red; }
.box-yellow a:active  { text-decoration:underline; color: Red; }
.box-yellow a:hover   { text-decoration:underline; color: Orange; }

/** CONTAINER ============================================================= **/

#container {
width: 950px;
margin:0px auto;
background: black;
}

/** HEADERS (2) ================================================================ **/

#topper {
color: black;
background: white;
clear: both;
}

#topper-inner {
text-align:center;
}

#topper a:link    { text-decoration:none;      color: Red; }
#topper a:visited { text-decoration:none;      color: Red; }
#topper a:active  { text-decoration:underline; color: Red; }
#topper a:hover   { text-decoration:underline; color: orange;}

#header {
height: 200px;
background: black url('images/dwt/header-950.jpg') no-repeat ;
overflow: hidden;
clear:both;
}

#header-inner {
padding: 85px 150px 10px 150px;
font-size: 110%;
font-weight:bold;
}

/** BODY (4) =================================================================== **/

#middle {
background: black url('images/dwt/middle-950-line.jpg');
clear: both;
}

#middle-header {
padding: 0px 90px 0px 90px;
clear: both;
}

#middle-header-inner {
background-color: Black ;
}

#middle-inner {
padding: 0px 90px 0px 90px;
}

#middle-footer {
padding: 0px 90px 0px 90px;
clear: both;
}

#middle-footer-inner {
background-color: Black ;
}

/** LEFT COLUMN  (3) ================================================================ **/

#middle-left-column {
float:left;
width:180px;
}

#middle-left-content {
}

#middle-left-column hr {
width:170px;
text-align: center;
color: red ;
}

/** RIGHT COLUMN (3) ================================================================ **/

#middle-right-column {
float:right;
width:550px;
}

#middle-right-header {
}

#middle-right-header-inner {
font-size: 150%;
font-weight: bold;
/* color: red; */
padding: 0px 0px 0px 0px;
}

#middle-right-content {
}

#middle-right-content-inner {
}

#middle-right-footer {
}

#middle-right-footer-inner {
}

#middle-right-column hr {
width:550px;
text-align: left;
color: red ;
}

/** FOOTERS (2) ================================================================ **/

#footer {
height: 180px;
background: black url('images/dwt/footer-950.jpg') bottom left;
overflow: hidden;
color: red;
clear:both;
}

#footer a:link    { text-decoration:none;      color: Red; }
#footer a:visited { text-decoration:none;      color: Red; }
#footer a:active  { text-decoration:underline; color: Red; }
#footer a:hover   { text-decoration:underline; color: orange;}

#footer-inner {
padding: 20px 150px 40px 150px;
}

#bottomer {
color: black; 
background: white;
clear:both;
}

#bottomer-inner {
text-align:center;
}

#bottomer a:link    { text-decoration:none;      color: Black; }
#bottomer a:visited { text-decoration:none;      color: Black; }
#bottomer a:active  { text-decoration:underline; color: Black; }
#bottomer a:hover   { text-decoration:underline; color: Red;}