/* ----------------------------- general styles ----------------------------- */

#Test {
top: 0;
width: 100%;
height: 200%;
position: absolute;
background: url('/images/grid.gif') repeat;
z-index: 105;
}

html { 
background: #cab9af url('/images/layout/html-background-new.jpg') top left repeat;
font-size: 62.5%;
overflow-y: scroll; /* Fix Firefox scoll bars */
}

body {
background: transparent url('/images/layout/body-background-top-new.jpg') top left repeat-x;
color: #000;
font-family: Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
overflow: none;
}

div {
padding: 0;
margin: 0;
}

img {
display: block;
margin: 0;
padding: 0;
}

a img {
display: block;
border-width: 0;
text-decoration: none;
}

a {
color: #5877A4;
}

a:visited {
color: #6699CC;
}

a:hover {
color: #AC2650;
}

p, #Content ul, #Content ol, table, input {
font-size: 1.2em;
}

p, #Content ul, #Content ol, h1, h2, h3, h4, h5, h6, table {
line-height: 1.5;
margin: 1.5em 24px 0 24px;
padding: 0;
}

table {
margin: 1.5em 24px 0 24px;
}

#Content li {
margin-left: 24px;
}

h1, h2, h3, h4, h5, h6 {
color: #5877A4;
font-weight: bold;
}

h1 {
font-size: 1.8em;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.3em;
}

.quote {
clear: left;
border-top: 5px solid #FDF2E3;
padding-top: 13px;
margin-top: 13px;
}

.separate {
border-top: 5px solid #FDF2E3;
padding-top: 13px;
}

/* */
#Container {
background: #FFF;
margin: 0 auto 20px auto;
position: relative; /* causes IE text select bug */ 
width: 960px;
z-index: 100;
padding: 0;
}

#Header {
background: #FFF url('/images/layout/header-background-new2.jpg') top left no-repeat;
height: 118px;
}



#Navigation li a:link, #Navigation li a:visited {
color: #002d62;
}

#Content {
/* background: #fff url('/images/layout/content-background.jpg') top left no-repeat; */
margin: 0;
padding: 24px 0 0 0;
}

#Footer {
background: #fff url('/images/layout/footer-background-new.jpg') bottom left no-repeat;
}


.Main {
float: left;
width: 632px;
}

.Side {
float: left;
width: 320px;
}

.fullwidth {
width: 960px;
}

#Footer {
color: #959598;
clear: both;
text-align: center;
padding: 48px 0;
}


.summary {
color: #5877a4;
font-size: 1.2em;
line-height: 1.6;
}

.disclaimer {
font-size: .95em;
line-height: 1.6;
}

.imagefloat {
float: left;
padding-right: 24px;
}

.floatleft {
float: left;
padding-right: 24px;
}

img.floatleft {
margin: 0 24px 1.5em 24px;
padding: 0;
}

.clearleft {
clear: left;
}

.floatright {
float: right;
padding-left: 24px;
}

