/************************************************
Style Sheet for "The Digital Ham web site.
*************************************************/
* /*Set's border, padding and margin to 0 for all values*/
{
   padding: 0;
   margin: 0;
   border: 0;
}

body, html 
{
   color: #000; 
   font-family: Verdana, Arial, Tahoma, sans-serif;
   background-color: #eee; 
   text-align: center; /*** Centers the design in old IE versions ***/
}

body 
{
   font-size: 70%;
   background-color: #e5edf5;
   color: #000000;
   margin: 0px;
   margin-bottom: 10px;
   padding: 0px;
   font: 11px Verdana, Arial, sans-serif;
}

TDH
{
   position: relative;
   font-family: monospace;
   font-weight: bold;
   font-size: 14px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}

TD P
{
  padding: 7px 0 7px 0;
  font-family: Times New Roman;
  font-size: 14px;
}

P
{
   padding: 7px 0 7px 0;
}

P.center
{
   text-align: center;
}

P.pr
{
   font-family: Times New Roman;
   font-size: 14px;
}

A
{
  color: #428dff;
  text-decoration: none;
}

A.small
{
  font-size: 11px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: right;
}

A:hover
{
   color: #ffb062;
   text-decoration: none;
}

HR
{
	height: 1px;
	margin-top: 5px;
	margin-bottom: 15px;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	padding-bottom: 12px;
}

HR.small
{
	 width: 60%;
	 position:relative;
   left:20%;
}

h1, h2, h3, h4, h5 
{
   font-weight: bold;
   padding-bottom: 5px;
}

H1
{
  font-size: 2em;
  color: #9a9a9a;
  padding-top: 11px;
  padding-bottom: 11px;
}

H1.center
{
  text-align: center;
}

H2
{
   font-size: 1.4em;
   margin: 0.3em;
   font-weight: bold;
   padding-bottom: 5px;
}

H2.center
{
   text-align: center;
}

H3 
{
   font-size: 1.2em;
}

H4
{
   font-size: 0.9em;
}

H4.center
{
   text-align: center;
}

H5
{
   text-align: center;
}

/**************************/
.clear 
{ 
   clear: both; 
}

/**************************/
#mainContainer 
{
   width: 760px;
   margin: 0 auto; /*** Centers the design ***/
   min-height: 300px;
   background: #ffffff;
   text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
   border-right: 1px solid #9a9a9a;
   border-left: 1px solid #9a9a9a;
}

* html #mainContainer 
{
   height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/**************************
HEADER
**************************/
#header 
{
   padding: 0px
}

#headernav
{
   width: 100%;
   height: 30px;
   background-image: url(http://www.thedigitalham.com/images/tile_back.jpg);
}

#headernav P
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   vertical-align: middle;
   padding-top: 5;
   margin-left: 10px;
   color:#000000;
   letter-spacing:1px;
}

#headernav A, headernav A:visited
{
   color: #ffffff;
}

#headernav A:hover
{
   color: #a8cfff;
}

/**************************
CONTENT AND COLUMNS
**************************/
.outer 
{
   padding-left: 165px;  
}

* html .outer {
/*** No need for hacking IE on this layout ***/
}

.inner 
{
   width: 595px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}

* html .inner 
{
   width: 100%;
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap 
{
   float: left;
   width: 760px;
   margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}

.full 
{
   float: left;
   width: 594px;
   margin-left: -165px;
   padding-left: 165px;
}

.full A, full A:visited
{
   color: #428dff;
   text-decoration: none;
}

.full A:hover
{
   color: #ffb062;
   text-decoration: none;
}

* html .float-wrap 
{
/*** No need for hacking IE on this layout ***/
}

#content 
{
   float: right;
   width: 600px;
   background: #fff;
}

* html #content 
{
   position: relative; /*** IE needs this  ***/
}

.contentWrap 
{
   padding: 5px;
}

.contentWrap ol, .contentWrap ul 
{
   margin: 3px 0 5px 35px;
}

.contentWrap li 
{
   padding-bottom: 2px;
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left 
{
   float: left;
   width: 150px;
   background: #ffffff; 
   border-right: 1px solid #9a9a9a;
   border-left: 1px solid #9a9a9a;
   border-bottom: 1px solid #9a9a9a;
   border-top: 1px solid #9a9a9a;
   vertical-align: top;
   margin-left: 4px;
   margin-top: 6px;
}

#left P
{
   padding: 0;
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 8px;
}

* html #left 
{
   position: relative; /*** IE needs this  ***/
}

#left A, left A:visited
{
   color: #428dff;
   text-decoration: none;
   font-weight: bold;
}

#left A:hover
{
   color: #ffb062;
   text-decoration: none;
}

#lefthead
{
   height: 30px;
   background-image: url(http://www.thedigitalham.com/images/tile_back.jpg);
}

#lefthead P
{
   margin-top: 0;
   font-size: 11px;
   font-weight: bold;
   vertical-align: middle;
   margin-left: 10px;
   font-family: Verdana, Arial, sans-serif;
   color:#ffffff;
   letter-spacing:1px;
   padding-top: 5px;
}

/*************************
RIGHT COLUMN
**************************/
#right 
{
   margin: -50px 0 0 -760px; /*** Move the right column so it takes the positon as a top menu ***/
   float: left; 
   width: 750px;
   background: #cfc;
   padding: 5px;
   height: 40px;
}

* html #right 
{
   position: relative; /*** IE needs this  ***/
}

#right ul 
{
   list-style: none;
}

#right li 
{
   display: inline;
   padding-right: 15px;
}

/**************************
FOOTER
**************************/
#footer 
{
   width: 760px;
   margin: 0 auto;
   text-align: center;
   height: 30px;
   background-image: url(http://www.thedigitalham.com/images/tile_back.jpg);
   font-family: Verdana, Arial, sans-serif;
   color:#000000;
   letter-spacing:1px;
   border-right: 1px solid #9a9a9a;
   border-left: 1px solid #9a9a9a;
}

#footer P
{
   font-size: 11px;
   font-weight: bold;
   vertical-align: middle;
   padding-top: 5;
   margin-left: 10px;
}

#footer A, footer A:visited
{
   color: #ffffff;
}

#footer A:hover
{
   color: #a8cfff;
}