/* ---------------- Site-wide Elements ---------------- */

html
{
	min-height: 100%; 
	margin-bottom: 1px;
}

body
{
    font-size: 1em;
    font-family: Arial, Verdana, Sans-Serif;
    margin: 0px 0px 20px 0px;
    text-align: center;
}
p
{
    line-height: 1.3em;
}
p.Normal
{
    line-height: normal;
}
h1
{
    font-weight: normal;
    font-size: 1.75em;
    color: #192487;
    text-align: center;
}
h2
{
    font-weight: normal;
    font-size: 1.35em;
    color: #6c6c6c;
    text-align: center;
}

h3
{
    font-size: 1.0em;
    font-weight: bold;
}

li
{
    margin-top: 3px;
    margin-bottom: 3px;
}

 /* ---------------- Site-Wide Classes ---------------- */

.BodyContent
{
    margin-left: 45px;
    margin-right: 45px;
    width: 680px;
    text-align: left;
    margin-left:auto;
    margin-right:auto    
} 

.NavPadding 
{
    padding-right: 9px;
    padding-left: 9px;
}



 /* ---------------- Link Formatting ---------------- */

/* Default Links */
a:link
{
    color: #192487;
    text-decoration: underline;
}
a:active
{
    color: #3141d4;
    text-decoration: underline;
}
a:visited
{
    color: #f01700;
    text-decoration: underline;
}
a:hover
{
    color: #000000;
    text-decoration: underline;
}	


/* Primary Navigation Links */
a.LinkNav, a.LinkNav-ON
{
    font-weight: bold;
}
a.LinkNav:link, a.LinkNav:active, a.LinkNav:visited
{
    color: #000000;
    text-decoration: none;
}
a.LinkNav:hover
{
    color: #f01700;
    text-decoration: none;
}
a.LinkNav-ON:link, a.LinkNav-ON:active, a.LinkNav-ON:visited
{
    color: #f01700;
    text-decoration: underline;
}


/* Secondary Navigation Links */
a.LinkSecNav, a.LinkSecNav-ON
{
    margin-left: 10px;
    margin-right: 10px;
}
a.LinkSecNav:link, a.LinkSecNav:active, a.LinkSecNav:visited
{
    color: #192487;
    text-decoration: none;
}
a.LinkSecNav:hover
{
    color: #f01700;
    text-decoration: none;
}	
a.LinkSecNav-ON:link, a.LinkSecNav-ON:active, a.LinkSecNav-ON:visited
{
    color: #f01700;
}


/* Footer Navigation Links */
a.LinkFooter
{
    font-size: 0.8em;
    padding-right: 5px;
    padding-left: 5px;
}
a.LinkFooter:link, a.LinkFooter:active, a.LinkFooter:visited
{
    color: #192487;
}
a.LinkFooter:hover
{
    color: #f01700;
}

/* 3 Main HomePage Links */
a.MainHomeLink:link,a.MainHomeLink:visited, a.MainHomeLink:active
{
    color: #000000;  /* 192487 */
}
a.MainHomeLink:hover
{
    color: #f01700;
}	



/* Project Book Subnav */
a.LinkBookSubNav, a.LinkBookSubNav-ON
{
  font-size: 0.8em;
  color: Black
}
a.LinkBookSubNav-ON
{
  font-weight:bold;
  text-decoration: none;
  color: #f01700;
}
a.LinkBookSubNav:link, a.LinkBookSubNav:active, a.LinkBookSubNav:visited
{
  text-decoration: none;
}
a.LinkBookSubNav:hover, a.LinkBookSubNav-ON:hover
{
  color: #f01700;
  text-decoration: underline;
}





 /* ---------------- Styles for Specific Elements ---------------- */

#SecNav
{
    margin-right: 10px;
    margin-top: 10px;
    font-size: 0.8em;
    margin-bottom: 45px;
}
#MainNav
{
    margin-right: 10px;
    padding-top: 0px
}

.Header
{
    padding-bottom: 5px;
    text-align: center;
}

.Footer
{
    font-size: .8em;
    padding-bottom: 5px;
    text-align: center;
    margin-top: 0px;   
    line-height: 2em; 
    width:630px;
    margin-left:auto;
    margin-right:auto
}


