/* CSS Document */

body {
font-size:1em;
}
/**{
border:1px solid;}*/
/***********************************************/
/* Category Header                                 */
/***********************************************/
div#pageBanner{
background-image:url(images/all/newtonfacecrop.jpg);
background-position:551px 21px;
background-repeat:no-repeat;

width:750px;
background-color:#CA1818;
border-bottom:1px solid #FFD641;
}
div#breadcrumbNav{

height:21px;
width:100%;
border-bottom:1px solid #FFD641;
background-image:url(images/all/headerdivider.gif);
background-position:550px 0px;
background-repeat:no-repeat;
background-color:#CA1818;
}
div#breadcrumbNav ul{
float:left;
}
div#breadcrumbNav li{
float:left;
list-style-type:none;
}
div#breadcrumbNav span{
display:none;
}

div#breadcrumbNav a.home:link, div#breadcrumbNav a.home:visited{
float:left;
diplay:block;
width:48px;
height:21px;
text-decoration:none;
background-image:url(images/breadCrumb/Home.gif);
background-repeat:no-repeat;
background-position:0 0;
margin-left:16px;
}

#teacherGuides{
width:109px;
height:21px;
text-decoration:none;
background-image:url(images/breadCrumb/category.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#byCategory{
width:224px;
height:21px;
text-decoration:none;
background-repeat:no-repeat;
background-position:0 0;
}

div#breadcrumbNav #header{
padding-left:16px;
}

#animalsPlants #byCategory{
background-image:url(images/breadCrumb/animalsPlants.gif);
}
#earthSpace #byCategory{
background-image:url(images/breadCrumb/earthSpace.gif);
}
#healthMedicine #byCategory{
background-image:url(images/breadCrumb/healthMedicine.gif);
}
#chemistryFood #byCategory{
background-image:url(images/breadCrumb/chemistryFood.gif);
}
#technologyInvention #byCategory{
background-image:url(images/breadCrumb/technologyInvention.gif);
}
#physicsSports #byCategory{
background-image:url(images/breadCrumb/physicsSports.gif);
}

div#titleGroup{
width:550px;

border-right:1px solid #FF914B;
background-color:#FF6352;
}

div#titleGroup #title{
margin: 10px 4px 10px 12px;
}

div#subhead{
width:550px;
border-top:1px solid #FF914B
}

div#subhead p{
font-family:Arial,Helvetia;
font-size:.9em;
font-weight: normal;
font-variant: normal;
letter-spacing:.03em;
padding: 5px 4px 5px 12px;
color:#fff;
}

/***********************************************/
/* Content                                 */
/***********************************************/

.guide{
clear:both;
position:relative;
height:30px;
overflow:hidden;
width:100%;
border-bottom:1px solid #FF6352;
border-top:3px solid #FF6352;
background-image:url(images/all/applearrow.gif);
background-repeat:no-repeat;
margin:6px 0 10px 0;
}

div#first{
border-top:none;
margin:0 0 0 0;
}

.guideTitle{
font-variant: normal;
position:absolute;
top:3px;
left:30px;
}

.guideBrief{
width:100%;
margin-top:5px;
clear:both;
}

div#content .guidesubhead{
font-family:Verdana, Arial, sans-serif;
font-size:.8em;
font-weight: bold;
font-variant: normal;
line-height:1.5em;
margin-top:4px;
margin-left:30px;
}

div#content .guidetext{
font-size:.8em;
font-weight: normal;
font-variant: normal;
line-height:1.5em;
margin:0px 30px 20px 30px;
}

div#content .show{
position:absolute;
right:10px;
top:7px;
font-family:Verdana, Arial, sans-serif;
font-size:.7em;
font-weight: bold;
font-variant: normal;
letter-spacing:.07em;
color:#CA1818;
}

div#content .show:before{
content:"Show:";
}

.linkToVideo{
position:absolute;
top:3px;
right:300px;
}

.linkToGuide{
position:absolute;
top:3px;
right:200px;
}

.linkToVideo a:link, .linkToVideo a:visited, .linkToGuide a:link, .linkToGuide a:visited{
font-family:Verdana, Arial, sans-serif;
font-size:.9em;
font-weight: bold;
font-variant: normal;
letter-spacing:.05em;
color:#FF6352;
text-decoration:none;
display:inline-block;
padding: 4px 0;
}

.linkToVideo a:hover, .linkToGuide a:hover{
text-decoration:underline;
}

.linkToVideo a img, .linkToGuide a img{
position:relative;
top:5px;
border:none;
}
