/* IFFGD.com kids section css file       */
/* Created by Red Anvil, LLC.            */

h2 { color:#4a67a8; }
h3 { color:#fa7236; }

/* =a */
a:link, a:visited { color:#4a67a8; }
a:hover, a:active { color:#000; text-decoration:none; }

/* =table */
table th, 
table td { background-color: #d1d9e9; }
table .alt th, 
table .alt td { background-color: #e8ecf4; }
table thead th, 
table th.caption, 
table caption { background-color: #4a67a8; }
table thead .alt th, 
table thead th { background-color: #7eb75c; }

div.callout { background-color: #fee3d7; }
div.callout h3 { background-color: #fa7236; }
.pullquote p { color: #7eb75c; }

#mainNav li a:link, #mainNav li a:visited { background-color:#fa7236; color:#fff; }
#mainNav li a:hover, #mainNav li a:active { background-color:#f5330b; color:#fff; }
#mainNav li li a:link, #mainNav li li a:visited { background:none; }
#mainNav li li a:hover, #mainNav li li a:active { background:none; }
#mainNav ul li { background-color:#fa7236; color:#fff; }
#mainNav ul li:hover, #mainNav ul li.over { background-color:#f5330b; color:#fff; }

#subNav h3 { background-color: #4a67a8; }
#subNav li a:link, #subNav li a:visited { background-color:#a4b3d3; color:#000; }
#subNav li li a:link, #subNav li li a:visited { background-color:#d1d9e9; }
#subNav li a:hover, #subNav li a:active, 
#subNav li li a:hover, #subNav li li a:active { background-color:#4a67a8; color:#fff; }

#subNav li.active > a { background: #fff url(../images/kids/nav_right.gif) 3% 50% no-repeat !important; color: #000 !important; font-weight: bold !important; }

#highlights h3 a:link, #highlights h3 a:visited { color:#fff; text-decoration:none; }
#highlights h3 a:hover, #highlights h3 a:active { color:#fff; text-decoration:underline; }

#callout { color:#fff; }

#otherSites h3 { color: #4a67a8; }

.highlight1 { background-color:#B2DFE2; }
.highlight2 { background-color:#C8D1E5; }
.highlight3 { background-color:#F9E6B2; }
.highlight1 h3 { background-color:#00959F; }
.highlight2 h3 { background-color:#4A67A8; }
.highlight3 h3 { background-color:#ECAC00; }

#siteOptions p { color:#77a09b; }


/* FORMS */

/* LAYOUT STYLES */
#logo a { background:#fff url(../images/kids/logo.gif) left top no-repeat; }
#logo a span { display:none; }
#header, 
#insideHeader { background-color: #7EB75C; background-image: url(../images/kids/sectiontitle.gif); }
#headerinner { background:url(../images/kids/front.jpg) left top no-repeat; }

div.callout2 { background-color: #fee3d7; }
div.callout2 h3 { background-color: #fa7236; }



/* Net Forge Forms CSS Document    */
/* Author:     Red Anvil, LLC.     */

#formEditor { width: 100%; }

.formFields { margin: 0 15px 0 3em; padding: 0; }
.formFields:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }
.formFields li { clear: both; margin: 0; padding: 5px 5px 1.5em 0; position: relative; }
.formFields p.instructions { color: #666; font-size: 85%; margin: 0 0 .5em 0; padding: 0; }
.formFields label.title { display: block; font-weight: bold; margin: 2px 0 .2em 0; padding: 0; }
.formFields label.option { display: block; margin-top: -19px; margin-left: 22px; line-height: 22px; }
.formFields .small { width: 100px; }
.formFields .medium { width: 50%; }
.formFields .large { width: 99%; }
.formFields textarea.small { height: 3em; }
.formFields textarea.medium { height: 6em; }
.formFields textarea.large { height: 6em; }
.formFields input.date { width: 100px; }
.formFields .caption { color: #666; display: block; font-size: 9px; line-height: 1em; margin: 1px 0 10px 0; padding: 0; }
.formFields .editOptions { position: absolute; top: 5px; left: 5px; }
.formFields li:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }
* html .formFields li, 
* html .formInput { height: 1%; }

/* Input types */
.formFields .formInput { padding-bottom: 8px; }
/* Address */
.formFields .addressCity { width: 250px; }
.formFields .addressState, 
.formFields .addressZip { width: 125px; }
.formFields .addressCity,
.formFields .addressState { float: left; display: inline; }
.formFields .addressZip { float: left; }
.formFields .addressCity input { width: 241px; }
.formFields .addressState select { width: 120px; }
.formFields .addressZip input { width: 121px; }

/* Name */
.formFields .namePrefix, 
.formFields .nameFirst,
.formFields .nameMiddle, 
.formFields .nameLast, 
.formFields .nameSuffix { float: left; }
.formFields .namePrefix { width: 75px; display: inline; }
.formFields .nameFirst { width: 150px; display: inline; }
.formFields .nameMiddle { width: 50px; display: inline; }
.formFields .nameLast { width: 150px; display: inline; } 
.formFields .nameSuffix { width: 75px; }
.formFields .namePrefix input { width: 70px; }
.formFields .nameFirst input { width: 140px; }
.formFields .nameMiddle input { width: 41px; }
.formFields .nameLast input { width: 140px; }
.formFields .nameSuffix input { width: 75px; }

/* IE 6 Fixes */
* html .formFields { width: 99.2%; }
* html .formFields .editOptions { top: 7px; }

input.required, textarea.required, select.required { border: 1px solid #c50000; }

/* Validation */

input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }

input.required, textarea.required, select.required { border: 1px solid #c00 !important; color: #c00; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }
label.error { font-weight: bold; font-size: .85em; }
.validation-advice { margin: 5px 0; padding: 5px; background-color: #FF3300; color : #FFF; font-weight: bold; }