/* ----------Core Style Elements---------------- */ body{ background-image:url(../gfx/orange2pointzero/bggradient.gif); background-repeat:repeat-x; background-color:#ffffff; margin: 0 0 0 0; color: #222222; font-family: "trebuchet ms", verdana, sans-serif; } p.general{ font-size: 90%; } h1{ font-size: 3em; /*font-size: 3em;*/ } h2{ font-size: 1.5em; margin: 0 0 0 0; } /* ------------Layout related styles------------*/ #container { width: 933px; margin: 0 auto 0 auto; background-image:url(../gfx/orange2pointzero/containerbg.gif); background-repeat:repeat-x; background-color: #ffffff; border-right: 1px solid #777777; border-left: 1px solid #777777; } #containerbase{ background-image:url(../gfx/orange2pointzero/curvedbottom.gif); background-repeat:no-repeat; height: 35px; width: 935px; margin: 0 auto 0 auto; } #header{ background-image: url(../gfx/orange2pointzero/headergrad.gif); background-repeat: repeat-x; height:98px; width:100%; } #logo{ position: relative; float: left; margin: 30px 0 0 20px; } #badge{ float: right; margin:0 15px 0 0; } #navbar{ margin: 35px 12px 0 15px; padding: 0; background-color:#003399; height: 25px; } #searchbox{ width: 310px; height: 282px; margin: 0 0 0 0; display: inline; float: left; background-image: url(../gfx/orange2pointzero/mainpicbh.jpg); background-repeat: repeat-x; padding: 50px 40px 0 0px; color: #111111; } #mainimg{ width: 555px; height: 332px; margin: 0 0 0 15px; float: left; display: inline; background-image: url(../gfx/orange2pointzero/mainpic.jpg); background-repeat: no-repeat; } #startbutton{ width: 45px; height: 45px; margin: 284px 0 0 180px; } #lowercontainer{ height: 118px; width: 905px; margin: 0 0 0 15px; display: inline; background:#fff3e1 url(../gfx/orange2pointzero/buttons_grad.gif) repeat-x; float:left; } #joinbutton{ width: 183px; float: left; margin: 32px 0 0 20px; } #membersbutton{ width: 183px; float: left; margin: 32px 150px 0 20px; } #icon1{ float: left; margin: 23px 0 0 150px; } .icons{ float: left; margin: 30px 0 0 25px; } .additionalimg{ margin: 40px 0 0 50px; float: left; } .additionalcontainer{ margin: 40px 0 0 50px; float: left; width:500px; } /* ------------Menu Related styles----------- */ #right-menucontainer{ float: right; margin: 40px 15px 0 0; width: 150px; border: 1px solid #f90963; padding: 5px; } #menu { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#111111; border-bottom: 1px solid #000000; } #menu a, #menu a:visited { color:#cc0000; text-decoration:none; display:block; padding:0.4em; font-weight:normal; border-bottom: 1px solid #222222; } #menu a:hover { color:#FFFFFF; font-weight:normal; padding: 0.4em; border-bottom: 1px solid #cc0000; display: block; } dd { margin:3px 0 0 0; padding:0px; text-align:left; } dt { margin:3px 0 0 0; padding:0.4em; text-align:left; font-size: 10pt; font-weight:bold; height:14px; color:#eeeeee; border-bottom: 3px solid #730930; } dl { margin: 0px; padding: 0px; } #menubottom { background-repeat:repeat-x; height:25px; background-image: url(../gfx/lover-images/grad.gif); } #horizontal { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#333333; } #horizontal a, #horizontal a:visited { color:#ffffff; text-decoration:none; display:block; background: #003399; padding: 4px 10px 2px 10px; height: 19px; font-weight: normal; } #horizontal a:active { color:#ffffff; text-decoration:none; display:block; background: #003399; padding: 4px 10px 2px 10px; height: 19px; /*background-image: url(../gfx/abacus/tab-active.gif);*/ } #horizontal a:hover { color:#ffffff; padding:4px 10px 2px 10px; height: 19px; background-color:#205edb; } dd.horiz { margin:0 0 0 7px; padding:0 0 0 0; text-align:center; height: 19px; width: 110px; float: left; text-align: center; font-size: 9pt; } /* ------------Item box styles----------- */ .boxheadbar{ background: #efefef url(../gfx/orange2pointzero/boxhead.gif); height: 25px; border-bottom: 1px solid #777777; padding: 5px 0 0 5px; } p.boxp{ margin: 10px 7px 7px 7px; font-size: 1em; color: #111111; } /* polaroid look css*/ .photobg{ display: block; width: 120px; border: 1px solid #ccc; border-top-color:#ccc; border-left-color:#ddd; border-right-color:#eee; margin: 10px; background: #ffffff; float: left; } img.boximg2{ margin: 5px 5px 20px 5px; border: 1px solid #ccc; border-top-color:#ccc; border-left-color:#ddd; border-right-color:#eee; } /*end of polaroid image css*/ img.boximg{ float: left; margin: 0; border-right: 1px solid #777777; border-bottom: 1px solid #777777; } .boxright{ float: left; width:295px; } p.boxp{ margin: 12px 7px 7px 0; font-size: 1em; color: #111111; } .button{ margin: 10px 7px 0 0; float: right; } #box1{ background: url(../gfx/orange2pointzero/boxbg.gif) repeat-x; width: 438px; height: 200px; padding: 0; float: left; margin: 24px 0 0 15px; border: 1px solid #777777; } #box2{ background: url(../gfx/orange2pointzero/boxbg.gif) repeat-x; width: 438px; height: 200px; padding: 0; float: left; margin: 24px 0 0 25px; border: 1px solid #777777; } #box3{ background: url(../gfx/orange2pointzero/boxbg.gif) repeat-x; width: 438px; height: 200px; padding: 0; float: left; margin: 24px 0 0 15px; border: 1px solid #777777; } #box4{ background: url(../gfx/orange2pointzero/boxbg.gif) repeat-x; width: 438px; height: 200px; padding: 0; float: left; margin: 24px 0 0 25px; border: 1px solid #777777; } #footer{ height: 25px; width: 905px; margin: 20px 0 0 15px; display: inline; background:#003399; /*url(../gfx/orange2pointzero/bottomgrad.gif) repeat-x*/; float:left; border: 0; color: #fff; padding: 7px 0 0 0; } #footer a{ color: #fff; }

Before completing this form please check our Online Help to see if your questions can be answered here.

Subject:
Your Email Address:
Referencing Website:	www.classhearts.co.uk
Please remember to include as much information to help us answer your questions.
Please enter the code shown in the image above in the box below.

Class Hearts