/*
    screen.css: SCREEN stylesheet
    ------------
    Job:               Working Well Together 2008
    Produced by:       Colin Newall
    Start date:        04/12/2008
    ------------
    COLOUR SPEC:
	
	grey			   #4f4f4f
	blue			   #139cae
	yellow			   #fcc209
	red				   #c00403
    
    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	specific templates
    7.	forums (remove if not required)
    8.	hacks
*/
/* =1. type selectors */

*
{
margin:0;
padding:0;
border:none;
font-size:1em;
}
html
{
height:100%;
}
a img
{
border:none;
}
body
{
background:#fff;
color:#3a3d40;
margin:0;
padding:0;
line-height:1.5;
display:block;
height:100%;
font-size:79%;
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
}
a
{
color:#139cae;
background:transparent;
font-weight:bold;
}
a:hover
{
color:#c00403 !important;
}
ul
{
list-style:none;
}
p
{
padding:0 0 1.3em 0;
}
h1
{
font-size:3em;
font-weight:100;
padding:0.2em 0 0 0;
}
h2
{
font-size:2.5em;
font-weight:100;
padding:0 0 0.5em 0;
margin:0;
color:#c00403;
font-weight:bold;
line-height:1;
}
h3
{
font-size:1.7em;
font-weight:100;
padding:0 0 0.2em 0;
margin:0 0 0.8em 0;
position:relative;
line-height:1.1;
}
h3 a
{
font-size:0.5em;
}
h4
{
line-height:1;
padding:0 0 0.5em 0;
}
.rss
{
position:absolute;
right:0;
top:2em;
}
.rss a
{
background:transparent url(/_common/img/icon-rss.gif) right top no-repeat;
padding:0.5em 2.5em 0.5em 0;
display:block;
}
em
{
font-style:normal;
font-weight:bold;
}
small
{
font-size:0.9em;
}
blockquote p
{
font-style:italic;
color:#c00403 !important;
background:transparent;
}


/* =2. structural */

