/* * The standard web page consists of two main sections: * - wrapper : used to separate the main web page content from the Dbug section. * This section is usually of fixed size and width, and contains the main * content sections, such as the 'content' and 'nav' sections (see below). * - Dbug : Optional debugging messages are displayed in this section. This * section is usually placed in the full-width bottom section, directly * following the wrapper section; * * The standard two column web page consists of two main subsections, both * contained within the wrapper section (see above), and each with its own * set of default style rules: * - nav : mostly static content, such as the main menu and contact info; * usually placed in the narrow left column of the web page. * - content : the main (and variable) content; usually placed in the wide * right column of the web page. */ body { /* * Rules for everything in the body of the web page. That includes everything * except the section. */ background-color : black; padding : 0px; margin : 0px; margin-left : auto; margin-right : auto; color : white; font-family : Georgia, serif; font-style : normal; font-size : 16px; /* border-width : 1px; border-style : solid; border-color : white; */ } h1 { font-size : 1.6em; margin : 0px; border-width : 1px; } h2 { font-size : 1.3em; font-style : italic; margin : 0px; } h3 { font-size : 1.1em; font-style : italic; font-weight : normal; margin : 0px; } h4 { font-size : 1.0em; font-style : normal; font-weight : normal; margin : 0px; } img { border-width : 0px; border-style : solid; border-color : black; } a:link { color : silver; font-style : normal; font-weight : normal; text-decoration : none; } a:visited { color : silver; font-style : normal; font-weight : normal; text-decoration : none; } a:hover { color : red; font-style : normal; font-weight : normal; text-decoration : underline; } a:active { color : red; font-style : italic; font-weight : normal; text-decoration : underline; } .wrapper { position : relative; margin : 0px; margin-top : 10px; padding : 0px; height : 800px; width : 800px; /* border-width : 1px; border-style : solid; border-color : white; */ } .content { /* * Rules for everything in the main content section of the web page. */ position : absolute; top : 0px; left : 260px; width : 540px; padding: 0px; margin: 0px; margin-left : auto; margin-right : auto; text-align : center; /* border-width : 1px; border-style : dotted; border-color : black; */ } .heading { margin: 0px; margin-top: 10px; padding : 0px; padding-right : 2em; text-align : right; font-style : italic; /* border-width : 1px; border-style : dotted; border-color : yellow; */ } .heading h2 { font-size : 1.4em; } .heading h3 { font-size : 1.3em; color : black; } .images { position : relative; height : 460px; margin: 0px; margin-top : 10px; /* border-width : 1px; border-style : solid; border-color : blue; */ } .images a:hover { border-style : solid; border-width : 1px; border-color : #474747; } .images img { border-width : 2px; border-style : solid; border-color : silver; } img#landscape { position : relative; top : 40px; border-width : 0px; } img#portrait { border-width : 0px; } img#square { border-width : 0px; } img#image1 { position : absolute; top : 160px; left : 190px; z-index : 20; } img#image2 { position : absolute; top : -10px; left : 80px; z-index : 30; } img#image3 { position : absolute; top : 0px; left : 380px; z-index : 20; } img#image4 { position : absolute; top : 260px; left : 40px; z-index : 20; } img#image5 { position : absolute; top : 260px; left : 360px; z-index : 10; } .navigate { margin : 0px; /* border-width : 1px; border-style : dashed; border-color : green; */ } .navigate table { width : 460px; margin : 0px; margin-left : auto; margin-right : auto; text-align : center; /* border-width : 1px; border-style : solid; border-color : red; */ } .navigate table#landscape { width : 460px; } .navigate table#portrait { width : 320px; } .navigate td { width : 100px; font-size : 0.8em; /* border-width : 1px; border-style : dotted; border-color : black; */ } td#next { text-align : right; color : red; } td#previous { text-align : left; color : blue; } .narrative { padding : 0px; margin: 0px; /* border-width : 1px; border-style : dotted; border-color : red; */ } .narrative .caption { margin: 0px; margin-top: 10px; font-style : normal; font-weight : bold; font-size : 1.1em; } .narrative .subcaption { font-style : italic; } .narrative .text { padding : 0px; padding-right : 60px; padding-left : 60px; margin: 0px; margin-top: 10px; } .nav { /* * Rules for everything in the navigation section of the web page. */ position : absolute; top : 0px; left : 0px; width : 260px; padding : 0px; margin : 0px; text-align : right; line-height : 1.2em; /* border-width : 1px; border-style : solid; border-color : blue; */ } .nav ul { list-style : none; /* border-width: 1px; border-style: solid; border-color: white; */ } .menu { margin : 0px; margin-top : 40px; margin-right : 30px; /* border-width: 1px; border-style: dashed; border-color: yellow; */ } .menu ul { list-style : none; margin : 0px; } .menu li { margin: 0px; margin-top: 10px; } .menu a { font-style : normal; font-weight : bold; font-size : 1.1em; } .menu a:link { color : white; } .menu a:visited { color : white; } .menu a:hover { color : red; } .menu a:active { color : red; } .submenu a { font-style : italic; font-weight : bold; font-size : 1.0em; } .submenu li { font-weight : normal; margin: 0px; } .submenu a:link { color : silver; } .submenu a:link { color : silver; } .submenu a:visited { color : silver; } .submenu a:hover { color : red; } .contact { /* * Contact part of the navigation section */ margin : 0px; margin-top : 40px; margin-left : 10px; line-height : 1.3em; text-align : left; width : 260px; /* border-width: 1px; border-style: dashed; border-color: yellow; */ } .contact ul { margin : 0px; padding : 0px; width : 260px; /* border-width: 1px; border-style: dashed; border-color: white; */ } .contact li { margin : 0px; padding : 0px; } .contact h3 { font-weight : bold; } .homebutton { /* Home Page button section */ margin : 0px; margin-top : 30px; margin-right : 30px; font-size : 1.2em; color : yellow; /* border-width: 1px; border-style: solid; border-color: white; */ } .homebutton a:link { color : yellow; } .homebutton a:visited { color : yellow; } .homebutton a:hover { color : red; } .homebutton a:active { color : red; } .payment { /* Payment Methods section */ margin-top : 10px; margin-right : 30px; /* border-width: 1px; border-style: solid; border-color: white; */ } .ContactUs { position : relative; width : 500px; margin : 0px; margin-top : 15px; margin-left : auto; margin-right : auto; padding : 0px; text-align : center; color : white; /* border-width : 1px; border-style : solid; border-color : red; */ } .ContactUs .error { font-style : italic; color : red; } .ContactUs .idinfo { height : 50px; margin : 0px; padding : 0px; text-align : left; /* border-width : 1px; border-style : dotted; border-color : green; */ } .ContactUs .name { position : absolute; left : 0px; margin : 0px; padding : 0px; /* border-width : 1px; border-style : dotted; border-color : white; */ } .ContactUs .email { position : absolute; right : 0px; margin : 0px; /* border-width : 1px; border-style : dotted; border-color : white; */ } input { padding : 0px; background-color: #FAFAAA; } .ContactUs .query { margin : 0px; margin : 0px; text-align : center; /* border-width : 1px; border-style : dotted; border-color : white; */ } .ContactUs .preamble { margin : 0px; margin-top : 10px; margin-bottom : 20px; margin-left : 10px; margin-right : 10px; padding : 0px; /* border-width : 1px; border-style : dashed; border-color : red; */ } .ContactUs .report { margin : 0px; margin-top : 50px; padding : 20px; text-align : left; /* border-width : 1px; border-style : dotted; border-color : pink; */ } .ContactUs .rlink { color : silver; } .query input { margin : 0px; margin-top : 5px; padding : 0px; background-color: #FAFAAA; border-width : 3px; border-style : outset; border-color : black; } .query textarea { width : 480px; height : 300px; padding : 10px; background-color: #FAFAAA; } .Dbug { /* Rules for everything in the debugging section of the document. position : absolute; */ padding : 0px; padding-top : 10px; padding-bottom : 10px; margin : 0px; width : 800px; text-align : left; font-style : normal; font-weight : normal; text-decoration : none; color : white; padding : 0px; padding-top : 10px; padding-left : 10px; padding-bottom : 10px; border-width : 2px; border-style : dashed; border-color : green; /* */ }