body{
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
color: #222;
line-height: 1.166;
margin: 0;
padding: 0;
/*background: #508487;*/
background: #555;
}
a:link, a:visited, a:active{
color: Navy;
text-decoration: none;
padding: 2px;
}
.blogitem a:link, .blogitem a:visited {text-decoration:underline;}
a:hover{
text-decoration: underline;
background-color:black;
color:white;
}
h1{
font: bold 150% Arial,sans-serif;
color: navy;
margin:0;
padding: 8px 0 5px;
}
h2{
font: bold 130% Arial,sans-serif;
color: black;
margin: 0;
padding: 8px 0 5px;
}
h1 input {font-size:14px;}
h3{
font: bold 120% Arial,sans-serif;
color: #000;
margin:0;
padding: 8px 0 5px;
}
h4{
font: 110% Arial,sans-serif;
color: #333;
margin:0;
padding: 5px 0;
}
h5{
font: 100% Arial,sans-serif;
color: #334d55;
margin:0;
padding:0;
}
form, dl, dd {
margin: 0;
padding: 0;
}
label{
font: bold 1em Arial,sans-serif;
color: #334d55;
}
input{
font-family: Arial,sans-serif;
}
hr {
border-top: 1px solid #5E0000;
}
li {margin-bottom:10px;}
#tl {
position:absolute;
top: -1px;
left: -1px;
margin:0;
padding:0;
z-index: 100;
}
#tr {
position:absolute;
top: -1px;
right: -1px;
margin:0;
padding:0;
z-index: 100;
}
#masthead{
position: absolute;
top:0;
left: 20px;
width:900px;
}
#pagecell1{
position:absolute;
top: 110px;
left: 20px;
width:900px;
background-color: #fff;
}
#pageNav{
float: left;
width:180px;
padding:0 10px;
background-color: #F5f7f7;
border-right: 1px solid #111;
border-bottom: 1px solid #111;
font: small Verdana,sans-serif;
}
#pageNav img{
display: block;
}

#pageNav p ,label{font-size:85%; margin:0 0 5px;}
#pageNav h1 {font-size:140%;}
#pageNav h2 {font-size:120%;}
#pageNav h3 {font-size:110%}

#content{
padding:0 10px 0 0;
margin:0 0 0 207px;
/*border-left: 1px solid #ccd2d2;*/
}
#content a * {text-decoration:underline !important;}

#siteName, #siteName a:link,  #siteName a:visited{
margin:0;
padding: 16px 0 8px 0;
color: #ffffff;
font-weight: normal;
}
#siteName a:hover {
color:white;
}
#utility{
font: 75% Verdana,sans-serif;
position: absolute;
top: 16px;
right:0;
color: #919999;
}
#utility a{
color: #ffffff;
}
#utility a:hover{
text-decoration: underline;
color:white;
}
#pageName{
padding:0 0 14px 10px;
margin:0;
border-bottom:1px solid #ccd2d2;
}
#pageName h2{
font: bold 175% Arial,sans-serif;
color: #000;
margin:0;
padding: 0;
}
#pageName img{
position: absolute;
top: 0;
right: 6px;
padding: 0;
margin: 0;
}
#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #111;
padding: 0;
margin: 0;
font-size:14px;
background-image:  url("/images/glbnav_background.gif");
}
#globalNav img{
margin-bottom: -4px;
}
#gnl {
position: absolute;
top:0;
left:0;
}
#gnr {
position: absolute;
top: 0;
right:0;
}
#globalLink{
position: absolute;
top: 6px;
height: 22px;
min-width: 640px;
padding:0;
margin:0;
left: 10px;
z-index: 100;
}
a.glink, a.glink:visited{
font-size: 95%;
color: #000000;
font-weight: bold;
margin:0;
padding: 2px 5px 4px 5px;
border-right: 1px solid #8FB8BC;
}
a.glink:hover{
background-image:  url("/images/glblnav_selected.gif");
text-decoration: none;
color:#4F16AD;
}
.subglobalNav{
position: absolute;
top: 84px;
left:0;
min-width: 640px;
height: 20px;
padding:0 0 0 10px;
visibility: hidden;
color: #ffffff;
font-weight:bold;
}
.subglobalNav a:link, .subglobalNav a:visited {
font-size: 80%;
color: #ffffff;
padding:2px;
}
.subglobalNav a:hover{
color: white;
padding:2px;
}
#search{
position: absolute;
top: 5px;
right: 10px;
z-index: 101;
}
#search input{
font-size: 70%;
margin: 0 0 0 10px;
width:120px;
}
#search a:link, #search a:visited {
font-size: 80%;
font-weight: bold;
}
#search a:hover{
margin:0;
}
#breadCrumb{
padding: 5px 0 5px 10px;
font: small Verdana,sans-serif;
color: #888;
text-align:right;
}
#breadCrumb a{
color: #888;
}
#breadCrumb a:hover{
color: white;
text-decoration: underline;
}
.feature{
padding: 0 0 10px 10px;
font-size: 80%;
min-height: 200px;
height: 200px;
}
.feature td {font-size: 12px;}
html>body .feature {height: auto;}
.feature img{
padding: 0 10px 0 0;
}

