/* CSS Document */

body {
font-size:1em;
}

/***********************************************/
/* Index Header                                 */
/***********************************************/
div#pageBanner{

width:750px;
background-color:#CA1818;
border-bottom:1px solid #FFD641;
}
div#breadcrumbNav{

height:21px;
border-bottom:1px solid #FFD641;
}
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;
}

#toTryItsIndex a:link, #toTryItsIndex a:visited{
float:left;
diplay:block;
text-decoration:none;
width:160px;
height:21px;
text-decoration:none;
background-image:url(images/breadCrumb/scienceTryIts_link.gif);
background-repeat:no-repeat;
background-position:0 0;
}

.ShowInfo{
width:400px;
color:#FFFFFF;
font-weight:800;
padding-left:10px;
font-size:12pt;
}


div#pageNav{

width:750px;
background-color:#FF6352;
font-family:Arial,Helvetia,sans;
font-size:.85em;
letter-spacing:.01em;
font-weight: normal;
font-variant: normal;
color:#fff;
padding:4px 0 4px 0;
}

div#pageNav ul{


margin:0 0 0 10px;
/*float:left;*/
clear:both;


}

div#pageNav ul li{
margin:6px 0 3px 0;
list-style-type:none;
float:left;
display:inline;
border-right:1px solid #ff8072;
}

.firstLi{
border-left:1px solid #ff8072;
}

div#pageNav a:link, div#pageNav a:visited{
text-decoration:none;
color:#fff;
padding:0 6px;
}
div#pageNav a:hover{
background-color:#CA1818;
}

.center{

margin-left:auto;
margin-right:auto;
border:1px solid #00CCFF;
}

/***********************************************/
/* Content                                 */
/***********************************************/

div#content p{

left:20px;
margin:5px 0 0 0px;
width: 90%;
}

div#content .illustration{
float:right;
margin-left:10px;
}

.activity{
clear:both;

height:31px;
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 0 0;
}

.activity h1{
padding:6px 0 5px 0;
margin-left:30px;
}

div#first{
border-top:none;
margin:0 0 0 0;
}

div#content .arrowsinbox{
float:right;
}

div#content .list{
float:left;

width:506px;
margin:10px auto;
}

.toTop{
font-family:Verdana, Arial, sans-serif;
font-weight: bold;
font-variant: normal;
float:right;

right:20px;
top:4px;
display:inline;
}

.toTop img{
float:none;
margin:0;

top:3px;
left:3px;
border:none;
}

.toTop a:link, .toTop a:visited {
font-size:.8em;
color:#FF6352;
text-decoration:none;
display:inline-block;
padding: 4px 0;
}

.toTop a:hover{
text-decoration:underline;
}

.clear{
height:0px;
width:100%;
clear:both;
}