/*-----------------------------------------------------------------------------------
Filename: 	kidSensations_Style.css
Title:		Primary CSS file for KidSensations
Author:		AUTHOR Name, email@something.com
URL:		xxxxx/css/kidSensations_Style.css
License:	Copyright 2008, AUTHOR, All right Reserved.
Feel free to read and learn from this, but please dont steal.

Description: This base style sheet provides the basic styleing for XHTML elements for 
KidSensations
---------------------------------------------------------------------------------------*/

/*--------------------------------------------
Colorscheme:
Main: 		#EBFFFF White/Blue
Secondary: 	#F7FEFE White
Accent:		#F7EBEB Bright Pink

Typography
Serif fonts: Georgia, "Times New Roman", Times, Geneva serif
Sans-serif fonts: BetinaScript, Verdana, Arial, Helvetica, sans-serif

BreadText: #515151 Gray
Headlines: #41B3BD Middle Blue
---------------------------------------------*/

/* CSS Document */
@charset "utf-8";

/*Main page*/
html{height: 100%;}
body {margin: 0;padding: 0;background-image:none;background-repeat: no-repeat; background-color: #EBFFFF; border:none;}
p{font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size:12px;color:#515151;}

/*Design containers*/
#page_Container {min-height: 100%;height: auto;/*needed*/margin: 0 auto;width: 840px;\width: 860px;w\idth: 840px;}
#head_Container {background-image:url(../media/kidSensations_Header.png);height:374px;float: left;width:840px; z-index:2;}
#body_Container{float:left;width:840px; padding:0px 0px 0px 0px;background-image:none;background-repeat:repeat-y;background-color: #EBFFFF;}
#body_Container_interior {width:765px; clear: both;margin-left:35px;}
#footer_Container {width:765px; clear: both;margin-left:35px;}

/*Menu Nav*/
#navHeader{height:13px;text-align:left; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:14px; padding: 0px 0px 0px 0px;margin:320px 10px 5px 38px; }
#navHeader ul, #navHeader li{font-weight: bold;text-decoration: none;color: #515151;outline:none;display: inline;list-style-type: none; text-align: center;width:118px; float:left; margin-right:11px; }
#navHeader a { outline:none;text-align:center; }
#navHeader a:link, #navHeader a:visited{font-weight: bold;text-decoration: none;color: #41B3BD;outline:none; text-align:center; }
#navHeader a:link#current, #navHeader a:visited#current, #navHeader a:hover{background: transparent;color: #0c9190;outline:none;text-align:center;}

/*Body Container Wrap left & right Column*/
#wrapBody_left{float:left;width:250px;margin-left:35px;}
#wrapBody_right{float:left;width:555px;}

/*Body Content containers*/
#body_Container #bc_Categories{float:left;width:250px;border:0px; padding: 0px 0px 0px 0px;}
#body_Container #bc_Categories #Top{background-image:url(../media/kidSensations_Categories_Top.gif);background-repeat: no-repeat;height:12px;float: left;width:250px;font-size:0px;}/*font size 0 fixes the 1 pixel invisble bug in IE*/
#body_Container #bc_Categories #Middle{background-image:url(../media/kidSensations_Categories_Middle.gif);background-repeat: repeat-y;float: left;width:250px; padding:3px 5px}
#body_Container #bc_Categories #Middle h3{font-family:BetinaScript, Arial, Helvetica, "Times New Roman", sans-serif; font-size: 20pt; color: #41B3BD; text-align:left; line-height:20pt; margin:3px 12px 0px 12px;}
#body_Container #bc_Categories #Middle ul{list-style-type: none;padding: 0;margin: 0px 0px 0px 22px;}
#body_Container #bc_Categories #Middle ul li{font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; color: #515151; text-align:left; line-height:16px; margin:0px 15px 2px 20px; font-weight:normal; background-image: url(../media/kidSensations_Categories_Arrow.gif);background-repeat: no-repeat;background-position: 0px;padding-left: 22px;}
#body_Container #bc_Categories #Middle ul li a {color:#515151;outline:none;text-decoration: none;font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size:12px;text-align:left; }
#body_Container #bc_Categories #Middle ul li a:visited, #body_Container #bc_Categories #Middle ul li a:hover{background: transparent;color: #333333;outline:none;}
#body_Container #bc_Categories #Bottom{background-image:url(../media/kidSensations_Categories_Bottom.gif);background-repeat: no-repeat;height:16px;float: left;width:250px;}

#body_Container #bc_Education{background-image:url(../media/kidSensations_Education.png);background-repeat: no-repeat;height:118px;float: left;width:249px;}
#body_Container #bc_YourBeauty{background-image:url(../media/kidSensations_YourBeauty.png);background-repeat: no-repeat;height:114px;float: left;width:248px;}
#body_Container #button {outline:none; display: block;width:82px; height:22px;background-image:url(../media/kidSensations_Beauty_Button.gif);background-repeat: no-repeat; padding:4px 0px 1px 0px; color:#757575; text-decoration: none; text-align:center;font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; font-weight:bold; float:left; margin:73px 0px 5px 136px;}

#body_Container #bc_Welcome{background-image:url(../media/kidSensations_Welcome.png);background-repeat: no-repeat;height:122px;float: left;width:550px;}

#body_Container #bc_Welcome h3{font-family:BetinaScript, Arial, Helvetica, "Times New Roman", sans-serif; font-size: 24pt; color: #bf5d5f; text-align:left; line-height:20pt; margin:30px 38px; font-weight:normal; float:left}

#body_Container #bc_Welcome p{font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; color: #515151; text-align:left; line-height:9pt; margin:20px 30px 0px 5px; font-weight:normal;}

#body_Container #bc_Welcome #button {outline:none; display: block;width:82px; height:22px;background-image:url(../media/kidSensations_Welcome_Butto.gif);background-repeat: no-repeat; padding:4px 0px 1px 0px; color:#FFFFFF; text-decoration: none; text-align:center;font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; font-weight:bold; float:left; margin:10px 0px 5px 160px;}

#body_Container #bc_JustFor{float:left;width:265px;border:0px; padding: 0px 0px 0px 0px;}
#body_Container #bc_JustFor #Top{background-image:url(../media/kidSensations_JustFor_Top.gif);background-repeat: no-repeat;height:15px;float: left;width:265px;font-size:0px;}/*font size 0 fixes the 1 pixel invisble bug in IE*/
#body_Container #bc_JustFor #Middle{background-image:url(../media/kidSensations_JustFor_Middle.gif);background-repeat: repeat-y;float: left;width:265px;padding: 5px 10px 5px 10px;}
#body_Container #bc_JustFor #Middle h3{font-family:BetinaScript, Arial, Helvetica, "Times New Roman", sans-serif; font-size: 20pt; color: #41B3BD; text-align:left; line-height:18pt; margin:0px 5px 0px 20px; display:inline;}
#body_Container #bc_JustFor #Middle #BlueBox{ width:204px;float:left;border:0px; padding: 0px 5px 8px 5px; margin:5px 15px;}
#body_Container #bc_JustFor #Middle #BlueBox #BlueBoxTop{background-image:url(../media/kidSensations_JustFor_BlueBox_Top.gif);background-repeat: no-repeat;height:11px;float: left;width:204px;font-size:0px;}
#body_Container #bc_JustFor #Middle #BlueBox #BlueBoxMiddle{background-image:url(../media/kidSensations_JustFor_BlueBox_Middle.gif);background-repeat: repeat-y;float: left;width:204px;padding: 0px 20px 0px 5px;}
#body_Container #bc_JustFor #Middle #BlueBox p {font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; color: #009a98; text-align:center; line-height:9pt; margin:0px 5px 5px 4px; font-weight:normal}
#body_Container #bc_JustFor #Middle #BlueBox #BlueBoxBottom{background-image:url(../media/kidSensations_JustFor_BlueBox_Bottom.gif);background-repeat: no-repeat;height:9px;float:left;width:204px;font-size:0px;}
#body_Container #bc_JustFor #Middle p {font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; color: #515151; text-align:left; line-height:12px; margin:0px 15px 2px 20px; font-weight:normal}
#body_Container #bc_JustFor #Middle #button {outline:none; display: block;width:82px; height:22px;background-image:url(../media/kidSensations_JustFor_Button.png);background-repeat: no-repeat; padding:4px 0px 1px 0px; color:#FFFFFF; text-decoration: none; text-align:center;font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; font-weight:bold; float:left; margin:10px 0px 5px 150px;}
#body_Container #bc_JustFor #Bottom{background-image:url(../media/kidSensations_JustFor_Bottom.gif);background-repeat: no-repeat;height:15px;float: left;width:265px;}

#body_Container #bc_RecentEvents{float:left;width:250px;border:0px; padding: 0px 0px 0px 0px;}
#body_Container #bc_RecentEvents #Top{background-image:url(../media/kidSensations_RecentEvents_Top.gif);background-repeat: no-repeat;height:15px;float: left;width:250px;font-size:0px;}/*font size 0 fixes the 1 pixel invisble bug in IE*/
#body_Container #bc_RecentEvents #Middle{background-image:url(../media/kidSensations_RecentEvents_Middle.gif);background-repeat: repeat-y;float: left;width:250px;}
#body_Container #bc_RecentEvents #Middle h3{font-family:BetinaScript, Arial, Helvetica, "Times New Roman", sans-serif; font-size: 20pt; color: #41B3BD; text-align:left; line-height:20pt; margin:0px 5px 0px 10px;}
#body_Container #bc_RecentEvents #Middle p {font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; color: #515151; text-align:left; line-height:12px; margin:2px 20px 2px 20px; font-weight:normal}
#body_Container #bc_RecentEvents #Middle #subIcon {font-family:Georgia, "Times New Roman", Times, Geneva serif; font-size: 9pt; color: #515151; text-align:left; line-height:9pt; margin:10px 15px 5px 15px; font-weight:normal}
#body_Container #bc_RecentEvents #subHeaderLink {outline:none; display: block;width:208px; height:45px;background-image:url(../media/kidSensations_RecentEvent_SubIcon1.png);background-repeat: no-repeat; padding:10px 0px 0px 16px; color:#e66265; text-decoration: underline; text-align:center;font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; font-weight:bold; font-style:italic; float:left; margin:5px 0px 0px 10px;}
#body_Container #bc_RecentEvents #subHeaderLink2 {outline:none; display: block;width:208px; height:45px;background-image:url(../media/kidSensations_RecentEvent_SubIcon2.png);background-repeat: no-repeat; padding:11px 0px 0px 16px; color:#e66265; text-decoration: underline; text-align:center;font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; font-weight:bold; font-style:italic; float:left; margin:5px 0px 0px 10px;}
#body_Container #bc_RecentEvents #Middle #button {outline:none; display: block;width:82px; height:22px;background-image:url(../media/kidSensations_JustFor_Button.png);background-repeat: no-repeat; padding:4px 0px 1px 0px; color:#FFFFFF; text-decoration: none; text-align:center;font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; font-weight:bold; float:left; margin:10px 0px 5px 150px;}
#body_Container #bc_RecentEvents #Bottom{background-image:url(../media/kidSensations_RecentEvents_Bottom.gif);background-repeat: no-repeat;height:15px;float: left;width:250px;}

#body_Container_interior #Top{background-image:url(../media/kidSensations_Footer_Top.gif);background-repeat: no-repeat;height:14px;float: left;width:763px;font-size:0px;}/*font size 0 fixes the 1 pixel invisble bug in IE*/
#body_Container_interior #Middle{background-image:url(../media/kidSensations_Footer_Middle.gif);background-repeat: repeat-y;float: middle;width:765px;}
#body_Container_interior #Middle h3{font-family:BetinaScript, Arial, Helvetica, "Times New Roman", sans-serif; font-size: 20pt; color: #41B3BD; text-align:left; line-height:20pt; margin:7px 5px 0px 30px;font-weight: normal;}
#body_Container_interior #Middle p {font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; color: #515151; text-align:left; line-height:14px; margin:2px 20px 2px 20px; font-weight:normal}
#body_Container_interior #Middle h5{font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 9pt; color: #515151; text-align:left; line-height:9pt; margin:7px 5px 0px 30px;font-weight: normal;}
#body_Container_interior #Middle ul{font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 12px; color: #515151; text-align:left; line-height:14px; margin:2px 20px 2px 20px; font-weight:normal; list-style-type: none;padding: 0;margin: 10px 0px 0px 45px;}
#body_Container_interior #Middle ul li{background-image: url(../media/kidSensations_Categories_Arrow.gif);background-repeat: no-repeat;background-position: 0px;padding-left: 22px;}
#body_Container_interior #Middle ul li a { color:#515151;outline:none;text-decoration: none;font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size:12px;text-align:left; }
#body_Container_interior #Middle ul li a:visited, #body_Container #bc_Categories #Middle ul li a:hover{background: transparent;color: #333333;outline:none;}
#body_Container_interior #Bottom{background-image:url(../media/kidSensations_Footer_Bottom.gif);background-repeat: no-repeat;height:14px;float: left;width:765px;}


#footer_Container #Top{background-image:url(../media/kidSensations_Footer_Top.gif);background-repeat: no-repeat;height:14px;float: left;width:763px;font-size:0px;}/*font size 0 fixes the 1 pixel invisble bug in IE*/
#footer_Container #Middle{background-image:url(../media/kidSensations_Footer_Middle.gif);background-repeat: repeat-y;float: left;width:765px;}
#footer_Container #Middle h5{font-family:Arial, Helvetica, "Times New Roman", sans-serif; font-size: 9pt; color: #515151; text-align:left; line-height:9pt; margin:7px 5px 0px 30px;font-weight: normal;}

#navFooter{height:13px;text-align:left; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:11px; padding: 0px 0px 0px 0px;margin:3px 5px 5px 28px;}
#navFooter ul, #navFooter li{display: inline;list-style-type: none; margin: 0px 1px 0px 0px;border:0px; padding:0px;}
#navFooter a { outline:none; }
#navFooter a:link, #navFooter a:visited{font-weight: normal;margin: 0px 2px 0px 0px;border:0px; padding:0px;text-decoration: none;color: #515151;outline:none;}
#navFooter a:link#current, #navFooter a:visited#current, #navFooter a:hover{background: transparent;color: #41B3BD;outline:none;}

#footer_Container #Bottom{background-image:url(../media/kidSensations_Footer_Bottom.gif);background-repeat: no-repeat;height:14px;float: left;width:765px;}

ADDRESS,
BLOCKQUOTE,
BODY, DD, DIV,
DL, DT,
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4,
H5, H6, IFRAME,
NOFRAMES,
OBJECT, OL, P,
UL, APPLET,
CENTER, DIR,
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { line-height: 1.33 }
H1              { margin: .67em 0 }
H2              { margin: .83em 0 }
H3              { margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET,
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER,
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT,
COL, COLGROUP, TD, TH, CAPTION
                { unicode-bidi: embed }
/* End bidi settings */
@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3,
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}