/* COLOR REFERENCE
stblue: #4F6CB1;
stred: #E14718;
*/

/* CORE STYLES */
* {margin: 0; padding: 0}
div#container {width: 760px; margin: 0 auto;}
body {background-color: #000000; margin: 0px; padding: 0px;}
body, td, p {font-family: verdana, arial, sans-serif; color: #000000; font-size: 12px; line-height: 1.6em;}
p {text-align: left; margin: 0px 40px 10px 16px; padding: 0px;}
img {border: none;}
a {color: #E04110; text-decoration: underline;}
h1 {margin: 15px 40px 0px 16px; font-size: 14px; color: #4F6CB1; font-weight: bold; line-height: 1.6em; font-family: arial, sans-serif; text-align: left;}
h1 a {color: #4F6CB1; text-decoration: none;}
h2 {margin: 15px 40px 0px 16px; font-size: 13px; color: #E14718; font-weight: bold; line-height: 1.6em; font-family: verdana, arial, sans-serif; text-align: left;}
h2 a {color: #E14718; text-decoration: none;}
h3 {margin: 15px 40px 5px 16px; font-size: 13px; color: #4F6CB1; font-weight: bold; line-height: 1.6em; font-family: verdana, arial, sans-serif; text-align: left;}
h3 a {color: #4F6CB1; text-decoration: none;}
.highlight {color: #E14718; font-weight: bold;}
ul {margin: 0px 40px 10px 16px; padding: 0px 0px 0px 1.5em; list-style: url("images/r_arrow.gif") none;}
ul li {margin: 0px 0px 5px 0px;}
ol {margin: 0px 40px 10px 16px; padding: 0px 0px 0px 1.5em;}
ol li {margin: 0px 0px 5px 0px;}
ul.level2 {margin: 5px 0px 10px 0px; padding: 0px 0px 0px 1.5em; list-style: url("images/r_arrow.gif") none;}
ul.level2 li {margin: 0px 0px 5px 0px;}
.noTopMargin {margin-top: 0px}
.noBottomMargin {margin-bottom: 0px;}
.halfBottomMargin {margin-bottom: 5px;}
img.beforeAfter {border: 1px solid #4F6CB1; margin: 0px; padding: 0px;}
img.insetPic {float: left; margin: 5px 8px 4px 0px; border: 1px solid #4F6CB1;}
img.floatRight {float: right; margin: 5px 0px 4px 8px; border: 1px solid #4F6CB1;}
p.caption {text-align: center; margin: 2px 0px 0px 0px; font-size: 10px; color: #4F6CB1; font-weight: bold;}

/* LAYOUT HEADER */
table#headerTable {background: #FFFFFF url("images/smile_train_logo.gif") 0px 28px no-repeat;}
td#logoCell {border-bottom: 1px solid #4F6CB1;}
td#logoCell p#donateNow {text-align: right; margin: 0px; padding: 0px}
table#topImageTable {border-bottom: 1px solid #4F6CB1;}
td#topBarCell {background-color: #4F6CB1;}
td#topBarCell img {vertical-align: middle; margin: 0px 6px 0px 0px; border: 1px solid #FFFFFF;}
p.countryLink {font-size: 10px; text-align: right; margin: 0px 8px 0px 0px; color: #FFFFFF;}
p.countryLink a {color: #CCCCFF;}

/* LAYOUT BODY */
table#bodyTable {background-color: #FFFFFF;}
td#menuColumn {background-color: #4F6CB1; padding-bottom: 100px;}
table#menuTable {}
td#contentColumn {background-color: #F6F4F4;}
table#contentTable {}
td#contentCell {padding: 12px 0px 30px 0px;}
td.whiteCell {background-color: #FFFFFF;}

/* LAYOUT FOOTER */
table#footerTable {background-color: #4F6CB1;}
p.footerLinks {font-size: 11px; line-height: 18px; color: #D6D6D5; margin: 8px 0px 4px 10px;}
p.footerLinks a {color: #FFFFFF; text-decoration: none;}
p.footerLinks a:hover {color: #FFFFFF; text-decoration: underline;}
p.copyrightFooter {font-size: 11px; line-height: 18px; color: #D6D6D5; margin: 0px 0px 0px 10px;}
p.copyrightFooter a {color: #D6D6D5; text-decoration: none;}
p.copyrightFooter a:hover {color: #FFFFFF; text-decoration: underline;}

/* HOME PAGE TEXT COL BLURBS */
table.yellowBox {background-color: #FFF0B2;}
table.greenBox {background-color: #E2F0DB;}
table.pinkBox {background-color: #FFE0F0;}
img.homeInset {float: right; margin: 8px 0px 0px 0px;}
p.insetText {color: #000000; font-size: 10px; line-height: 14px; margin: 6px 10px 0px 7px;}
p.insetText a{color: #000000; text-decoration: none;} 
p.insetText a:hover{color: #000000; text-decoration: underline;}

/* SMILE TRAIN MISSION */
p.principles {color: #4F6CB1;}
.pNo {color: #E14718; font-weight: bold;}

/* OUR TEAM */
div.teamMember {margin-bottom: 20px;}
p.teamName {font-family: arial, helvetical, sans serif; font-size: 14px; line-height: normal; color: #4F6CB1; font-weight: bold;}
p.teamDesig {font-family: arial, helvetical, sans serif; font-size: 14px; line-height: normal; color: #4F6CB1;}
img.teamPhoto {float: left; margin: 5px 8px 4px 0px; border: 1px solid #4F6CB1;}

/* FACTS & FIGURES */
table.factsFigures {border-collapse: collapse; color: #4F6CB1;}
table.factsFigures td {padding: 4px 0px 4px 0px;}
table.factsFigures td.left {color: #E14718; font-weight: bold; background: url("images/b_arrow.gif") 0px 6px no-repeat; padding-left: 16px;}

/* SMILE STORIES */
div.smileStoryIntro {margin-bottom: 20px; clear: both;}
div.smileStoryIntro h2 {margin: 0px 40px 0px 16px;}
div.smileStoryIntro p {margin: 0px 40px 0px 16px;}

/* PINKI'S STORY */
.date {color: #E14718; font-style: italic;}
.update {color: #FFCC66; font-weight: bold;}
img.oscarPic {margin: 5px 18px 0px 0px; border: 1px solid #4F6CB1; padding: 0px;}

/* MEDICAL RESOURCES */
div.medResource {margin-bottom: 20px;}
div.medResource p {margin-bottom: 5px;}

/* DONATE NOW */
img.bankLogo {margin: 4px 0px 0px 0px; padding: 0px;}

/* DONATION FORM */
td.labelCell {padding: 4px 0px 4px 16px; font-family: arial, sans-serif; font-size: 13px; color: #4F6CB1; font-weight: bold;}
td.controlCell {padding: 4px 0px 4px 0px; font-family: arial, sans-serif; font-size: 13px; color: #000000;}
td.buttonsCell {padding: 40px 0px 0px 16px;}
input, select, textarea {font-family: arial, sans-serif; font-size: 13px; color: #000000; border: 1px solid #A9B8DB; margin: 0px; padding: 0px;}
input.textfield {width: 300px; height: 20px;}
select {width: 300px; height: 20px;}
select.boolean {width: 60px;}
textarea {width: 300px; height: 200px;}
.asterisk {color: #CC3333;}
.button {margin: 0px 5px 0px 0px; padding: 0px; border: none;} /* used for both <input> and <img> buttons */
p.alert {font-family: arial, sans-serif; font-size: 13px; color: #E14718; font-weight: bold;}

/* TREATMENT CENTERS */
p.tcLabel {color: #333333; font-weight: bold; margin: 0px 0px 0px 16px;}
div.treatmentCenter {margin: 0px 0px 15px 0px;}
div.treatmentCenter p {font-size: 11px; margin-bottom: 0px;}
select.tcDropdown {width: 160px; height: 20px;}

/* APJ BOX */
div#apjBox {width: 174px; margin: 20px 12px 0px 12px; padding-bottom: 6px; background-color: #374B7C; border: 1px solid #DADEE7;}
div#apjBox img {display: block; margin: 0px 0px 8px 0px;}
div#apjBox p {margin: 0px 8px 6px 10px; font-size: 11px; line-height: 16px; color: #FFFFFF;}
div#apjBox p img {float: left; margin: 4px 6px 0px 0px; padding: 0px; border: 1px solid #DADEE7;}
div#apjBox p a {color: #FFFFFF;}
div#apjBox p a:hover {color: #CCCCCC;}

/* AISHWARYA BOX */
div#ashBox {width: 174px; margin: 16px 12px 16px 12px; padding-bottom: 6px; background-color: #EDCA86; border: 1px solid #000000;}
div#ashBox img {display: block; margin: 0px 0px 8px 0px;}
div#ashBox p {margin: 0px 8px 6px 10px; font-size: 11px; line-height: 16px; color: #000000;}
div#ashBox p img {float: left; margin: 4px 6px 0px 0px; padding: 0px; border: 1px solid #000000;}
div#ashBox p a {color: #000000;}
div#ashBox p a:hover {color: #555555;}

/* VIDEO CONTAINER */
div.videoContainer2 {margin: 0px 40px 10px 16px; border: 1px solid #4F6CB1;}