body {font-size: 100%; font-family: Verdana, Arial, "Trebuchet MS"; background: #fff; text-align: center; color: #000;}/*background: #262626;*/

/* general styles */
.clear {font-size: 1px; height: 1px; clear: both; width: 100%;}
.l {float: left;}
.r {float: right;}
img.r {margin-left: 10px; }
ul {list-style: none; list-style-image: none;}
a {text-decoration: none; color: #000;}
a:hover {text-decoration: underline;}

.s180 {width: 180px;}
.s230 {width: 230px;}
.s260 {width: 260px;}

.midpage {margin-top: 20px;}

.s30pc {width: 30%;}
.s40pc {width: 40%;}
.s60pc {width: 60%;}
.s70pc {width: 70%;}

h1 { margin-bottom: 10px; border-bottom: 1px solid #000; font-size: 1.7em;}
h2 {margin: 10px 0 -5px 0; font-size: 1.2em;}
h3 { margin: 10px 0 5px 0; font-weight: bold; font-size: 1em;}
#content {padding-bottom: 20px;}
#content h2 {margin: 10px 0 5px -1px;}
#content p {margin: 0 10px 10px 0; line-height: 18px;}
#content p.mini-heading {margin: 10px 3px 0 0;}

#content.note {background: url(../img/note-end.jpg) top right no-repeat;}

/* wraps whole page */
#wrapper {width: 660px; margin: 0 auto; text-align: left; font-size: 0.7em;}

/* age page */
#wrapper.agepage {text-align: center; width: 750px; padding-bottom: 10px;}
#wrapper.agepage #blackwrap {background: #1a1a1a; }
#wrapper.agepage img {display: block; margin: 0 auto;}
#wrapper.agepage #links {}
#wrapper.agepage #links img { margin:0 0 10px 10px; float: left; display: inline;}
#wrapper.agepage img.logo {margin: 0px auto;}
#wrapper.agepage img.tagline {margin-bottom:10px;}
#wrapper.agepage img.banner {margin-bottom:20px;}
#wrapper.agepage img.welcome {margin-bottom:0px;}
#wrapper.agepage img.instructions {margin-bottom:0px;}
#wrapper.agepage img.over18 {margin-bottom:10px;}
#wrapper.agepage img.footer {margin-bottom:10px;}
#wrapper.agepage img.tooyoung {margin: 0px auto 40px auto;}

/* contains logo */
#header {height: 116px; display: none;}
#header img {margin: 26px 14px; display: inline}

/* contains banner image and main menu: change class to alter seasons */
#banner {width: 770px; height: 242px; margin-top: 50px;}
#banner.inside {display: none;}
#banner .home-spring {background: url(../img/banners/home-spring.jpg) no-repeat; width: 770px; height: 242px;}
#banner .home-summer {background: url(../img/banners/home-summer-new.jpg) no-repeat; width: 770px; height: 242px;}

#mainmenu { display:none;}

#banner.inside #mainmenu ul {padding-bottom: 0;}
#banner.inside #mainmenu ul li {padding-bottom: 4px;}
*hmtl #banner.inside #mainmenu ul li {padding-bottom: 2px; voice-family:"\"}\""; voice-family:inherit; padding-bottom: 6px;}.dummy{}
#banner.inside #mainmenu ul li.last {padding-bottom: 0;}

/* home pockets */
#home-pockets {margin: 5px 0 0 0; height: 182px; background:none; color: #000;}
#home-pockets .pocket {margin: 10px; padding: 0; width: 210px; float: left;}
*html #home-pockets .pocket {width: 200px;}
#home-pockets .pocket h2 {margin: 0 0 10px -1px; width: 170px;}
#home-pockets .pocket img.more {display: none;}
#home-pockets .news {background: url(../img/mini-pics/home-news.gif) top right no-repeat;}
*html #home-pockets .news {margin-left: 5px;}
#home-pockets .sport {background: url(../img/mini-pics/home-downloads.gif) top right no-repeat;}
#home-pockets .comedy {background: url(../img/mini-pics/home-comedy.gif) top right no-repeat; margin-right: 0;}

/* footer */
#footer { display: none;}

/* INSIDE PAGE */
#main { padding-bottom: 7px; background: #fff;}

/* left col */
#leftcol {display: none;}

/* content */
#content { margin:0px 0 10px 20px; padding-top: 10px; float: left; width: 80%; min-height: 300px;}/*width: 454px;*/
*html #content { margin-top: -2px; margin-right: -2px; padding-top: 12px; }

 #content_ads { margin:0px 0 10px 20px; padding-top: 10px; float: left; width: 580px; min-height: 300px;}
 *html #content_ads { margin-top: -2px; margin-right: -2px; padding-top: 12px; width: 580px;}
 #content_ads p {margin: 10px 10px 10px 0; line-height: 18px;}

 #content_ecards { margin:0px 0 10px 10px; padding-top: 10px; float: left; width: 750px; min-height: 300px;}
 *html #content_ecards { margin-top: -2px; margin-right: -2px; padding-top: 12px; width: 750px;}
 #content_ecards p {margin: 10px 10px 10px 0; line-height: 18px;}

/* contains any featured elements in the centre column */
.centre-feature { padding-top: 15px; margin-bottom: 10px; width: 440px; text-align: center; background:none; color: #000}
.centre-feature img {display: block; margin: 0 auto;}

.centre-feature .holder { margin: 12px 12px 0px 12px; width: 200px; float: left; display: inline; text-align: left; border: 1px solid #333;}
.centre-feature .holder img {}
.centre-feature .holder h3 {margin: 5px 0 5px 10px;}
.centre-feature .holder ul {margin: -5px 0 5px 0px; font-size: 0.9em}
.centre-feature .holder ul li { margin: 0 0 0 5px; padding: 4px 0 2px 18px;background: url(../img/gold-arrows.gif) top left no-repeat;} 
.centre-feature .holder ul.download {margin: 0 0 5px 7px;}
.centre-feature .holder ul.download li { padding: 1px 0 4px 18px; font-weight: bold; background: url(../img/download.gif) top left no-repeat;}
.centre-feature .holder.on {border-color: #ccc;}
.centre-feature .holder.first {margin-right: 0;}

.ecards a { margin-left: 13px; border: 1px solid #666; display: inline; float: left;}
*html .ecards a {width: 127px;}
.ecards a:hover {border-color: #fff;}

.ecard { margin: 0 1px; padding-top: 160px;}

.bg1 {background: url(../img/ecards/e-card1-bg.jpg) top no-repeat;}
.bg2 {background: url(../img/ecards/e-card2-bg.jpg) top no-repeat;}
.bg3 {background: url(../img/ecards/e-card3-bg.jpg) top no-repeat;}

#content img.border {border: 1px solid #999; margin: 0 -10px 0 10px;}

#content .img-holder {margin: 0;}
#content .img-holder p { margin: 0 1px; padding: 5px; min-height: 95px; font-size: .9em; background: #fff; color: #000; line-height: 16px;}
*hmtl  #content .img-holder p {height: 95px;}
#content .img-holder p img { float: left; display: inline; margin: 0px 10px}
#content .img-holder p strong {display: block; margin: 0px 0; font-size: 1.1em;}
img.closingDivImage {display: none;}

ul.plain { margin: 0px 0 10px 10px;}
ul.plain li { padding: 3px 0 1px 17px; line-height: 16px; background: url(../img/gold-arrows.gif) top left no-repeat;}

/* page options */
ul.page-options { display: none;}

/* news list */
ul.news-list {margin-right: 10px;}
ul.news-list li.title { padding: 4px 0 0 15px; font-weight: bold; background: url(../img/news.gif) top left no-repeat;} 
ul.news-list li.date {margin: 0px 0 10px 15px; color: #666}

/* shows lsiting */
div.listing h3 { font-weight: bold; color: #999}
ul.listing {margin-right: 10px;}
ul.listing li { padding: 0px 0 0 0px;} 
ul.listing li.date {margin: 3px 0 5px 0px;font-weight: bold;}
ul.listing li.info {margin: 3px 0 15px 0px; color: #999; font-weight: bold;}

/* download list */
ul.download {margin: 0 0 5px 7px;}
ul.download li { padding: 1px 0 4px 18px; font-weight: bold; background: url(../img/download.gif) top left no-repeat;}
ul.download li.pdf {background: url(../img/pdf.gif) top left no-repeat;}
ul.download li.info {background: none; color: #999; font-weight: normal; font-size: .9em;}

/* table */
table {width: 440px; font-size: 1em;}
table th {padding: 5px ; border: 1px solid #666; background: #333; text-align: left;}
table td {padding: 5px ; border: 1px solid #666;}

#iframe { margin-top: 3px; width: 438px; height: 420px;}
table.process { margin: 0px 5px; width: 400px; font-size: 1em;}
table.process td { margin: 0px; padding: 0; width: 125px; height: 125px; border: 0; text-align: left; vertical-align: top;}
table.process td.text { border: 0; width: 410px; height: 120px; background: #333;}
table.process td.text p {margin-top: 10px; font-size: .7em; line-height: 14px; padding: 0 15px; height: 86px;}
table.process td.text p.links { margin: 2px 0px 0 0; padding-right: 16px; height: 16px; text-align: right;}
*html table.process td.text p.links {  padding-right: 10px; }
table.process td.text p.links a img { margin-right: 5px; border: 0; float: right;}
table.process td.no1 {background: #333 url(../img/process/no1.gif) right no-repeat;}
table.process td.no2 {background: #333 url(../img/process/no2.gif) right no-repeat;}
table.process td.no3 {background: #333 url(../img/process/no3.gif) right no-repeat;}
table.process td.no4 {background: #333 url(../img/process/no4.gif) right no-repeat;}
table.process td.no5 {background: #333 url(../img/process/no5.gif) right no-repeat;}
table.process td.no6 {background: #333 url(../img/process/no6.gif) right no-repeat;}
table.process td img {display: block;}
table.process td a img { border: 1px solid #666;}
table.process td a.on img {border: 1px solid #fff;}
table.process td a:hover img {border: 1px solid #fff;}

p.divider {text-align: center; width: 440px; clear: both;}
p.divider img {margin: 10px 0;}

/*right col */
#rightcol {display: none;}

.inputform {}
.inputform table {width: 420px; font-size: 1em;}
.inputform table th {border: 0;}
.inputform table td {padding: 5px 15px; vertical-align: top; border: 0; text-align: left;}
.inputform table td.single {text-align: left; padding-left: 13px; padding-bottom: 0;}
.inputform input { padding: 1px 2px;font-size: 1em; font-family: verdana; background: #fff; border: 1px solid #999; color: #fff;}
.inputform textarea { padding: 1px 2px;font-size: 1em; font-family: verdana; background: #fff; border: 1px solid #999; color: #fff;}
.inputform .button { padding: 1px 10px; display: inline; height: 18px; background: #999; color: #fff; font-weight: bold; border: 0;}

/* sub footer */
#sub-footer {display: none;}