/*This is the core style sheet of my first page built with css*/ /*This defines what is enclosed in the tag will look like*/ body { background-color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: .8em; text-align: justify; } /*This defines what the headers will look like. More can be added if necessary.*/ h1 { font-size: 1.8em; font-weight: bold; text-align: left; } /*This defines what the headers will look like. More can be added if necessary.*/ h2 { font-size: 1.6em; font-weight: bold; text-align: left; } /*This defines what the headers will look like. More can be added if necessary.*/ h3 { font-size: 1.3em; font-weight: bold; text-align: left; } /*This defines what the headers will look like. More can be added if necessary.*/ h4 { font-size: 1em; font-weight: bold; text-align: left; } /*This positions the the header image at the top */ #pageheader { position: absolute; background-image: url(../images/a_header.jpg); background-repeat: no-repeat; max-height: 69px; width: 291px; height: 69px; top: 0px; left: 0px; } #pagecrumb { position: absolute; background-repeat: no-repeat; background-color: #ffffff; top: 0px; left: 291px; width: 100%; height: 69px; max-height: 69px } /*This positions the white space with the bread crumb trail*/ #pagecrumb2 { position: absolute; background-repeat: no-repeat; background-color: #ffffff; top: 0px; left: 291px; width: 281px; height: 69px; max-height: 69px } #ad { position: absolute; background-repeat: no-repeat; background-color: #ffffff; background-image: url(../images/add.jpg); top: 0; left: 451px; width: 100%; height: 69px; max-height: 69px } /*The navigation on the left side, positioned absolutely.*/ #Navigation { position: absolute; background-color: black; top: 69px; left: 0px; width: 167px; height: 500px; font-family : Arial, Verdana, Helvetica, sans-serif; color: white; padding: 0px; text-align: left; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-top: 0px; } #subnavcontainer{ width: 167px; } #subnavcontainer ul { margin-left: 0px; padding-left: 0px; padding-right: 0px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; } #subnavcontainer a { padding-left: 25px; padding-right: 0px; width: 167px; text-decoration: none; } #subnavcontainer a:link, #subnavlist a:visited { color: #ffffff; text-decoration: none; font-weight: normal; } #subnavcontainer a:hover { font-weight: normal; text-decoration: underline; } /*This defines what the content will look like and contains it.*/ #content { position: absolute; background-color: #000000; top: 69px; left: 423px; width: 40%; height: 500px; padding-left: 45px; float: left; padding-right: 39px; font-family : Arial, Verdana, Helvetica, sans-serif; color: white; min-width: 350px; max-width: 450px; overflow: auto; float: left; border: 1px solid #FFFFFF; border-top: 0px; border-left: 0px; text-align: left; } /*This defines what the content will look like and contains it.*/ #content2 { position: absolute; background-color: #000000; top: 69px; left: 169px; width: 65%; max-width: 800px; height: 500px; text-align: left; font-family : Arial, Verdana, Helvetica, sans-serif; color: white; overflow: auto; float: left; border: 1px solid #FFFFFF; border-top: 0px; border-left: 0px; } /*Photo Gallery 3 columns */ #content3 { position: absolute; background-color: #000000; top: 69px; left: 425px; width: 60%; height: 543px; padding-left: 45px; padding-top: 13px; padding-right: 39px; font-family : Arial, Verdana, Helvetica, sans-serif; color: white; overflow: auto; float: left; border: 1px solid #FFFFFF; border-top: 0px; border-left: 0px; } /*Content 4 */ #content4 { position: absolute; background-color: #000000; top: 69px; left: 500px; width: 30%; height: 543px; padding-left: 45px; padding-top: 13px; padding-right: 39px; font-family : Arial, Verdana, Helvetica, sans-serif; color: white; overflow: auto; float: left; border: 1px solid #FFFFFF; border-top: 0px; border-left: 0px; } #footer { position: absolute; background-color: #000000; top: 570px; left: 0px; overflow: auto; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; padding-left: 5px; } .white { font-family: Arial, Verdana, Helvetica, sans-serif; color: white; font-size: 1em; } /* This causes the image to float and positions the image. It can only be used with all positioning except absolute.*/ .leftpicture { float: left; position: relative; margin-right: 20px; margin-bottom: 5px; } .rightpicture { float: right; position: relative; margin-left: 20px; } /*These are different formatting classes*/ .fineprint { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: .8em; } .fineprint_white { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: .8em; color: white; } .fineprint a:link { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; color: black; text-decoration: underline; } .fineprint a:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; color: black; text-decoration: none; } .italic { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-style: italic; } .bold { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; } .bold a:visited { color: gray; } .replinks a:link { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } .replinks a:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } .reglinks a:link { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; } .reglinks a:hover { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } .reglinks a:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: gray; text-decoration: underline; } .invisible a i { visibility: hidden; } .bigger { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-size: 1.2em; } .biggest { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-size: 1.6em; }