html, body{ 
margin:0; 
padding:0; 
text-align:center;
/**background-image: 
url('http://www.tumbleweedglass.com/images/black_grdnt.gif');
background-repeat: repeat-x;**/
background-color:#ffffff; 
} 

#pagewidth{ 
width:90%; 
text-align:left;  
margin: 0 10px 10px 10px; 
/**background-image: 
url('http://www.tumbleweedglass.com/images/black_grdnt.gif');
background-repeat: repeat-x;**/
background-color:#ffffff; 
} 

h2 {
text-decoration: underline;
text-align: center;
color: #000000;
}


h6 {
color: #FFFFFF;
text-indent:-9000px;
}

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }
.text-indent	{ margin: 0 0 0 1em; }

#header h2 {
padding: 0;
margin: 0;
color: #000;
} 

#header{
 position:relative; 
 height:183px; 
 width:100%;
background-color: transparent; 
font-family: georgia, serif;
color: #000;
margin: 0;
font-size: 30px;
font-weight: bold;
text-align:center;
} 

#homeheader{
position:relative; 
height:10px; 
width:100%;
background-color: transparent; 
color: #fff;
margin: 0;
text-align: center;
font-family: georgia, serif;
font-size: 30px;
font-weight: bold;
text-align: center;
} 


.blue {
font-size: 100%;
font-family: verdana;
font-size: 14px;
text-align: center;
background: #B4D0E2;
color: #000;
text-decoration: none;
padding: 0 .1cm .2cm .1cm;
}

.bluetext {
font-size: 100%;
font-family: verdana;
font-size: 14px;
text-align: left;
background: #FFFFFF;
color: #3330FF;
text-decoration: none;
padding: 0 .1cm .2cm .1cm;
}


.blueleft {
font-size: 100%;
font-weight: bold;
text-align: left;
line-height: 190%;
font-family: verdana;
font-size: 16px;
background: #FFFFFF;
color: #3330FF;
text-decoration: none;
padding: 0 .1cm .2cm .1cm;
}


.red {
font-size: 100%;
font-family: verdana;
font-size: 14px;
text-align: center;
background: #FFFFFF;
color: #FF0033;
text-decoration: none;
padding: 0 .1cm .2cm .1cm;
}

.body {
/**font-size: 105%; **/
font-weight: bold;
text-align: left;
line-height: 190%;
margin: 1cm .3cm .3cm .3cm;
background: #FFFFFF;
color: #000000;
font-family: verdana;
font-size: 16px;
} 

p {
text-align: left;
padding: 5px 7px 3px 7px;
background: #FFFFFF;
color: #000000;
margin: 0;
font-family: verdana;
font-size: 16px;
line-height: 190%;
word-spacing: 2px;
} 

.light {
text-align: left;
padding: 5px 7px 3px 7px;
background: #F5F5F5;
color: #000000;
margin: 0;
font-family: verdana;
font-size: 12px;
line-height: 190%;
word-spacing: 2px;
}


#maincol h3{
text-align: left;
color: #000000;
text-decoration: none;
} 

#maincol{
margin-left: 211px;
background: #FFFFFF;
text-align: left;
line-height: 190%;
color: #000000;
padding: 4px 2px 2px 10px;
font-family: verdana;
font-size: 16px;
word-spacing: 2px;
min-height: 2300px;
} 


#maincol h2{
text-align: center;
color: #543230;
text-decoration: none;
}

#maincol span{
width:100%;
background-color: #FFFFFF;
padding: 5px 1px 1px 60px;
} 

#onecol{
background: #FFFFFF;
text-align: left;
line-height: 190%
color: #000000;
padding: 2em 1em 1em 2em;
font-family: verdana;
font-size: 16px;
word-spacing: 2px
min-height: 2300px;
} 

#onecol h2{
text-align: center;
color: #543230;
text-decoration: none;
}

#onecol span{
width:100%;
background-color: #FFFFFF;
padding: 5px 1px 1px 60px;
} 

.bigbody {
font-size: 105%; 
font-weight: bold;
} 

 

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#header{display:none;}
#leftcol{display:none;}
#footer{display:none;}
#twocols, #maincol{
border: 0;
margin: 0 5%;
padding: 0;
width:auto; 
float:none;}
}

/** This is the Tables  styles **/
td 
{
border: 1px solid #543230;
padding: 10px 8px 10px 8px;
}

table.one{
margin: 10px 8px 10px 8px; 
padding: 10px 8px 10px 8px; 
table-layout: automatic;
font-weight: Bold; 
text-align: Left;
color: #000000;
background: #FFFFFF;
}

/** This is the menu Control styles **/
#leftcol{
float: left;
width: 210px;
margin: 20px 0px 0px 0px;
background: #FFFFFF;
font-family: verdana;
font-size: 13px;
text-align: center;
color: #000000;
min-height: 2300px;
padding: 0; 
}

#leftcol p {
text-align: left;
padding: 20px 0px 0px 0px;
background: #FFFFFF;
color: #000000;
margin: 0;
font-family: verdana;
font-size: 14px;
line-height: 190%;
word-spacing: 2px;
}

#leftcol ul
{
list-style-type: none;
text-align: left;
}

#leftcol ul li a
{
background: transparent url(http://www.WebSiteTechnician.com/images/list-off.gif) left center no-repeat;
padding-left: 10px;
text-align: left;
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}

#leftcol ul li a:hover
{
background: transparent url(http://www.WebSiteTechnician.com/images/list-on.gif) left center no-repeat;
color: black;
}

#leftcol ul li a#current
{
background: transparent url(http://www.WebSiteTechnician.com/images/list-active.gif) left center no-repeat;
color: #666;
}

#leftcol h3 {
text-align: left;
padding: 0;
color: #543230;
}

#leftcol h4 {
text-align: center;
padding: 0;
color: #543230;
}
/** the Footer**/

#footer
{
clear: both;
background: #FFFFFF;
margin: 0;
padding: .5em;

}

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/ 
.outerpair1 {
background: url('http://www.tumbleweedglass.com/images/upperrightfade.png') right top no-repeat;
} 


.outerpair2 {
background: url('http://www.tumbleweedglass.com/images/lowerleftfade.png') left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}

.shadowbox {
background: url('http://www.tumbleweedglass.com/images/shadow2.png') bottom right;
vertical-align: bottom;
}


.innerbox {
position: relative;
left: -8px;
top: -8px;
}

.shadowbox img {
border: 0px solid #ccc;
vertical-align: bottom;
}

.pic1 { 
position: absolute;
left: 320px;
top: 340px;
}

.pic2 { 
position: absolute;
left: 550px;
top: 340px;
}

.pic3 { 
position: absolute;
left: 780px;
top: 340px;
}