/* BASIC ELEMENTS */ BODY { font-family:"Nimbus Sans L", "Arial", "sans-serif"; font-size: 12pt; line-height: normal; letter-spacing: normal; color: #000; background-color: #FFF; margin: 0px 0px 0px 0px; vertical-align:top; text-align:center;} TABLE { border-collapse:collapse; padding:0px 0px 0px 0px; color:#fff; } DIV { color: #FFF; text-align:left; margin-right: auto; margin-left: auto; border-style: solid; border-color:#999; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width: 0px 0px 0px 0px;} H2 {font-size:1.5em; margin:2px 0px 5px 0px; text-align:left;} H3 {font-size:1.2em; margin:0px 0px 3px 0px; text-align:left;} IMG {border-width:0px; margin:0px 0px 0px 0px;} FORM {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} DIV.header { width:719px; height:115px; margin:25px 0px 10px 0px; } DIV.logo { width:228px; height:85px; float:right;} DIV.menuBar { width:719px; height:30px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-position:top; border-width:0px; background-image:url('image/menuBarBackground.jpg' ); background-repeat:repeat-x;} DIV.menuBar IMG#left { width:10px; height:30px; margin:0px 0px 0px 0px;} DIV.menuBar IMG#right { width:10px; height:30px; margin:0px 0px 0px 0px;} DIV.menuItem { margin:0px 0px 0px 0px; height:30px; float:left; cursor:pointer; font-size: 0.7em; font-weight:bold; background-image:url('image/buttonEnvelope.jpg' ); background-position:right; background-repeat:no-repeat;} DIV.menuText { margin:0px 0px 0px 10px; height:30px; line-height: 2.2em;} DIV.menuItem#leftButton { width:10px; height:30px; float:left; cursor:default; background-image:none; margin:0px 0px 0px 0px;} DIV.menuItem#rightButton { width:10px; height:30px; float:right; cursor:default; background-image:none; margin:0px 0px 0px 0px;} DIV.menuItem#home {width:90px;} DIV.menuItem#home DIV.menuText {width:60px;} DIV.menuItem#join {width:140px;} DIV.menuItem#join DIV.menuText {width:110px;} DIV.menuItem#terms {width:180px;} DIV.menuItem#terms DIV.menuText {width:150px;} DIV.menuItem#contact {width:130px;} DIV.menuItem#contact DIV.menuText {width:100px;} DIV.menuItem#sendMessage {width:140px;} DIV.menuItem#sendMessage DIV.menuText {width:110px;} DIV.menuItem#myDetails {width:120px;} DIV.menuItem#myDetails DIV.menuText {width:90px;} DIV.menuItem#logout {width:105px;} DIV.menuItem#logout DIV.menuText {width:75px;} DIV.outerDisplayBoundary { width:719px; height:580px; margin-right: auto; margin-left: auto;} DIV.innerDisplayBoundary { width:719px; height:423px; margin-right: auto; margin-left: auto; background-image:url('image/mainBackground.jpg' ); background-repeat:no-repeat;} DIV.copyright { margin:0px 0px 0px 0px; width:719px; color: #b7b7b7; text-align:center; float:left; font-size: 0.6em;} IMG.title { margin:20px 50px 25px 20px; clear:right;} DIV.regionBoundary#login { width:218px; height:225px; float:right; font-size: 0.8em; margin:0px 8px 0px 0px; border-width:0px;} DIV.regionBoundary#login DIV.textBoundary { margin:75px 0px 0px 0px; width:218px; border-width:0px; font-size: 0.7em;} DIV.content#generic { width:460px; height:350px; font-size: 0.8em; margin:0px 0px 0px 20px; float:left;} DIV.content#about { width:460px; height:350px; border-width:0px; margin:0px 0px 0px 10px; float:left; font-size: 0.8em;} DIV.content#home DIV.textBoundary { width:415px; height:325px;font-size: 0.8em; float:left; margin:0px 0px 0px 20px; line-height:1em;} DIV.textBoundary {border-width:0px;} DIV.content#join { width:710px; height:375px; border-width:0px; margin:0px 0px 0px 0px; float:left; } DIV.content#join DIV.textBoundary {border-width:0px;font-size: 0.8em; float:left;} DIV.content#join DIV.textBoundary#text { width:440px; height:133px; margin:20px 150px 0px 80px; } DIV.content#join DIV.textBoundary#terms { width:260px; height:120px; font-size: 0.75em; margin:20px 0px 0px 0px;} DIV.content#join DIV.textBoundary#screens { width:428px; height:176px; margin:13px 0px 0px 0px;} DIV.content#myAccount { width:660px; height:400px; float:left; margin:0px 0px 0px 50px; border-width:0px;} DIV.regionBoundary#forgottenPasswordNotice { width:220px; height:400px; float:right; font-size: 0.8em; margin:10px 8px 0px 0px; border-width:0px;} DIV.regionBoundary#forgottenPasswordNotice DIV.textBoundary { margin:0px 0px 0px 0px; border-width:1px;} DIV.content#forgottenPassword { width:310px; height:400px; font-size: 0.8em; float:left; margin:0px 0px 0px 50px; border-width:0px;} DIV.regionBoundary#account_balance { width:220px; height:200px; float:right; font-size: 0.8em; margin:10px 8px 0px 0px; border-width:0px;} DIV.regionBoundary#account_balance DIV.textBoundary { margin:0px 0px 0px 0px; border-width:0px;} DIV.content#send_message { width:390px; height:300px; font-size: 0.8em; float:left; margin:10px 0px 0px 50px; border-width:0px;} DIV.content#send_message TEXTAREA {height:100px;} DIV.signup2Image { background-image:url('image/txt250.jpg'); background-repeat:no-repeat; width:780px; height: 580px;} DIV.signup2Image form {position:relative; top:383; left:163px;} DIV.signup2Image INPUT.text {width:189px; height: 31px; margin:0px 0px 10px 0px;font-size: 18pt; padding:0px 0px 0px 3px;} DIV.signup2Image SELECT {width:189px; height: 31px; margin:0px 0px 5px 0px;font-size: 18pt; padding:0px 0px 0px 3px;} DIV.signup2Image INPUT.button {width:132px; height: 43px; float:right; margin:0px 0px 0px 0px;} A.signup2Button { width:45px; height: 10px; border-width:0px; border-color:black; margin:0px 0px 5px 0px; position:relative; top:406; left:473px;} IMG.signup2Button {width:40px; height: 10px; border-width:0px; border-color:black;} DIV.signupImage { background-image:url('image/txt250.jpg'); background-repeat:no-repeat; width:780px; height: 580px;} A.signupButton { width:45px; height: 10px; border-width:0px; border-color:black; margin:0px 0px 5px 0px; position:relative; top:523; left:373px;} IMG.signupButton {width:45px; height: 10px; border-width:0px; border-color:black;} P.errorMessage {font-size: 1em; color:#F00;} P.successMessage {font-size: 1em; color:#360;} A { text-decoration: underline; color: #FFF; } A:link { text-decoration: underline; color: #FFF;} A:hover { text-decoration: underline; color: #CCC;} A:visited { text-decoration: underline; } .menuBar A { text-decoration: none; } .menuBar A:hover { text-decoration: underline; color: #FFF;} DIV.side { width: 200px; float:right; padding:10px;} div#error { color:#ff0000; padding-bottom:10px; } div#notification { color:#ff0000; padding-bottom:10px; } .fieldError { color:#ffffff; font-size:0.8em; }