.tupperware
{
margin:0 auto;
min-height:100%;
}
.wrap
{
position:relative;
min-height:100%;
}
.all
{
padding:0 0 12em 0;
}
.allhome
{
padding:0 0 4em 0;
}
.set
{
width:75em;
margin:0 auto;
}
.hdr
{
background:#004E73 url(/_common/img/bg-hdr.gif) top repeat-x;
color:#fff;
border-bottom:1px solid #ffbf02;
padding:10px 0 0 0;
overflow:hidden;
width:100%;
}
.hdr a
{
background:transparent;
color:#fff;
}
.hdrhold
{
background:transparent url(/_common/img/bg-construction-blue.jpg) top center no-repeat;
overflow:hidden;
width:100%;
}
.hdr h1
{
float:left;
}
.hdr form
{
float:right;
margin:1.3em 0 1.8em 0;
}
.hdr form p
{
font-size:1em;
}
.hdr label
{
position:absolute;
left:-10000px;
top:-10000px;
}
.hdr input
{
vertical-align:middle;
font-size:0.95em;
color:#6c6c6c;
padding:0.2em;
width:14em;
}
input.go
{
width:auto;
vertical-align:middle;
}
.hdr p
{
float:right;
clear:right;
padding:0;
font-size:1.3em;
text-align:right;
line-height:1;
font-weight:bold;
display:block;
width:20em;
}
.hdr p.lg
{
text-transform:uppercase;
padding:0 0 0.1em 0;
font-size:1.6em;
}
.hdr p.lg strong
{
font-weight:100;
}
.main
{
background:#fff url(/_common/img/grad-bluewhite.gif) top repeat-x;
color:#4f4f4f;
overflow:hidden;
}
.banner
{
background:#4f4f4f;
padding:1.3em;
line-height:1;
margin:2em 0 2.5em 0;
}
.col
{
width:30%;
}
.cola
{
float:left;
margin:0 3.5em 0 0;
}
.cola p
{
font-weight:bold;
color:#1b99bd;
background:transparent;
}
.involved
{

}
.involved h3
{
font-size:2em;
font-weight:100;
padding:0;
margin:0;
color:#139cae;
background:transparent;
}
.involved p
{
color:#4f4f4f;
background:transparent;
font-size:1.2em;
padding:0 0 0.5em 0;
font-weight:100;
}
.involved label
{
position:absolute;
left:-10000px;
top:-10000px;
}
.involved form p
{
font-size:0.9em;
}
.involved form select
{
padding:0.2em;
width:18em;
border:1px solid #d6d4d4;
vertical-align:middle;
}
.involved form input
{
vertical-align:middle;
}
.colb
{
float:left;
}
.colc
{
float:right;
}
.notepad
{
background:transparent url(/_common/img/notepad.jpg) top left no-repeat;
color:#4f4f4f;
padding:40px 30px 30px 30px;
width:215px;
height:313px;
}
.notepad h3
{
color:#C00403;
background:transparent url(/_common/img/whatcanido.gif) top left no-repeat;
margin:0 0 0.5em 0;
width:203px;
height:34px;
}
.notepad h3 span
{
position:absolute;
left:-10000px;
top:-10000px;
}
.notepad ul
{
font-size:0.9em;
color:#3392a8;
background:transparent;
}
.notepad li
{
padding:0 0 0.8em 1.5em;
background:transparent url(/_common/img/bullet-blue.gif) 0 0.4em no-repeat;
}
.ctn
{
float:left;
width:59.5em;
padding:1.5em 0 0 2em;
position:relative;
}
.ctn ul
{
clear:both;
}
.ctn li
{
background:transparent url(/_common/img/bullet-blue.gif) 0 0.5em no-repeat;
padding:0 0 1.2em 1.5em;
}
.searchresults li
{
background:none;
padding:0 0 0.2em 0;
}
.cb .cola
{
width:66%;
margin:0;
}
.cb .cola p
{
color:#4f4f4f;
background:transparent;
font-weight:100;
}
.cb .cola img
{
border:4px solid #4f4f4f;
float:left;
margin:0 1em 1em 0;
}
.ctn p.lg
{
font-weight:bold;
font-size:1.2em;
color:#1b99bd;
background:transparent;
}
.cb .colc
{
width:31%;
text-align:right;
}
.cb .colc img
{
border:4px solid #4f4f4f;
}
.cb .colc small
{
color:#1b99bd;
background:transparent;
}
.months
{
border:1px solid #cdd1d2;
line-height:1;
padding:0.5em;
margin:0 0 1.5em 0;
text-align:center;
background:#cfcfcf url(/_common/img/grad-grey-f.gif) top repeat-x;
}
.months img
{
margin:0 0.2em 0 0.2em;
}
.months a
{
outline:none;
border:none;
}
.months li
{
display:inline;
font-size:1.2em;
padding:0 0.6em 0 0.3em;
border-right:1px solid #cdd1d2;
background:none;
}
.months li a
{
color:#c00403;
background:transparent;
text-decoration:none;
}
.months li a:hover
{
color:#1b99bd !important;
background:transparent;
}
.list
{
border-top:1px solid #ced2d3;
padding:0 0 1em 0;
}
.list li
{
border-bottom:1px solid #ced2d3;
padding:1.5em 0 1.5em 0;
background:none;
}
.list p
{
padding:0;
}
.list a
{
color:#c00403;
background:transparent;
font-weight:bold;
text-decoration:none;
}
.list a:hover
{
color:#139cae !important;
background:transparent;
}
.list li small span
{
text-transform:uppercase;
font-weight:bold;
color:#fff !important;
background:#93a1a4;
margin:0 0 0 0.5em;
padding:0 0.4em 0 0.4em;
}
.list li small span.available
{
color:#fcc209 !important;
background:#D64940 !important;
}
.list li small span a:hover
{
color:#fff !important;
background:#D64940;
}

.listb
{
margin:0.5em 0 0 0;
border-top:1px solid #ced2d3;
padding:0 0 1em 0;
}
.listb li
{
border-bottom:1px solid #ced2d3;
padding:1.2em 0 1.5em 0;
background:none;
}
.listb p
{
padding:0 0 0.2em 0;
}
.listb span
{
font-weight:bold;
float:left;
display:block;
width:5em;
color:#c00403;
background:transparent;
}
div.map
{
border:1px solid #d6d4d4;
text-align:center;
padding:0.5em;
background:#fff;
color:#d6d4d4;
}
div.map img
{
border:none !important;
float:none !important;
padding:0 !important;
}

