/* jackofheartsfoundation.org public.css */

/* Global Styles */
BODY { color: #6b5634; background-color: #cce3e7; font-style: normal; font-family: 'Century Gothic', Sans-Serif; font-variant: normal; text-decoration: none; margin: 0px; padding: 8px; }
BODY a { color: #93b935; text-decoration: underline; }
H1{ font-size: 160%; font-weight: normal; border-bottom: 1px solid #6b5634; margin: 6px 0px 6px 0px; padding: 0px; }
H2{ font-size: 140%; font-weight: normal; border-bottom: 1px solid #6b5634; margin: 0px 0px 2px 0px; padding: 0px; }
H3{ font-size: 120%; font-weight: normal; font-style: italic; margin: 4px 0px 6px 0px; padding: 0px; }
FORM {padding: 0px; margin: 0px;}
TABLE {border-collapse: collapse; padding: 0px; margin: 0px; }
TR {padding: 0px; margin: 0px;}
TD {padding: 0px; margin: 0px; font-size: 80%; color: #6b5634; font-style: normal; font-family: 'Century Gothic' , Sans-Serif; font-variant: normal; text-decoration: none;}
UL {margin-top: 6px; margin-bottom: 6px; padding: 0px; list-style-type: square; list-style-position: outside;}
LI {margin-bottom: 6px; margin-left: 25px; }
INPUT, SELECT { color: #6b5634; font-style: normal; font-family: 'Century Gothic', Sans-Serif; }
div { -moz-box-sizing: border-box; }

.clearBoth { clear: both ; }

/* Tables */
.tableNoMargin {margin: 0px; padding: 0px; color: #6b5634;}
.tablePersonList td {padding: 0px 10px 12px 0px; vertical-align: top; color: #6b5634;}

/* Standard Form */
.standardForm th { font-size: 80%; font-weight: bold; text-align: right; padding: 10px 10px 5px 0px; margin: 0px; }
.standardForm td { font-size: 80%; padding: 0px; margin: 0px; }

/* System */
#errorMessage {color: #880000; font-weight: bold; background-color: #ffdddd; padding-top: 5px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; margin-bottom: 4px;}
#errorMessage a {color: #880000;}
#errorMessage li a {color: #880000;}
#normalMessage {color: #3c3b00; background-color: #ffffdd; padding-top: 5px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; margin-bottom: 4px;}
#normalMessage a {color: #3c3b00;}
#normalMessage li a {color: #3c3b00;}

/* Header */
#navigationMain ul { margin: 0px 0px 6px 0px; padding: 0px 0px 4px 0px; white-space: nowrap; font-size: 95%; text-align: left; vertical-align: middle; border-bottom: 1px solid #e4f1f2; }
#navigationMain li { margin: 0px 4px 0px 0px; padding: 0px; display: inline; list-style-type: none; vertical-align: middle; }
#navigationMain li a { background-color: #e4f1f2; color: #444444; margin: 0px; padding: 4px 6px 4px 6px; text-decoration: none; font-weight: normal; }
#navigationMain li a:visited{ color: #444444; }
#navigationMain li a:hover { color: #444444; background-color: #b4d8dc; }

#navigationSub ul { margin: 2px 0px 6px 0px; padding: 0px 0px 4px 0px; white-space: nowrap; font-size: 90%; text-align: left; vertical-align: middle; border-bottom: 1px solid #f0f6e0; }
#navigationSub li { margin: 0px 4px 0px 0px; padding: 0px; display: inline; list-style-type: none; vertical-align: middle; }
#navigationSub li a { background-color: #f0f6e0; color: #444444; margin: 0px; padding: 4px 6px 4px 6px; text-decoration: none; font-weight: normal; }
#navigationSub li a:visited{ color: #444444; }
#navigationSub li a:hover { color: #444444; background-color: #d5e7a9; }

/* Home */
#homePageLeft { display: inline; width: 295px; vertical-align: top; padding: 0px; margin: 0px; float: left; }
#homePageRight { display: inline; width: 400px; vertical-align: top; padding: 0px; margin: 0px 0px 0px 10px; }

/* Our Kids */
.ourKids { float: left; width: 340px; height: 116px; border: 1px solid #6b5634; padding: 8px; margin: 5px; }
.ourKidsInfo { float: left; width: 160px;}
.ourKidsDOB { font-style: italic; }
.ourKidsShortDescription { font-size: 80%; }
.ourKidsImageThumb { float: right; width: 144px; height: 100px; }

/* Donate */
#donateFavorite { border: 1px solid #6b5634; padding: 12px; font-size: 90%; }

/* Main */
.mainCenter { text-align: center; padding: 0px; margin: 0px; }
.mainBodyOuter { text-align: center; background-color: #ffffff; border: 1px solid #6b5634; width: 760px; padding: 8px; margin: 0px auto; }
.mainBody { font-size: 80%; text-align: left; background-color: #ffffff; border: 1px solid #73bd8a; padding: 16px; margin: 0px; }

/* Footer */
#footer { clear: both; font-size: 80%; }
.footerBy { font-size: 0.8em; }

/* Forms */
.tdTitle { text-align: right; font-weight: bold; padding: 0px 4px 2px 0px; }