#siteInfo{
clear: both;
border-top: 1px solid #111;
font-size: small;
color: #111;
padding: 10px 10px 10px 10px;
margin-top: -1px;
}
#siteInfo img{
padding: 4px 4px 4px 0;
}
#sectionLinks{
margin: 0;
padding: 0;
}
#sectionLinks h3{
padding: 10px 0 2px 10px;
border-bottom: 1px solid #111;
}
#sectionLinks a:link, #sectionLinks a:visited {
display: block;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #111;
background-image:  url("/images/bg_nav.jpg");
font-weight: bold;
padding: 3px 0 3px 10px;
color: #21536A;
}
#sectionLinks a:hover{
border-top: 1px solid #111;
background-color: #DDEEFF;
background-image: none;
font-weight: bold;
text-decoration: none;
}
.relatedLinks a{
display: block; 
}
.supershortfield {width:70px; }
.shortfield {width:200px;}
.longfield {width:300px;}
.extralongfield {width:400px;}
.code {
font-family: "Courier New", Courier, mono, monospace;
color: #333333;
padding:10px;
margin:20px;
background-color: #F7F4FF;
border:1px dotted #ccc;
}
.productlist {
color: #333333;
padding:10px;
margin:20px;
background-color: #F7F4FF;
border:1px dotted #ccc;
}
.productlist li {margin:5px;font:100% Arial, Helvetica, sans-serif}
.q {
font-size: 120%;
font-weight: bold;
}
.error {
display:block; 
border:1px solid red;
background-color:#FFFFCC;
color:red; 
font-size:16px;
background-image:url(http://www.tom-muck.com/images/error.gif);
padding: 10px 10px 10px 40px;
background-repeat:no-repeat;
}
.blogitemdate {
font-style: italic;
margin:0;
}
.smaller {font-size:70%;}
blockquote {border:1px dotted #ccc;padding:0 5px; background-color:#f7f4ff;}
.question {border:1px dotted #ccc; padding:5px 0; background-color:#f7f4ff; font-weight:bold;}
.modules {border-bottom:1px solid #ccc;padding-bottom:5px;}
.commentlinks {padding:5px; border:1px dotted #ccc;background-color:#F7F7FF;margin:15px 0 50px;}
.strike {text-decoration:line-through;}
.floatleft {float:left;margin:0 10px 10px 0;}
.floatright {float:right;margin:0 0 10px 10px;}
.h2 {display:none;}
.floatmore {float:right;font-size:11px;font-weight:bold;}
img {border:none}
.fineprint {font-size:50%;font-family:Arial, Helvetica, sans-serif;}
.tip {
border:1px solid red;
background-color:#FFFFCC;
color:red; 
font-size:14px;
padding: 10px 10px 10px 40px;
background-repeat:no-repeat;
margin:10px 0;
}