.pdf
{
font-size:0.95em;
margin:1em 0 0 0;
}
.pdf a
{
font-weight:100;
color:#139cae;
background:transparent url(/_common/img/icon-pdf.gif) 0 0.3em no-repeat;
padding:0.5em 0 0.6em 2.5em;
}
.pdf a:hover
{
color:#c00403 !important;
background:transparent url(/_common/img/icon-pdf.gif) 0 0.3em no-repeat;
}
.doc
{
font-size:0.95em;
margin:1em 0 0 0;
}
.doc a
{
font-weight:100;
color:#139cae;
background:transparent url(/_common/img/icon-word.gif) 0 0.3em no-repeat;
padding:0.5em 0 0.6em 2.5em;
}
.doc a:hover
{
color:#c00403 !important;
background:transparent url(/_common/img/icon-word.gif) 0 0.3em no-repeat;
}
.xls
{
font-size:0.95em;
margin:1em 0 0 0;
}
.xls a
{
font-weight:100;
color:#139cae;
background:transparent url(/_common/img/icon-excel.gif) 0 0.3em no-repeat;
padding:0.5em 0 0.6em 2.5em;
}
.xls a:hover
{
color:#c00403 !important;
background:transparent url(/_common/img/icon-excel.gif) 0 0.3em no-repeat;
}
.ppt
{
font-size:0.95em;
margin:1em 0 0 0;
}
.ppt a
{
font-weight:100;
color:#139cae;
background:transparent url(/_common/img/icon-powerpoint.gif) 0 0.3em no-repeat;
padding:0.5em 0 0.6em 2.5em;
}
.ppt a:hover
{
color:#c00403 !important;
background:transparent url(/_common/img/icon-powerpoint.gif) 0 0.3em no-repeat;
}
.pag
{
font-size:0.9em;
text-align:right;
}
.pag a
{
text-decoration:none;
font-weight:100;
padding:0 0.2em 0 0.2em;
}
.pag .selected
{
font-weight:bold;
}
.downloads
{
padding:0 0 1em 0;
}
.downloads li
{
background:transparent !important;
padding:0 0 0 0 !important;
}
.sitemap
{

}
.sitemap li
{
padding:0 0 1em 1.2em;
background:transparent url(/_common/img/arrow-blue-b.gif) 0 0.4em no-repeat;
}
.sitemap ul
{
padding:1em 0 0 1.5em;
font-size:0.9em;
}
.sitemap ul ul
{
font-size:1em;
}
.sitemap ul a
{
font-weight:100;
}
.sitemap ul ul a
{
text-decoration:none;
}

