/* Main Style Sheet for Kinderstreet */

/* Standard HTML Elements */

body {background-color: #313131; margin: 0px; text-align:center; background-image: url(/English/Images/Misc/Background_Body_GlowingGlobe.jpg); background-repeat: no-repeat; background-position: center top;}

a {color: #29176B; text-decoration:none;}
a:hover { text-decoration: underline;}

h1 { color: #29176B; font-size: 13pt; font-family: Arial, Helvetica, sans-serif; margin:20px 0px 2px 10px; }
h2 { color: #29176B; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; margin: 8px 0px 2px 10px; }
h3 { color: #29176B; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; margin: 6px 0px 6px 10px; }
h4 { color: #29176B; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; margin: 4px 0px 4px 10px; }

b, strong {font-weight: bold; }
div {font-family: Arial, Helvetica, sans-serif; font-size: 9pt;color:#000000; }
i, em {font-style: italic; }
img {border-style: none; display:block;}
li {font-family: Arial, Helvetica, sans-serif; font-size: 9pt;color:#000000; margin-right: 10px; margin-left: 20px; line-height:120% }
ol {padding: 0px; margin-left: 8px;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 9pt;color:#000000; margin:8px 10px 0px 10px; line-height: 130%;}
td {font-family: Arial, Helvetica, sans-serif; font-size: 9pt;color:#000000;}
ul {padding: 0px; margin-left: 8px; margin-top:0px; list-style-type: square;}


/* IDs */

#CurveBottom {width: 800px; height: 10px; clear: both; font-size:0px; background-image: url(/English/Images/Misc/Curve_Bottom_800px.jpg); background-repeat: no-repeat; background-position: bottom;}
#MainContainer {width:800px; background-color:white; margin:0px auto 0px auto; display: block; text-align: left; }
#MainSectionLeft {width:200px; float:left;}
#MainSectionRight {width:580px; float: right; margin:0px 10px 0px 10px;}

/* IDs just for the Top Menu + Search   */

#header {width:800px; height:80px;}
#header .logo {display:block; width:300px; height:40px; padding:14px 0px 0px 10px; float:left;}
#top_nav {padding:0; margin:0; float:right; height:28px; width:469px; overflow:hidden;}
#top_nav li {float:left; list-style:none; padding:0; margin:0;}
#top_nav li a {text-indent:-9999px; outline:0;}
#top_nav li.parentlogin {background-image:url(/English/Images/Buttons/TopMenu_ParentLogin_on.gif);}
#top_nav li.providerlogin {background-image:url(/English/Images/Buttons/TopMenu_ProviderLogin_on.gif);}
#top_nav li.contact {background-image:url(/English/Images/Buttons/TopMenu_ContactUs_on.gif);}
#top_nav li.parentlogin a {display:block; float:left; height:28px; width:116px; background-image:url(/English/Images/Buttons/TopMenu_ParentLogin_off.gif);}
#top_nav li.providerlogin a {display:block; float:left; height:28px; width:103px; background-image:url(/English/Images/Buttons/TopMenu_ProviderLogin_off.gif);}
#top_nav li.contact a {display:block; float:left; height:28px; width:72px; background-image:url(/English/Images/Buttons/TopMenu_ContactUs_off.gif);}

#top_nav li.form {width:168px; height:28px; background:#E5E5E5; padding-right:10px;}
#top_nav li form {margin:0; padding:0; float:right;}
#top_nav li form input.searchtext {width:120px; border:solid 1px #666; color:#666666; font-family:Arial; font-size:9pt; float:left; margin:6px 4px 0 0; padding:0;}

#top_nav li a:hover {background:transparent;}


/* Classes applicable to any element */

.Answer {margin:0px 20px 4px 30px;}
.BoxLeftColumn {width:178px; border:solid 1px #AAAAAA; margin:20px 10px 20px 10px;}
.BoxLeftColumnHeading {font-size: 10pt; font-weight:bold; color:white; background-color:#808285; margin:0px; padding:2px 0px 2px 0px; text-align:center; }
.CustomerQuoteText {font-size:12pt; font-family:"Times New Roman", Times, serif; font-style:italic; width:150px;}   /* The width attribute is necessary to handle a bug with italics in IE6 */
.CustomerQuoteName {font-size:10pt; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.Event {width:580px; border-top:solid 1px #CCCCCC; padding:4px; margin:4px 0px 4px 0px;}
.EventLeft {width:125px; float:left;}
.EventRight {width:427px; margin-left:10px; float:right; display:inline;}
.Footer {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #999999;}
.FormCategoryName {font-size: 11pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#CC0033; margin: 12px 0px 4px 10px;}
.FormVariableName {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-align: right; width:40%; height:26px; float:left;} 
.FormVariableValue {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; width:58%; height:26px; float:right;}
.FormVariableValueBorder {border:solid 1px #29176B;}
.Question {color:navy; font-size:9.5pt; margin-top:12px;}
.StaffMember {width:560px; margin:0px 10px 4px 10px; padding:15px 0px 6px 0px; border-bottom: solid 1px #AAAAAA;}
.StaffMemberPhoto {width:100px; margin-top:6px; float:left;}
.StaffMemberBio {width: 460px; float:right;}


/* Classes applicable to only specified elements */

a.Footer {color: #999999; text-decoration:none;}
h1.InnerPage {color:white; background-color:#808285; margin:20px 0px 2px 0px; padding:4px 0px 4px 10px;}
h2.HomePageBoxTitle {color:white; font-size:14px; text-align:center; margin-top:0px; padding-top:6px;}
img.centered {margin:8px auto 8px auto;}
img.QA {float:left; padding:0px 4px 0px 0px;}
li.PDF {list-style: none; background-image: url(/English/Images/Icons/PDF_Icon_16px.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px; padding-bottom: 10px; margin-right: 10px; margin-left: 6px; }
li.RedArrow {list-style: none; background-image: url(/English/Images/Buttons/Arrow_Red_Right_8px.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px; padding-bottom: 10px; margin-right: 10px; margin-left: 6px; }
p.HomePageBoxText {margin:0px 10px 0px 10px; padding-top:8px;}