.LessonIcons 
{
    margin: 0px 15px
}

.LinkHeading
{
    font-size: 1.2em;
    background-image: url(Images/Links/HeadingBG.gif);
    background-repeat: repeat-y;

}

img.LinkIcon 
{ 
    margin-right: 2px;
}

.Heading 
{
    font-size: 1.4em;
    font-weight: bold;
}

.SubHeading 
{
    font-size: 1.2em;
    font-weight: bold;
}

.HideShowLink 
{
    font-size: .8em;
    padding-left:10px
}

.Question
{
    background-color: #e2eeff;  /* e2f5ff */
    padding: 2px 20px 3px 20px;
    width: 640px;
    margin-top: 0px;
    margin-bottom:0px;
}

.TopCurve
{
    background-image: url(Images/Ask/QuestionTop.gif);
    background-repeat: no-repeat;
    background-position: center top;
}

.Answer
{
    background-color: #ffe5e5;
    padding: 3px 20px 5px 20px;
    width: 640px;
    margin-top: 0px;
    margin-bottom:0px;
}

.BottomCurve
{
    background-position: center bottom;
    background-image: url(Images/Ask/AnswerBottom.gif);
    background-repeat: no-repeat;
}

.TestimonialPerson
{
	color: gray;
	font-style: italic;
}

.ProjectBookSubHeading
{
    /* color: #192487; */
    margin-bottom:0px;
    font-size: larger;
    font-weight: bold;
}


 /* ---------------- Generic Styles ---------------- */


/* Text Colors */
.TextBlue
{
    color: #192487;
}
.TextRed
{
    color: #f01700;
}



/* Text Sizes */
.Small
{
    font-size: .8em;
}
.Medium 
{
    font-size: .9em;
}



/* Text Formatting */
.OneOneHalfSpacing
{
    line-height: 1.5em;
} 
.DoubleSpacing
{
    line-height: 2em;
} 
.AlignLeft 
{
    text-align: left;
}
.AlignRight 
{
    text-align: right;
}
.Centered
{
    text-align: center;
}
/* Background Colors */ 
.BgLightBlue
{
    background-color: #e2f5ff;
}
.BgLightRed
{
    background-color: #ffe5e5;
}


/* Corners */ 
.RedTopLeftCorner
{
    background-color: #ffe5e5;
    background-position: left top;
    background-image: url(Images/Corners/RedTL.gif);
    background-repeat: no-repeat;
}
.RedTopRightCorner
{
    background-color: #ffe5e5;
    background-position: right top;
    background-image: url(Images/Corners/RedTR.gif);
    background-repeat: no-repeat;
}
.RedBottomLeftCorner
{
    background-color: #ffe5e5;
    background-position: left bottom;
    background-image: url(Images/Corners/RedBL.gif);
    background-repeat: no-repeat;
}
.RedBottomRightCorner
{
    background-color: #ffe5e5;
    background-position: right bottom;
    background-image: url(Images/Corners/RedBR.gif);
    background-repeat: no-repeat;
}

.BlueTopLeftCorner
{
    background-color: #e2f5ff;
    background-position: left top;
    background-image: url(Images/Corners/BlueTL.gif);
    background-repeat: no-repeat;
}
.BlueTopRightCorner
{
    background-color: #e2f5ff;
    background-position: right top;
    background-image: url(Images/Corners/BlueTR.gif);
    background-repeat: no-repeat;
}
.BlueBottomLeftCorner
{
    background-color: #e2f5ff;
    background-position: left bottom;
    background-image: url(Images/Corners/BlueBL.gif);
    background-repeat: no-repeat;
}
.BlueBottomRightCorner
{
    background-color: #e2f5ff;
    background-position: right bottom;
    background-image: url(Images/Corners/BlueBR.gif);
    background-repeat: no-repeat;
}




/* Images */ 
.PicRight
{
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 20px;
	float:right
}
.PicLeft
{
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 20px;
	float:left
}


/* Edges - margins, padding */    
.NoTop
{
    margin-top: 0px;
}   
.NoBottom
{
    margin-bottom: 0px;
}
.Bottom5
{
    margin-bottom: 5px;
}
.Top5
{
    margin-top: 5px;
}
.Bottom10
{
    margin-bottom: 10px;
}
.Top10
{
    margin-top: 10px;
}