.footer
{
position:relative;
height:7.3em;
padding:0.6em 0 0 0;
margin:-7.9em auto 0 auto;
background:#1b1c1d url(/_common/img/bg-foot-top.gif) top repeat-x;
color:#d6d4d4;
line-height:1;
}
.footerhold
{
background:transparent url(/_common/img/bg-foot-lines.gif) top center no-repeat;
overflow:hidden;
padding:0.8em 0 1em 0;
}
.footerhome
{
height:auto;
margin:0 auto 0 auto;
padding:0.6em 0 0;
background-color:#3e3e3e;
border-bottom:8px solid #ffc003;
}
.footerhome .footerhold
{
background:transparent url(/_common/img/bg-foot-lines.gif) top center no-repeat;
overflow:hidden;
padding:1.5em 0 2.3em 0;
border-bottom:1px solid #000;
}
.footer ul
{
padding:0 0 0.8em 0;
overflow:hidden;
}
.footer li
{
float:left;
padding:0 1em 0 0;
}
.footer a
{
color:#feee74;
background:transparent;
font-weight:100;
}
.footer p
{
clear:left;
line-height:1.4;
}
.footer .colb
{
border-right:1px solid #808485;
}
.footer .colb li
{
padding:0 0 1em 0;
clear:both;
display:block;
width:90%;
}
.footer .colb li p
{
padding:0;
}
.footer .colb li a
{
font-weight:bold;
text-decoration:none;
color:#f3bf0b;
background:transparent;
}
.footer .colb li a:hover
{
color:#fff !important;
background:transparent;
}
.footer .colb li small
{
display:block;
color:#fff;
background:transparent;
padding:0 0 0.2em 0;
}
.footer .colb li small span
{
text-transform:uppercase;
font-weight:bold;
color:#fff !important;
background:#93a1a4;
padding:0 0.4em 0 0.4em;
line-height:1.4;
margin:0 0 0 0.5em;
}
.footer .colb li small span.available
{
color:#fcc209 !important;
background:#D64940 !important;
}
.footer .colb li small.sm
{
font-size:0.8em;
}
.footer .colc p
{
font-size:0.7em;
}
.footer .colc img
{
margin:0 0 0.8em 0;
}
.footer .colc li
{
background:none;
padding:0 1em 0 0;
margin:0 1em 0 0;
font-size:0.8em;
color:#eca122;
border-right:1px solid #d6d4d4;
}
.footer .colc a
{
color:#fff;
text-decoration:none;
}
.footer .colc a:hover
{
color:#f3bf0b !important;
background:transparent;
}
.footer .full p
{
font-size:0.7em;
color:#b3b3b3;
background:transparent;
}
.footer .full img
{
margin:0 2em 0 0;
float:left;
}
.footer .full div
{
float:left;
width:66%;
}
.footer .full li
{
background:none;
padding:0 1em 0 0;
margin:0 1em 0 0;
font-size:0.8em;
color:#eca122;
border-right:1px solid #d6d4d4;
}
.footer .full a
{
color:#fff;
text-decoration:none;
}
.footer .full a:hover
{
color:#f3bf0b !important;
background:transparent;
}

.fl
{
float:left;
}
.fr
{
float:right;
}
.cb
{
clear:both;
}
.bn
{
border:none !important;
}
.blue
{
color:#6bc4d6 !important;
background:transparent;
}
.grey
{
color:#919191 !important;
background:transparent;
}
.yellow
{
color:#fcc209 !important;
background:transparent;
}
.red
{
color:#c00403 !important;
background:transparent;
}
hr
{
height:1px;
color:#e3e3e3;
background:#e3e3e3;
margin:1em 0 1.5em 0;
clear:both;
}


/* =3. navigation */

ul.skip
{
position:absolute;
left:-10000px;
top:-10000px;
}
div.nav
{
background:#0b0b0b url(/_common/img/grad-grey-a.gif) top repeat-x;
color:#fff;
clear:both;
}
div.nav ul
{
width:75em;
margin:0 auto;
overflow:hidden;
border-left:1px solid #0b0b0b;
}
div.nav li
{
float:left;
padding:1em 1.85em 1em 1.85em;
font-size:0.95em;
border-right:1px solid #0b0b0b;
}
div.nav a
{
font-weight:bold;
text-decoration:none;
color:#f2c000;
background:transparent;
}
div.nav a:hover
{
color:#fff !important;
background:transparent;
}
div.nav li.selected a
{
color:#fff;
background:transparent;
}
div.subnav
{
background:#ffbf02 url(/_common/img/grad-yellow.gif) bottom repeat-x;
width:12.5em;
float:left;
padding:0 0.5em 0 0.5em;
min-height:35em;
}
div.subnav ul
{
padding:1.5em 0 1em 0;
}
div.subnav li
{
padding:0.5em 0 0.5em 0.8em;
font-size:0.9em;
background:transparent url(/_common/img/line-bluedot.gif) bottom repeat-x;
}
div.subnav li.selected
{
background:#181818 url(/_common/img/grad-grey-e.gif) top repeat-x;
}
div.subnav li.selected a
{
background:transparent url(/_common/img/arrow-yellow.gif) 0 0.4em no-repeat;
color:#fff;
font-weight:bold !important;
}
div.subnav li.selected a:hover
{
color:#fcc209 !important;
}
div.subnav a
{
font-weight:100;
text-decoration:none;
background:transparent url(/_common/img/arrow-blue.gif) 0 0.4em no-repeat;
padding:0 0 0 1.2em;
}
div.subnav li.selected ul
{
padding:0.5em 0 0.5em 0;
}
div.subnav li.selected li
{
background:none;
font-size:1em;
padding:0.2em 0 0.2em 0.8em;
}
div.subnav li.selected ul a
{
font-weight:100 !important;
}

