/* for centering the body */ /* and setting up the basic font style, colour & size....background colour and text alignment */ body{ margin-bottom: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; background: /*#ececec;*/ #000000; } .reg_text_1 { line-height: 150%; color: #555555; font-size: 11px; margin-top: 0px; padding-top: 0px; } .reg_text_3 { line-height: 150%; color: #555555; font-size: 11px; } .reg_text_2 { line-height: 100%; } /* it' a centred-div class with a 1px black border */ /* it also produces a vertical and horiz scrollbar for msie 5.5, 6.0, 7.0 and mozilla firefox 2.0 */ /* this goes on a
just inside the tag. */ .centereddiv{ position: relative; background-color: #000000; width: 799px; margin: 0 auto; text-align: left; border: 0px solid #bbbbbb; left: 0px; top: 0px; } .leftsidediv { /* these right and left side divs here are the new way to have an adjustable gradient left and right of the centreddiv */ background: #ececec url("images/leftsidediv.jpg") repeat-y ; } .rightsidediv { background: #ececec url("images/rightsidediv.jpg") repeat-y ; } .shanghai-link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#0099FF; } .shanghai-link:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #444444; } .shanghai-link2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#777777; } .shanghai-link2:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #444444; } a.plain_footer_link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #ffffff; } a.plain_footer_link:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; color: #ffffff; } .plain_copyright_link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #ffffff; } /* hovering over image */ a.image-hover:hover { border: 1px solid #111111; } /* red -more- links */ .red_more_link { color: #8a0000; font-size: 10px; text-decoration: none; } a.red_more_link:hover { color: #8a0000; font-size: 10px; text-decoration: none; font-weight: bold; } .red_more_link2 { color: #333333; font-size: 10px; text-decoration: none; } a.red_more_link2:hover { color: #777777; font-size: 10px; text-decoration: none; font-weight: bold; } .red_more_link3 { color: #777777; font-size: 10px; text-decoration: none; } a.red_more_link3:hover { color: #0099ff; font-size: 10px; text-decoration: none; font-weight: bold; } /* general non-underlining of links, link-colour and bolder-text and underlining when hovering over a link */ a.plain_white_link { margin: 5px; font-family:Verdana; font-weight: bold; font-size: 16px; text-decoration: none; color: #ffffff; text-align: center; } a.plain_white_link:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #ffffff; cursor: e-resize; } a.plain2 { margin: 5px; font-family:Verdana; font-weight: bold; font-size: 16px; text-decoration: none; color: #ffffff; text-align: center; } a.plain2:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration:underline; color: #ffffff; } a.plain3 { margin: 5px; font-family:Verdana; font-weight: bold; font-size: 16px; text-decoration: none; color: #333333; text-align: center; } a.plain3:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration:underline; color: #ffffff; } .vert_line { border-left: 1px solid #ebebeb; } .horiz_line { border-top: 1px solid #ebebeb; } .borderedbox { border: 1px solid #111111; padding: 5px; } .borderedbox2 { border: 1px solid #111111; padding: 15px; padding-bottom: 20px; text-align: center; background-repeat: no-repeat; vertical-align: middle; } .footer { } .list-1 { margin: 0px; padding: 0; } .list-1 li { line-height: 220%; list-style-type: none; padding-left: 2em; background-image: url("images/orange-star.gif"); background-repeat: no-repeat; background-position: center left; } .list-2 li { list-style-type: none; line-height: 293%; } .list-3 { line-height: 153%; color: #555555; font-size: 11px; } .list-4 { list-style-type:square; line-height: 153%; color: #555555; font-size: 11px; } .list-5 { line-height: 40%; } .rounded-square-background{ background-repeat: no-repeat; padding-top: 12px; padding-left: 13px; padding-right: 13px; padding-bottom: 0px; } /* the following 2 rules are for putting an into a
for example and then FOLLOWING that with some text

paragraphs and .... the result is the text wrapping around the image. */ img.floatLeft { float: left; margin-top: 5px; margin-right: 14px; /* <---- when image is at the TOP left. */ margin-bottom: 7px } img.floatRight { float: right; margin-top: 5px; margin-left: 14px; /* <----- when the image is at the TOP right */ margin-bottom: 7px } img.floatLeft2 { float: left; margin-top: 5px; margin-right: 8px; /* <---- when image is at the TOP left. */ margin-bottom: 4px } img.floatLeft5 { float: left; margin-top: 5px; margin-right: 14px; /* <---- when image is at the TOP left. */ margin-bottom: 4px } /*for rounded corners */ /*

*/ .styleHeading { color: #4fb9ff; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; }