/* aaaaaaahhhhhhh good comments .format { color: #0099FF; background-color: #000000; } This is a class that I can apply to the of a page so I can change it from default.*/ /*I may not use these classes, but they are here for temporary reference*/ .smallfont { font-size: .8em; } /*smaller font size for the nav bar for now since it looks better*/ .smallfontlinks { font-size: .9em; } .padding { padding-left: 175px; } /*to override the p below*/ .padding2 { padding-left: 80px; } .head { padding: 7px; font-size: 1.9em; color: #000000; text-indent: 0; } .space { line-height: 1.5em; } .border { margin-left: 3px; margin-right: 3px; border: 1px solid #000000; /*border-bottom: 1px solid #000000;*/ } /* p { text-indent: 17px; } */ /*adding padding to the

instead of to the divs because firefox and opera mauled div padding to the extreme*/ p { padding: 7px; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16 px; color: #000000; background-color: #FFFFFF; margin: 0; /*margin and padding set to 0 because of web browser defaults*/ padding: 0; height: 100%; text-align: center; /*IE render fix */ } a:link { color: /*#4B5DB8;*/ #006391; text-decoration: none; /*This line takes out the underline from links.*/ } a:visited { color: /*#4B5DB8;*/ #006391; text-decoration: none; } a:hover { color: /*#4DA4BA;*/ /*#36963D;*/ #006391; border: 1px solid #000000; } /*below are the classes I use to do an image rollover for the nav bar*/ a.home { display: block; width: 175px; height: 36px; background-image: url(img/home.png); background-repeat: no-repeat; } a.home:hover { background-image: url(img/home2.png); width: 175px; height: 36px; border: 0; } /* a.products { display: block; width: 175px; height: 30px; background-image: url(img/products.png); background-repeat: no-repeat; } a.products:hover { background-image: url(img/products2.png); width: 175px; height: 30px; } */ a.resources { display: block; width: 175px; height: 30px; background-image: url(img/resources.png); background-repeat: no-repeat; } a.resources:hover { background-image: url(img/resources2.png); width: 175px; height: 30px; border: 0; } a.bestsellers { display: block; width: 175px; height: 31px; background-image: url(img/bestsellers.png); background-repeat: no-repeat; } a.bestsellers:hover { background-image: url(img/bestsellers2.png); width: 175px; height: 31px; border: 0; } a.abouttheauthor { display: block; width: 175px; height: 33px; background-image: url(img/abouttheauthor.png); background-repeat: no-repeat; } a.abouttheauthor:hover { background-image: url(img/abouttheauthor2.png); width: 175px; height: 33px; border: 0; } a.contactandorder { display: block; width: 175px; height: 32px; background-image: url(img/contactandorder.png); background-repeat: no-repeat; } a.contactandorder:hover { background-image: url(img/contactandorder2.png); width: 175px; height: 32px; border: 0; } a.links { display: block; width: 175px; height: 38px; background-image: url(img/links.png); background-repeat: no-repeat; } a.links:hover { background-image: url(img/links2.png); width: 175px; height: 38px; border: 0; } img { border-style: none; } /*following are the divs*/ /* this is the one that works and is on the site div#everything { background-color: #FFFFFF; width: 900px; margin-left: 2px; text-align: left; } */ div#everything { background-color: #FFFFFF; width: 765px; margin-left: auto; margin-right: auto; text-align: left; } div#topimage { border-top: 1px #000000 solid; border-left: 1px #000000 solid; border-right: 1px #000000 solid; color: #66CCFF; width: 760px; height: 95px; /*margin-left: 10%;*/ background-color: #355AC4; float: left; } div#navigation { border: 1px #000000 solid; width: 175px; height: 800px; /*margin-left: 10%;*/ background-image: url(img/nav3.png); background-repeat: repeat-y; float: left; } div#testimonial { border-top: 1px #000000 solid; border-bottom: 1px #000000 solid; width: 175px; font-size: .85em; background-image: url(img/nav2.png); background-repeat: repeat-y; float: left; } div#text { border-top: 1px #000000 solid; border-bottom: 1px #000000 solid; width: 398px; height: 800px; background-color: #FFFFFF; float: left; } div#right { border-right: 1px #000000 solid; border-left: 1px #000000 solid; border-bottom: 1px #000000 solid; border-top: 1px #000000 solid; width: 185px; height: 800px; font-size: .85em; background-image: url(img/right.png); background-repeat: repeat-y; float: left; } div#bigright { border-right: 1px #000000 solid; border-bottom: 1px #000000 solid; border-top: 1px #000000 solid; width: 584px; height: 800px; background-color: #FFFFFF; float: left; } div#bigright2 { /*this one is for the printoff page ONLY*/ border: 1px #000000 solid; width: 584px; background-color: #FFFFFF; margin-left: auto; margin-right: auto; font-size: .8em; } div#bottom { /*margin-left: 10%;*/ width: 760px; height: 60px; background-color: #FFFFFF; border-left: 1px #000000 solid; border-right: 1px #000000 solid; border-bottom: 1px #000000 solid; float: left; font-size: .65em; }