/* =4. forms */

form.filter
{
font-size:0.9em;
}
form.filter label
{
margin:0 1em 0 0;
vertical-align:middle;
}
form.filter select
{
padding:0.2em;
width:18em;
border:1px solid #d6d4d4;
vertical-align:middle;
}
textarea
{
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
border:1px solid #d6d4d4;
padding:0.2em;
width:20em;
height:10em;
}
form.contact em
{
color:#6bc4d6;
}
form.contact
{
width:30.9em;
}
form.contact label
{
float:left;
width:10em;
}
form.contact input.text
{
border:1px solid #d6d4d4;
padding:0.2em;
width:20em;
}
div.error
{
background:#b63d3d url(/_common/img/grad-red.gif) top repeat-x;
width:28.5em;
margin:0 0 1em 0;
padding:1em;
line-height:1;
}
div.error p
{
font-weight:bold;
color:#fff;
padding:0;
background:transparent;
}

/* =5. tables */

div.calendar
{
background:#9a9a9a url(/_common/img/grad-grey-b.gif) bottom repeat-x;
padding:0.8em;
}
table.calendar
{
width:100%;
text-align:center;
border-collapse:collapse;
color:#4f4f4f;
font-size:0.9em;
}
div.calendar div.monthtop
{
padding:0 0.8em 0.5em 0.8em;
font-size:1.6em;
min-height:1px;
overflow:hidden;
}
div.calendar div.monthtop a
{
color:#f6bf01;
background:transparent;
text-decoration:none;
font-weight:bold;
}
div.calendar div.monthtop a.prev
{
float:left;
}
div.calendar div.monthtop span.month
{
float:left;
text-align:center;
width:10.2em;
}
div.calendar div.monthtop a.next
{
float:right;
}
div.calendar table
{
clear:both;
}
table.calendar th
{
background:#e9e9e9 url(/_common/img/grad-grey-d.gif) top repeat-x;
border:1px solid #d3d3d3;
padding:0.6em 0.4em 0.6em 0.4em;
width:14.2%;
font-weight:bold;
}
table.calendar td
{
padding:0.6em 0.4em 0.6em 0.4em;
background:#fff;
border:1px solid #d3d3d3;
width:14.2%;
}
table.calendar td a
{
color:#d3d3d3;
background:transparent;
display:block;
text-decoration:none;
font-weight:bold;
}
table.calendar td a:hover
{
color:#fff !important;
background:transparent;
text-decoration:underline;
}
table.calendar td.event
{
background:#b63d3d url(/_common/img/grad-red.gif) top repeat-x;
}
table.calendar td.othermonth
{
color:#d3d3d3;
}

/* =6. specific templates */

/*---- sIFR ---*/

.sIFR-flash 
{
visibility:visible !important;
margin:0;
}

.sIFR-replaced 
{
visibility:visible !important;
}

span.sIFR-alternate 
{
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] 
{
display:none !important;
}

.sIFR-hasFlash .cola h2 
{
visibility:hidden;
letter-spacing:0px;
margin:0 0 -0.4em 0;
}
.sIFR-hasFlash .ctn h2 
{
visibility:hidden;
letter-spacing:0px;
margin:-0.3em 0 0 0;
font-size:28px;
}
.sIFR-hasFlash .cola .involved h3
{
font-size:30px;
margin:0 0 -0.2em 0;
}
.sIFR-hasFlash .cola .involved p span 
{
visibility:hidden;
letter-spacing:0px;
margin:0 0 0.3em 0;
font-size:18px;
}
.sIFR-hasFlash .cola h3 
{
visibility:hidden;
letter-spacing:0px;
margin:0 0 0.3em 0;
}

/* =7. forums */

/* =8. hacks */

.cf:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}