body {


text-align: center;
width: 800px;
margin: auto;
}

h1.header {

width: 800px;
height: 110px;
background: url(../images/interface/eduhead.gif) no-repeat;

}

div.links {

width: 800px;
height: 30px;
font-size: 10pt;
background: url(../images/interface/mainlinkbg.gif) no-repeat;

}

a:link {color: #0b0e9f; text-decoration: none;}     /* unvisited link */
a:visited {color: #0b0e9f; text-decoration: none;}  /* visited link */
a:hover {color: #3a8ff8; text-decoration: none;}   /* mouse over link */
a:active {color: #0b0e9f; text-decoration: none;}   /* selected link */


/* STYLES FOR INDEX PAGE 
Should probably make the classes more specific to the index page 
*/



div.leftbox {

width: 390px;
height: 100%;
margin: 10px 5px 5px 0px;
float: left;
}

div.rightbox {
width: 390px;
float:left;
}
 
div.intro {

width: 390px;
margin: 0px 0px 10px 0px;
background: url(../images/interface/textborder.gif);

}

div.textboxhead {

width:390px;
height:50px;
background: url(../images/interface/textboxhead.gif) no-repeat;

}

div.textboxfoot {
width: 390px;
height: 25px;
background: url(../images/interface/textboxfoot.gif) no-repeat;

}


div.news {

width: 390px;
background: url(../images/interface/textborder.gif);
clear: both;
;
}

div.fproduct {

width : 390px;
margin:10px 5px 0px 0px;
background: url(../images/interface/textborder.gif);
float:left;

}

div.fproducttext {
width: 250px;
margin: 5px 5px 0px 0px;
float:left;
}

div.fproductimage {

width: 100px;
height: 120px;
margin: 5px 5px 0px 0px;
float:right;
clear: right;
}

div.textpad {

padding: 0px 7px 0px 7px;

}

/* END INDEX PAGE STYLES*/


/* STYLES FOR SELECT PRODUCT BY CATEGORY PAGES*/

div.catbox {

width: 790px;
margin: 10px 5px 0px 5px;
background: url(../images/interface/cattextborder.gif);


}

div.catboxhead {

width: 790px;
height: 55px;
padding: 2px 0px 0px 0px;
background: url(../images/interface/catboxhead.gif) no-repeat;
text-align: left;
}

div.catheadtext {
width: 750px;
height: 25px;
margin: 3px 20px 0px 20px;

}

div.catboxfoot {

width: 790px;
height: 30px;
background: url(../images/interface/catboxfoot.gif) no-repeat;
}


div.contentbox {
width: 790px;

}

div.catimage {
width: 100px;
height: 100px;
margin: 0px 2px 0px 7px;
float: left;
}

div.cattext {
width: 650px;
margin: 0px 7px 0px 20px;
text-align: left;
float: left;
}

/* END PRODUCT BY CATEGORY PAGES */


/* PAGES DISPLAYING PRODUCT LISTS ARE DEFINED HERE*/


div.proheader {

width: 300px;
height: 30px;
margin: 5px 0px 0px 5px;
font-size: 24px;
font-weight: bold;
}

div.procategories {
width:300px;
height:40px;
margin: 5px 0px 0px 0px;
}

div.featurebox {

width: 800px;
height: 265px;
margin: 10px 0px 0px 5px;
overflow: hidden;
}

div.featurepro {
width: 260px;
height: 260px;
margin: 0px 5px 0px 0px;
float: left;
background: url(../images/interface/feature.gif);
}

div.featurename {

width: 240px;
margin: 10px 10px 35px 10px;
font-size: 20px;
}

div.featurepic {
height: 100px;
width: 100px;
margin: 0px 0px 0px 10px;
float: left;
}

div.featureinfo {
height: 100px;
float: left;
}
div.productbox {

width: 800px;
background: url(../images/interface/protextborder.gif) repeat-y;
margin: 5px 0px 0px 5px;
}

div.proboxhead {
width:800px;
height: 25px;
background:url(../images/interface/proboxhead.gif) no-repeat;
}

div.proboxfoot {

width: 800px;
height: 25px;
background: url(../images/interface/proboxfoot.gif) no-repeat;
}

div.procode {

width: 100px;
margin: 0px 250px 5px 5px;
float: left;
}

div.proname {

width: 400px;
float: left;
margin: 0px 0px 5px 0px;
font-size: 14pt;;
}
 div.propicture {
width: 100px;
height: 150px;
margin: 0px 0px 0px 5px;
float: left;

}
div.prodesc {

width:575px;
float: left;
}

div.proprice {
width: 75px;
float: left;


}

/* Styles for Product Comparison Lists*/

div.compheader {

width: 790px;
height: 30px;
margin: 5px 0px 10px 5px;
font-size: 24px;
text-align: left;
}



div.compleft {

width: 125px;
margin: 10px 10px 0px 5px;
float: left;
}

div.compright {
width: 650px;
margin: 10px 0px 0px 0px;
float: left;

}

div.deschead {
width: 640px;
height: 75px;
margin: 0px 10px 25px 0px;
text-align: right;
}

div.description {

width: 640px;
text-align: left;
margin: 0px 7px 0px 0px;
}

div.compbox {

width: 800px;
background: url(../images/interface/protextborder.gif) repeat-y;
margin: 0px 0px 0px 5px;
}

/* Styles for Comparison Charts*/

div.chartheader {

width: 790px;
height: 75px;
margin: 5px 0px 10px 5px;
text-align: center;
}

table.comptable {


}


td.rowinfo {

font-weight: bold;
border: 1px dotted black;
}

td.info {

border: 1px solid black;
}

/* Styles for Product Pages*/

div.productleftbox {
height: 50px;
width: 550px;
margin: 0px 0px 0px 10px;
float: left;
text-align: left;
}

div.productrightbox {
height: 50px;
width: 200px;
margin: 0px 0px 0px 0px;
float: left;
text-align: left;
}

div.productcontent {
width: 770px;
margin: 0px 0px 0px 10px;
text-align: left;

}

div.productdesc {
width:700px;
margin: 0px 0px 0px 0px;


}

div.productpicture {

height: 150px;
width: 100px;
float:left;
margin: 0px 10px 0px 0px;
text-align:left;
}

div.productbottom {

width:790px;
clear: both;
}

div.componentbox {
width: 800px;
background: url(../images/interface/protextborder.gif) repeat-y;
margin: 5px 0px 0px 5px;
clear: left;
}

div.componentleft {
width: 100px;
margin: 5px 0px 0px 10px;
text-align: left;

}

div.componentright {
margin: 5px 0px 0px 0px;
width:770px;
text-align: left;
}

div.pcomphead {
width:790px;
height: 30px;
margin: 0px 0px 0px 10px;
text-align: left;
}

div.compcontentbox {
width: 780px;
margin: 0px 5px 0px 5px;
}

div.compmainhead {

width: 800px;
text-align: left;
margin: 0px 0px 0px 5px;
font-size: 24px;
}

div.compfooter {

width: 800px;
text-align: left;
}

.prop {
height:125px;
float: right;
width: 1px;
}

.clear {
clear: both;
height:1px;
overflow: hidden;
}

/* Styles for workshop calendar*/

div.calhead {

font-size: 24pt;
margin: 0px 0px 50px 0px;
}