.clearfix {
zoom: 1; /* hasLayout for IE6 */
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.required {
color: #ac2650;
}



/* --------------- Navigation ---------------- */
.Navigation, .Navigation ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.Navigation a {
text-decoration: none;
}
/* colors */
.Navigation {
background: #FFF url('/images/layout/navigation-background.jpg') top left no-repeat;
}
.Navigation a {
background: #002d62 url('/images/layout/navigation-link-sprite.jpg') 0px -500px no-repeat;
font-size: 1.2em;
}
.Navigation a.MainLink {
background: url('/images/layout/navigation-link-sprite.jpg') top left no-repeat;
/* background: url('/images/layout/navigation-link.jpg') top left no-repeat; */
font-weight: bold;
}
.Navigation li.link {
background: url('/images/layout/navigation-link-sprite.jpg') top left no-repeat; /* Fix IE background flicker on nav links */
}
.Navigation a.MainLink:link, .Navigation a.MainLink:visited {
color: #002d62;
}
.Navigation a:link, .Navigation a:visited, .Navigation a:hover {
color: #fff;
}
.Navigation a.MainLink:hover {
/* background: #002d62 url('/images/layout/navigation-link-over.jpg') top left no-repeat; */
color: #fff;
}
.Navigation a:hover {
background-position: 0 -50px;
/* background: #002d62 url('/images/layout/navigation-link-over.jpg') top left no-repeat; */
}
/* height */
.Navigation {
height: 42px;
line-height: 42px;
}
.Navigation a {
height: 42px;
padding: 0 24px;
}
.Navigation a.MainLink {
height: 42px; /*needs to be the same as the persistent background trick and so that the sublevels are properly aligned*/
line-height: 42px;
overflow: hidden; /*making it more bulletproof*/
}
.Navigation ul {
padding-top: 42px; /*persistent background trick*/
margin-top: -42px; /*persistent background trick*/
}
.Navigation ul ul {
position: relative; /*so that it can be moved top/left*/
top: -42px; /*this is the sole reason why the MainLink links must have a fixed height*/
}
/* width */
.Navigation a {
width: 112px;
}
.Navigation .link {
width: 160px;
}
.Navigation ul li {
/*force ie8 to float-drop*/
max-width: 112px; /*same as width*/
}
/*set the sublink left shift width here (same as width)*/
.Navigation ul ul {
/*move the sublinks to the side, so they dont overlap*/
left: 112px; /*same as width*/
}
/*add the negative value of "width - 1px" here (because css can't do math)*/
/*or (width - 0.063em) where 0.063em is 1px on 16px base size*/
.Navigation a {
/*makes the links very thin, so that the sublinks can hide inside the MainLink link*/
margin-right: -111px; /*make this width - 1px*//*or width - 0.063em*/
}


.Navigation li {
float: left; /*fixes several IE related bugs, and allows for clearing*/
}
.Navigation ul {
float: left; /*necessary for float drop*/
}
.Navigation ul li {
clear: left; /*must clear the floated list item inside sublist*/
}
.Navigation a {
position: relative; /*needs to have a position, to be above the rest*/
display: block;
}
.Navigation a.MainLink {
float: left; /*necessary for float drop*/
margin-top: 10000px; /*bring the links back into view*/
}
.Navigation .link  {
margin-top: -10000px; /*hide the links and their containers, opera has low upper limits*/
}
.Navigation ul {
margin-bottom: -5000px; /*avoid any interaction between the sub's, can be any large size*/
}
/*the MainLink trick, removes the negative right-margin and causes float drop*/
.Navigation a:hover {
margin-right: 0;
}

/*OPERA fix*/
.Navigation ul:hover, .Navigation ul ul:hover {
clear: left; /*fix for opera sublinks flickering on :hover*/
}
/*background no longer needed*/
.Navigation ul ul {
background: transparent;
}
/*the code below is MainLinkly for IE5-7, but it does no harm to normal browsers*/
/*empty rule to fix occassional IE6 tabbing bug, one of the weirdest bug's i have seen.*/
a, a:hover, a:active, a:focus {}



/* ---------------------------------------------- tables and forms ---------------------------------------------- */

fieldset {
border: none;
}

form {
margin: 18px 0;
}

input {
display: block;
}

.coloredform {
background: #edffed;
padding: 18px;
}

.coloredform h2 {
border-top: 1px solid #69c;
color: #000;
font-size: 1.5em;
line-height: 1.2;
margin: 1.2em 0;
padding-top: 17px;
}

th {
text-align: left;
padding: 18px 18px 0 18px;
vertical-align: top;
}


td {
border: 1px solid #959598;
padding: 0 24px 24px 24px;
vertical-align: top;
}

table{
font-size: 1.2em;
}



/* ---------------------------------------------- document links ---------------------------------------------- */
/* External Links - show when using full path name */
a[href^="http:"], a[href^="https:"] {
background: transparent url('/images/icons/externalicon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
} 

/* Exceptions when full path name points to actual site */
a[href^="http://wwwtst.trimedxfoundation.com"], a[href^="http://www.trimedxfoundation.org"]{
background-image: none;
padding-left: 0;
}



/* Word links */
a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {
background: transparent url('/images/icons/docicon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
}
a[href$='.docx'] {
background: transparent url('/images/icons/docxicon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
}
/* PowerPoint links */
a[href$='.ppt'] {
background: transparent url('/images/icons/ppticon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
}
a[href$='.pptx'] {
background: transparent url('/images/icons/pptxicon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
}
/* Excel links */
a[href$='.xls'],a[href$='.csv'] {
background: transparent url('/images/icons/xlsicon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
}
a[href$='.xlsx'] {
background: transparent url('/images/icons/xlsxicon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
}
/* pdf links */
a[href$='.pdf'] {
background: transparent url('/images/icons/pdficon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
}
/* jpg links */
a[href$='.jpg'] {
background: transparent url('/images/icons/jpgicon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
}
/* zip links */
a[href$='.zip'] {
background: transparent url('/images/icons/zipicon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
}

/* mailto: links */
a[href^="mailto:"] {
background: transparent url('/images/icons/newmailicon.gif') center left no-repeat;
display: inline-block;
padding-left: 20px;
line-height: 15px;
}

/* No icons on images (have the image cover up the icon */
a[href^="http:"] img, a[href^="https:"] img {
background: #fff;
display: inline-block;
margin-left: -20px;
}

a[href$='.pdf'] img, a[href$='.ppt'] img, a[href$='.jpg'] img, a[href$='.gif'] img, a[href$='.png'] img {
margin-left: -20px;
}