/* CSS Document */

body {background-color:#C5D1Df; margin-left:0px; margin-top:0px;
font: 11pt/16pt "Comic Sans MS";
text-align:center;}

a.LittleNav:link {color: #708FBE; text-decoration: underline; }
a.LittleNav:visited {color: #708FBE; text-decoration: underline; }
a.LittleNav:active {color: #708FBE; text-decoration: underline; }
a.LittleNav:hover {color: #708FBE; text-decoration: none; } 
.style6 {color: #ee0000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align:center;}

img {border:0;}
#leftroad {margin:0px; padding:0px; background-image:url(IoWRoad.png); background-repeat:repeat-y; background-position:top left;}
#rightroad {margin:0px; padding:0px; background-image:url(IoWRoad2.png); background-repeat:repeat-y; background-position:top right;}
.Container {width:750px; background-color:#FFFFFF; margin: 0 auto;}
.Nav {width:100%; background-color:#F1F6FC;}
.Onwheels {width:100%; background-color:#728EBE; border-bottom:1px solid; height:26px;}
.Location {width:100%; background-color:#FFFFFF; font-size:12px; color:708FBE; text-align:left;}
.Content {background-color:#FFFFFF; width:80%; margin-left:auto; margin-right:auto; text-align:left;}
p.Content {background-color:#FFFFFF; text-align:left;}
.LeftColumn {text-align:justify; float:left; padding-right:2%; width:275px;}
.RightColumn {float:left; margin-top:30px;}
.DLeftColumn {float:left; padding-right:2%; width:438px;}
.DRightColumn {float:left; text-align:right;}
.Bottomnav {margin-top:1px; width:100%; border-bottom:1px solid; border-top:1px solid; background-color:#708FBE;}
.Bottomnav img{margin-left:65px;}
.End {background-color:#F1F6FC; text-align:center;}
.Name {color:8a2f8e; font-weight:600}
.red {color:#ee0000}
.green {color:#038e00}
.purple {color:#8a2f8e}
.justify {text-align:justify}
.jred {color:#ee0000; text-align:justify;}
.left {text-align:left;}
.center {text-align:center;}
.kidstitle {color:#8a2f8e; font-family:Arial, Helvetica, sans-serif; font-size:36px; text-align:center;
margin-bottom:20px; margin-top:15px;}
.smalltitle {color:#8a2f8e; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}

/*Rollover Stuff*/
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */
#swapchem {background-image:url(Images/ChemReactionO.jpg); width:250px; height:200px; position:absolute; top:200px; left:150px;}
#swapforce {background-image:url(Images/ForceandInertiaO.jpg); width:250px; height:200px; position:absolute; top:410px; left:150px;}
#swaplight {background-image:url(Images/LightO.jpg); width:250px; height:200px; position:absolute; top:410px; left:600px;}
#swapair {background-image:url(Images/AirandPressureO.jpg); width:250px; height:200px; position:absolute; top:200px; left:600px;}
#swapplants {background-image:url(Images/PlantsO.jpg); width:250px; height:200px; position:absolute; top:200px; left:150px;}