/* ----------------------------- 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; */
/* background: #ffe8ba; */
background: #FFF url('/resource/images/layout/header-top-repeat.jpg') top left repeat-x;
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;
}

#Content h2 {
margin: 1.5em 24px 0 0;
padding: 0 24px;
}

h2.emph {
background: #d7e9ff;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topright: 12px;
border-top-right-radius: 12px;
}

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;
}

h4 {
font-size: 1em;
}

table h3 {
margin: 0;
}

.quote {
clear: left;
color: #002D62;
font-size: 18px;

}

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

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

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

.fadeboxes {
height: 300px; 
left: 0;
margin: 0;
padding: 0;
position: absolute;  
top: 160px;
width: 320px;
}

.fadebox { 
background: rgb(0,45,98); /* fallback for IE7 & 6 that doesn't support alpha transparecy */
background: rgba(0,45,98,1);
display: none; /* initially hidden; jquery makes visible */
height: 300px;
position: absolute;
margin: 0;
width: 320px;
}

.fadebox img {
position: absolute;
}

.fadebox p.caption {
background: rgb(0,45,98); /* fallback for IE7 & 6 that doesn't support alpha transparecy */
background: rgba(0,45,98,.85); 
bottom: 0; 
margin: 0;
padding: 24px;
position: absolute;
width: 272px;
z-index: 250;
}



#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: 0;
}

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

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
zoom: 1;
}


.Main {
clear: left;
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;
}

/*press release page table styles----------*/
table.pressrelease {
border-collapse: collapse;
border: 0px;
}

table.pressrelease td {
padding: 5px;
border: 1px solid #eaeaea;
}
table.pressrelease th {
padding: 5px;
}
/*end of press release page table styles----------*/


.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;
}

.highlight {
color: #fff;
background: #002D62;
min-height: 300px;
padding: 0;
}

.highlight .quote {
color: #fff;
}

.highlight h1 {
color: #fff;
margin: 0;
padding: 24px 24px 0 24px;;
}

.column {
float: left;
zoom: 1;
}

.caption {
font-style: italic;
}

.newbox {
clear: left;
margin-top: 24px;
}


/* --------------- Navigation ---------------- */


#Header img {
position: relative;
z-index: 1000;
}

#Header p {
position: relative;
z-index: 1000;
}

#Header span {
position: relative;
z-index: 1000;
}

.Navigation, .Navigation li, .Navigation li a{
z-index: 500;
position: relative;
}

.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 , .Navigation a:hover{
background: #d7e9ff;
/* background: url('/images/layout/navigation-link-sprite.jpg') top left no-repeat; */
color: #002d62;
font-size: 1.2em;
}
.Navigation a.MainLink {
background: #d7e9ff;
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: #002d62;
}
.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;
color: #fff;
}
/* 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 {
background: #002D62;
color: #fff;
font-size: 1.4em;
text-align: left;
padding: 18px 18px 0 18px;
vertical-align: top;
}

/* even rows */
tr:nth-child(2n) {
background: #f1e7ce;
}
/* odd rows */
tr:nth-child(2n+1) {
background: #e8d9ba;
}
tr.evenrow {
background: #f1e7ce;
}
tr.oddrow {
background: #e8d9ba;
}

td, th {
border-bottom: 1px solid #002d62;
padding: 12px;
vertical-align: top;
}

table{
border-collapse: collapse;
font-size: 1.2em;
}

.mission-trips table {
width: 592px;
}

.date-cell{
width: 30%;
}
.what-cell {
width: 35%;
}
.where-cell {
width: 35%;
}




/* ---------------------------------------------- document links ---------------------------------------------- */
/* External Links - show when using full path name */
#Content a[href^="http:"], #Content 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 */
#Content a[href^="http://wwwtst.trimedxfoundation.com"], #Content a[href^="http://www.trimedxfoundation.org"]{
background-image: none;
padding-left: 0;
}

/* Exceptions on noicon class */
#Content a[href^="http:"].noicon, #Content a[href^="https:"].noicon {
background: transparent none;
display: inherit;
padding-left: 0;
}


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

/* mailto: links */
#Content 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 */
#Content a[href^="http:"] img, #Content a[href^="https:"] img {
background: transparent;
display: inline-block;
margin-left: -20px;
}
#Content a[href^="http:"].noicon img, #Content a[href^="https:"].noicon img {
background: transparent;
display: block;
margin-left: 0px;
}

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