/* ------------------------------------------------- */
/*                  Rounded Corners                  */
/* ------------------------------------------------- */

/* ---------- CSS Method ---------- */

/* set the image to use and establish the lower-right position */ 
.CssBoxBook, .CssBoxText, .CssBoxScores1, .CssBoxScores2, .CssBoxBody, .CssBoxHead, .CssBoxHead h3, .CssBoxHead .IntroText
{
    background: transparent url(Images/LargeBox.png) no-repeat bottom right;
 }
 
.CssBoxBook
{
    width: 250px !important;    /* intended total box width - padding-right(next) */
    width: 250px;               /* IE Win = width - padding */
    padding-right: 10px;        /* the gap on the right edge of the image (not content padding) */
    text-align: center;         /*margin: 20px;  use to position the box */
} 
.CssBoxText
{ 
    width: 507px !important;    /* intended total box width - padding-right(next) */
    width: 507px;               /* IE Win = width - padding */
    padding-right: 10px;        /* the gap on the right edge of the image (not content padding) */ /*margin: 20px;  use to position the box */
}
.CssBoxScores1
{ 
    width: 250px !important;    /* intended total box width - padding-right(next) */
    width: 250px;               /* IE Win = width - padding */
    padding-right: 10px;        /* the gap on the right edge of the image (not content padding) */ /*margin: 20px;  use to position the box */
}
.CssBoxScores2
{ 
    width: 410px !important;    /* intended total box width - padding-right(next) */
    width: 410px;               /* IE Win = width - padding */
    padding-right: 10px;        /* the gap on the right edge of the image (not content padding) */ /*margin: 20px;  use to position the box */
}
 
/* set the top-right image */ 
.CssBoxHead
{
    background-position: top right;
    margin-right: -10px;        /* pull the right image over on top of border */
    padding-right: 20px;        /* right-image-gap + right-inside padding */
} 

/* set the top-left image */ 
.CssBoxHead h3, .CssBoxHead .IntroText
{
    background-position: top left;
    margin: 0;                  /* reset main site styles*/
    border: 0;                  /* ditto */
    padding: 15px 0 0 20px;     /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%;                 /* IE Holly Hack */
} 

/* set the lower-left corner image */ 
.CssBoxBody
{
    background-position: bottom left;
    margin-right: 10px;         /* interior-padding right */
    padding: 1px 0 15px 20px;   /* mirror .CssBoxHead right/left */
}   

/* ------ Table Method (Header) ------ */
#HeaderLeft
{
    background-image: url(Images/Header/Left.gif);
    background-repeat: repeat-y;
}
#HeaderCenter
{
    background-position: right top;
    background-image: url(Images/Header/CenterGradient.gif);
    background-repeat: no-repeat;
    width: 750px;
}
#HeaderRight
{
    background-image: url(Images/Header/Right.gif);
    background-repeat: repeat-y;
}
#HeaderBottom, #HeaderBottomLeft, #HeaderBottomRight
{
    height: 15px;
}
#HeaderLeft, #HeaderBottomLeft, #HeaderRight, #HeaderBottomRight
{
    width: 19px;
}
#HeaderBottom
{
    background-image: url(Images/Header/Bottom.gif);
    background-repeat: repeat-x;
}
#HeaderBottomLeft
{
    background-image: url(Images/Header/BottomLeft.gif);
    background-repeat: no-repeat;
}
#HeaderBottomRight
{
    background-image: url(Images/Header/BottomRight.gif);
    background-repeat: no-repeat;
}

/* ------------------------------------------------- */

.AmazonButton2
{
	background-position: top;
	padding-left: 13px;
	padding-top: 5px;
	margin-left: 32px;
	background-image: url(  '../Images/ProjectBook/BlankButton.gif' );
	background-repeat: no-repeat;
	width: 170px;
	height: 29px;
	font-size: 1em;
	font-weight: bold;
}  

.AmazonButton
{
	font-size: 1em;
	font-weight: bold;
}  

a.AmazonButton:link,a.AmazonButton:visited, a.AmazonButton:active
{
    color: #ff6600;
    text-decoration: none;
}
a.AmazonButton:hover
{
    color: #000000;
    text-decoration: none;
}