/* Main body Tag */ body { background-color:#C7C7C7; background-image:url('../bground/blend_img_c7c7c7.jpg'); background-repeat:repeat-x; /*background-repeat:repeat-y*/ /*background-repeat:no-repeat*/ /*background-attachment: */ /*background-position: */ color:#FFFFFF; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:100%; margin:25px 0px 0px 10px; } body.type1 { background-color:#92CCFF; background-image:url('../bground/blend_0000FF_92CCFF.jpg'); background-repeat:repeat-x; /*background-repeat:repeat-y*/ /*background-repeat:no-repeat*/ /*background-attachment: */ /*background-position: */ color:#FFE303; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:100%; margin:95px 0px 0px 0px; } body.type2 { background-color:#0000FF; background-image:url('../bground/blend_img_0000FF.jpg'); background-repeat:repeat-x; /*background-repeat:repeat-y*/ /*background-repeat:no-repeat*/ /*background-attachment: */ /*background-position: */ color:#FFE303; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:100%; margin:95px 0px 0px 10px; } body.wed { background-color:#FFFFFF; background-image:url('reception1_1.jpg'); background-repeat:no-repeat; background-attachment:fixed; background-position:center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } /* For a fixed background */ body.fixedbg { background-attachment: fixed; } /* Heading Tags */ h1 { /*font-size:200%;*/ font-weight:bolder; } h2 { /*font-size:150%;*/ font-weight:bolder; } h3 { /*font-size:125%;*/ /*font-style:italic;*/ } /* Horizontal Navigation Bar Tags */ ul.horiznav { list-style-type:none; margin:0; padding:0; overflow:hidden; } li.horiznav { float:left; } a.horiznav:link,a.horiznav:visited { display:block; width:120px; font-weight:bold; color:#FFFFFF; background-color:#98bf21; text-align:center; padding:4px; text-decoration:none; text-transform:uppercase; } a.horiznav:hover,a.horiznav:active { background-color:#7A991A; } /* Vertical Navigation Bar Tags */ ul.vertnav { list-style-type:none; margin:0; padding:0; overflow:hidden; } li.vertnav { border-width:thick; border-style:groove; border-color:blue; padding:5; } a.vertnav { display:block; /*border-style:solid;*/ /*border-width:thin;*/ /*border-color:blue;*/ margin:2px 0px 2px 0px; /* Margin settings for top right bottom left */ width:200px; /*background-color:#dddddd;*/ } a.vertnav:link,a.vertnav:visited { display:block; width:200px; font-weight:bold; color:#FFFFFF; background-color:#3D0099; text-align:center; padding:4px; text-decoration:none; text-transform:uppercase; } a.vertnav:hover,a.vertnav:active { background-color:#1F0066; } /* Paragraph Tags */ p.code { color: blue; font-family: "Lucida Console", Monaco, monospace; text-indent: 50px; } p.note { color: gray; font-family: Tahoma, Geneva, sans-serif; font-style: italic; } /* Text Positioning Class Selectors */ .center {text-align:center;} .just {text-align:justify;} .left {text-align:left;} .right {text-align:right;} /* */ th { background-color:#ADD8E6; } /* */ ul { list-style:circle; } ol { list-style:upper-roman; } /** General Rules for CSS Formatting 1. Do not start an ID name or class name with a number. Won't play nice with Mozilla/Firefox 2. The id selector only works on a single object specified by the "id=" tag Example using id selector. This applies to the html tag with id="para1" #para1 { text-align:center; color:red; } 3. Insert an external Style Sheet 4. Do not leave space between the property value and the units! Use "margin-left:20px" instead of "margin-left:20 px" 5. */