body {
background: #1e1c58;
font-family: Arial, sans-serif;
padding-top: 20px;
}

h1, h2, h3, h4, h5, h6, p, form {
margin: 0;
padding: 0;
}

h1 {
margin-bottom: 5px;
font-size: 22px;
color: #1E1C58;
}

h2 {
margin-bottom: 5px;
font-size: 18px;
color: #508cc9;
}


h3 {
font-size: 16px;
color: #508cc9;
}

h4 {
font-size: 14px;
}

p, ul, ol, li, td {
font-size: 14px;
}

p {
padding-bottom: 10px;
}


a {
text-decoration: underline;
font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

table td {
border: 1px solid #ccc;
}

ul, ol {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

/*
-------------------------------------------------- MAIN WRAPPER
*/
#wrap {
width: 865px;
margin: 0 auto;
background: #fff;
}


/*
-------------------------------------------------- HEADER
*/
#hdr h1 {
margin: 0;
height: 154px;
width: 865px;
background: transparent url(img/tcm-hdr.jpg) no-repeat top left;
}

#hdr h1 a {
display: block;
height: 100px;
width: 500px;
}

#hdr h1 a span {
display: none;
}

/*
-------------------------------------------------- MAIN NAV
*/
#mnav {
float: left;
width: 100%;
background: #5b5b5c;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
}

#mnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#mnav ul li {
display: inline;
}

#mnav ul li a {
display: block;
float: left;
padding: 5px 10px;
font-weight: bold;
text-decoration: none;
color: #fff;
}

#mnav ul li a:hover, #mnav ul li.on a {
background: #fff;
color: #1e1c58;
}

/* 
-------------------------------------------------- SUB NAV
*/

#snav {
width: 175px;
float: left;
background: transparent url(img/tcm-snavtop.gif) no-repeat top left;
border-top: 10px solid #fff;
}


#snav ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #ccc;
}

#snav ul li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
margin-right: 1px;
color: #494949;
font-weight: bold;
text-decoration: none;
}

#snav ul li a:hover, #snav ul li.on a {
background: #5B5B5C;
color: #fff;
}

#snav ul ul.ssnav {
margin: 0;
padding: 0;
border: none;
background: #fff;
margin-right: 1px;
}

#snav ul ul.ssnav li a {
font-size: 12px;
font-weight: bold;
background: #fff;
border-bottom: none;
border-top: none;
padding-left: 20px;
color: #508cc9;
}

#snav ul ul.ssnav li a:hover, #snav ul ul.ssnav li.on a {
background: #f1f1f1;
text-decoration: underline;
color: #508cc9;
}

 #snav ul ul.ssnav li.on a {
 background: #fff;
 }


/* IE HACKS TO REMOVE WHITESPACE BELOW EACH NAV LI */ 
/*hide from ie-mac\*/
* html #mnav ul li, * html #snav ul li {
    height: 1px;
    }
/* end hack */
 
/* \*/
* html #mnav ul li a, * html #snav ul li a {
    height: 1px;
    }
/*  */ 

/*
-------------------------------------------------- INDEX PAGE BOXES
*/
#idxboxes { 
float: left;
width: 100%;
clear: left;
background: transparent url(img/tcm-orangerep.gif) repeat-x top left;
height: 201px;
}

#idxboxes ul { 
list-style: none;
margin: 0;
padding: 10px 0;
float: left;
width: 100%;
}
 
#idxboxes ul li {
display: block;
float: left;
width: 33%;
text-align: center;
position: relative;
height: 201px;
}

#idxboxes ul li p {
padding: 0 20px;
}

#idxboxes ul li h2 {
color: #fff;
}

#idxboxes ul li h2 span {
padding-left: 30px; 
}

#idxboxes ul li.pati h2 span {
background: transparent url(img/tcm-ico-pati.gif) no-repeat left;
}

#idxboxes ul li.prov h2 span {
background: transparent url(img/tcm-ico-prov.gif) no-repeat left;
}

#idxboxes ul li.tool h2 span {
background: transparent url(img/tcm-ico-tool.gif) no-repeat left;
}

#idxboxes ul li p {
color: #fff;

}

#idxboxes ul li p a {
position: absolute;
display: block;
bottom: 10px;
left: 35px;
height: 29px;
width: 215px;
background: transparent url(img/tcm-idx-learnmore.gif) no-repeat top;
color: #fff;
font-weight: bold;
}
#idxboxes ul li p a span {
display: block;
padding-top: 5px;
}

/*
-------------------------------------------------- INDEX PAGE QUOTES
*/
#quotes {
height: 149px;
background: transparent url(img/tcm-quote1.gif) no-repeat top left;
clear: left;
}


/*
-------------------------------------------------- INDEX PAGE VIDEO
*/

div.vid {
width: 320px;
height: 240px;
float: right;
margin-bottom: 10px;
margin-left: 20px;
}

/* 
-------------------------------------------------- SUB PAGE CONTENT WRAPPER
*/

#subwrap {
background: #fff url(img/tcm-snavrep.gif) repeat-y top left;
float: left;
width: 100%;
border-top: 10px solid #F6AF1B;
}


/* 
-------------------------------------------------- GENERAL CONTENT AREA
*/

#content.sub {
float: left;
width: 690px;
}

#content div.pad {
padding: 25px;
}

#content.sub div.pad {
padding: 10px 25px;
}

#content img.right {
float: right;
padding-left: 20px;
padding-bottom: 20px;
}

div.example, div.quote {
background: #feffed;
border: 1px solid #ccc;
padding: 20px 20px 10px;
margin-bottom: 20px;
}

#content p.footnote {
font-size: 10px;
color: #666;
}

#content img.imgbord {
border: 1px solid #ccc;
}

#content h1 {
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

#content h2 {
padding-top: 10px;
}

#content h3 {
padding-bottom: 10px;
}

sup {
font-size: 9px;
}

sup a {
text-decoration: none;
color: #666;
}



/*
-------------------------------------------------- FOOTER
*/
#ftr {
clear: both;
float: left;
width: 100%;
background: #1e1c58 url(img/tcm-ftr.gif) no-repeat top;
padding-top: 25px;
}

#ftr p {
font-size: 10px;
color: #fff;
text-align: center;
}