body { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0 }

/* hide from IE mac \*/
body { background-image: url(/static/imagery/strip_760.gif); background-position: top center; background-repeat: repeat-y }
/* end hiding from IE5 mac */

/* Helper classes */
.textonly { display: none }
.pointer { cursor: pointer; cursor: hand }

#container { width: 760px; position: relative; margin: auto }

#banner { position: absolute; top: 0; left: 0; width: 760px; height: 145px; border-bottom: 1px solid white }
#mainlogo { position: absolute; top: 22px; left: 636px }

#content { position: absolute; top: 186px; left: 121px; width: 408px; padding: 14px 30px 14px 30px }

#lang { position: absolute; top: 146px; left: 0; width: 589px; height: 19px; line-height: 19px; background-color: #4f4f4f; border-bottom: 1px solid white }
#lang a { text-indent: -9000px; display: block; float: left }
#lang a.advEN { background-image: url(/static/cms/locale/en/advice.gif); width: 54px; height: 18px }
#lang a.advFR { background-image: url(/static/cms/locale/fr/advice.gif); width: 56px; height: 18px }
#lang a.advFA { background-image: url(/static/cms/locale/fa/advice.gif); width: 90px; height: 18px }
#lang a.advAR { background-image: url(/static/cms/locale/ar/advice.gif); width: 44px; height: 18px }
#lang a.advKU { background-image: url(/static/cms/locale/ku/advice.gif); width: 59px; height: 18px }
#lang a.advSO { background-image: url(/static/cms/locale/so/advice.gif); width: 40px; height: 18px }
#lang a.advSW { background-image: url(/static/cms/locale/sw/advice.gif); width: 58px; height: 18px }
#lang a.advTR { background-image: url(/static/cms/locale/tr/advice.gif); width: 56px; height: 18px }
#lang a.advUR { background-image: url(/static/cms/locale/ur/advice.gif); width: 46px; height: 18px }

/* Menu */
#menu { position: absolute; top: 185px; left: 0; width: 120px; background-color: #7db3fe; border-bottom: 1px solid white }
#menu a { color: white; text-decoration: none }
#menu span { display: block;  border-bottom: 1px solid #7589a4; border-top: 1px solid white;
  height: 17px; background-repeat: no-repeat; font-size: 10px; padding: 0 0 0 40px; line-height: 17px;
  color: white; font-weight: bold; font-size: 9px; text-transform: lowercase;
}

/* Text-only menu */
#menu li { text-indent: 0; padding: 0; margin: 0; font-size: 8pt; color: white }
#menu ul { margin: 0; padding: 0; text-indent: 0 }

#ypMenuItem0 { background-image: url("/static/nav/about_us.gif") }
#ypMenuItem1 { background-image: url("/static/nav/advice.gif") }
#ypMenuItem2 { background-image: url("/static/nav/information.gif") }
#ypMenuItem3 { background-image: url("/static/nav/useful_contacts.gif") }
#ypMenuItem4 { background-image: url("/static/nav/noticeboard.gif") }
#ypMenuItem5 { background-image: url("/static/nav/arts_culture.gif") }
#ypMenuItem6 { background-image: url("/static/nav/training.gif") }
#ypMenuItem7 { background-image: url("/static/nav/support_us.gif") }
#ypMenuItem8 { background-image: url("/static/nav/publications.gif") }
#ypMenuItem9 { background-image: url("/static/nav/press.gif") }
#ypMenuItem10 { background-image: url("/static/nav/research.gif") }
#ypMenuItem11 { background-image: url("/static/nav/vacancies.gif") }
#ypMenuItem12 { background-image: url("/static/nav/contact.gif") }
#ypMenuItem13 { background-image: url("/static/nav/youth.gif") }
#ypMenuItem14 { background-image: url("/static/nav/links.gif") }

/* Panels down right hand side */
#panels { position: absolute; top: 166px; left: 590px; width: 170px; }

#panels span { border-bottom: 1px solid white; display: block; width: 170px }
#panels span.image { text-indent: -9000px }

#panels div { border-bottom: 1px solid white; width: 170px }
#panels div.image { text-indent: -9000px }
#panels div#find-us, #panels div#blog, #panels div#facebook, #panels div#youtube, #panels div#twitter { border: none; }

#panels a { text-decoration: none }

#panels a { text-decoration: none }

#directory { height: 56px }
#directory a { display: block; width: 170px; height: 56px; background-image: url('/static/imagery/panel_find_org.gif'); }

#donate { height: 56px }
#donate a { display: block; width: 170px; height: 56px; background-image: url('/static/imagery/panel_donate.gif'); }

#whatsnew { height: 57px }
#whatsnew a { display: block; width: 170px; height: 57px; background-image: url('/static/imagery/panel_whats_new.gif'); }

#find-us { height: 30px; background-image: url('/static/imagery/find_us.jpg'); }

#blog { height: 46px }
#blog a { display: block; width: 170px; height: 46px; background-image: url('/static/imagery/src_blog.jpg'); }

#facebook { height: 47px }
#facebook a { display: block; width: 170px; height: 47px; background-image: url('/static/imagery/facebook.jpg'); }

#youtube { height: 47px }
#youtube a { display: block; width: 170px; height: 47px; background-image: url('/static/imagery/youtube.jpg'); }

#twitter { height: 48px }
#twitter a { display: block; width: 170px; height: 48px; background-image: url('/static/imagery/twitter.jpg'); }

#oisc { height: 66px; background-image: url('/static/imagery/logo_oisc.gif'); position: relative }
#oisc_logo { position: absolute; left: 2px; top: 2px; width: 48px; height: 64px; display: block }
#oisc_text { position: absolute; left: 53px; top: 2px; color: white; font: 8pt Arial, Helvetica, sans-serif; width: 110px; height: 60px; text-indent: 0; margin: 0 }
#oisc_text a { color: white; text-decoration: underline }
#oisc_text a:hover { color: white }

#stylepicker { text-indent: 0; width: 170px; height: 25px; background-image: url('/static/imagery/panel_resize.gif'); position: relative; }
#stylepicker a { text-indent: 0; color: white; bottom: 5px; font-size: 10px; position: absolute; line-height: 18px; vertical-align: bottom }
#stylepicker a:hover { text-decoration: underline }
#stylepicker a.small { left: 10px;  }
#stylepicker a.medium { font-size: 14px; left: 27px }
#stylepicker a.large { font-size: 18px; left: 47px }
#stylepicker a.text { text-transform: lowercase; left: 84px}

#search { width: 170px; height: 71px; overflow: hidden; border-bottom: 1px solid white; 
  background-color: #1898FF; background-image: url(/static/imagery/panel_search.gif);
  position: relative;
}

#search label { background-image: url(/static/imagery/lbl_search.gif);
  position: absolute; width: 91px; height: 11px; text-indent: -9000px; text-align: left;
  left: 10px; top: 5px; min-width: none; float: none; margin: 0; padding: 0; line-height: 11px;
}

#searchText { position: absolute; left: 10px; top: 20px; margin: 0; padding: auto; font-size: 10px; height: 16px; width: 136px;
  border: 1px solid #005BBE; line-height: 16px; padding: 0;
}

#searchButton { position: absolute; left: 10px; top: 43px; font-weight: bold; color: white; font-size: 9px; background-color: #1898ff;
  border-left: 1px solid #4fc2ff; border-top: 1px solid #4fc2ff;
  border-right: 1px solid #005BBE; border-bottom: 1px solid #005BBE;
  width: 50px;
}

#google { position: absolute; left: 80px; top: 43px }

/* Breadcrumbs */
#crumbs { position: absolute; top: 166px; left: 0; width: 575px; height: 10px;
  font-size: 9px; line-height: 9px; color: white; text-align: right; padding: 4px 14px 5px 0; text-transform: lowercase;
  border-bottom: 1px solid white;
}

#crumbs span { margin: 0 6px 0 6px }
#crumbs a { color: white; text-decoration: underline }
#crumbs a:hover { color: white }

/* Date bar */
#date { position: absolute; top: 146px; left: 590px; width: 163px; height: 11px;
  background-color: #4f4f4f; font-size: 10px; line-height: 10px; border-bottom: 1px solid white;
  color: white; padding: 4px 0 4px 7px
}

#footer { margin-top: 90px; text-align: center }
#footer span { margin: 0 6pt 0 6pt }
#footer p { margin: 0; padding: 4px 0 0 0; font-family: helvetica, sans-serif; font-size: 7pt; color: #7db3fe }
#footer a { color: #3399ff }

/* Master zones */
.zone1h { background-color: #004f8b }
.zone222h { background-color: #004f8b }
.zone81h { background-color: #b53a94 }
.zone82h { background-color: #f7931e }
.zone220h { background-color: #71b839 }
.zone88h { background-color: #1ca5f7 }
.zone5h { }
.zone93h { background-color: #d84998 }
.zone84h { background-color: #1471ff }
.zone87h { background-color: #d968cd }
.zone90h { background-color: #7e38da }
.zone89h { background-color: #00b99e }
.zone91h { background-color: #eab649 }
.zone92h { background-color: #f52235 }
.zone221h { background-color: #9a9cb2 }
.zone819h { background-color: #001493 }
.zone897h { background-color: #960000 }

/* Rollout menus */
div.rollover { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; padding: 1px 3px 0px 0px; text-align: left; font: 10px Verdana,Helvetica,sans-serif; text-transform: lowercase; }
div.rollover a { display: block; margin-bottom: 2px; text-decoration: none; color: white; padding-left: 3px; }
div.rollover a:hover { text-decoration: underline; color: white }

/* Content formatting */

body { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #707070 }
h1 { font-family: Helvetica, Arial, sans-serif; margin: 5pt 0 4pt 0 }
h2 { font-family: Helvetica, Arial, sans-serif; margin: 8pt 0 4pt 0 }
h3 { font-family: Tahoma,Helvetica, Arial, sans-serif; argin: 8pt 0 2pt 0 }
p { margin: 5pt 0 5pt 0; color: #707070; line-height: 1.4em }
table { font-family: Tahoma,Helvetica,sans-serif; color: #707070; }
ol,ul { margin-top: 4pt; margin-bottom: 4pt; color: #707070 }
li { line-height: 1.25em }
a { color: #004f8b; }
a:hover { color: #404040; }
img { border: 0 }

/* Icons at the top of each page */
p.zoneIcon { margin-bottom: 14px  } 

/* All error text */
.error { color: #f52235 }

/* Gallery */
table.gallery { width: 100% }
table.gallery td { vertical-align: top }

/* Form components */
fieldset { margin: 0; border: 0; padding: 0 }
form { margin: 12px 0 12px 0 }
form div { clear: left; margin-bottom: 8px }
label { float: left; width: 130px; text-align: right; padding: 2px 10px 0 0 }
select, input { font-family: Verdana,Helvetica,sans-serif }
input { padding: 2px 2px 1px 2px }

/* File type links */
/*.resourcepdf { 
  background-position: left center; background-repeat: no-repeat;
  background-image: url(/static/imagery/file_types/pdf.gif);  padding-left: 17px
}*/

.ObjectResourceList table { width: 100%; margin: 15px 0 15px 0 }
.ObjectResourceList th { width: 55%; vertical-align: top; text-align: left; font-weight: normal }
.ObjectResourceList td { width: 55%; vertical-align: top; text-align: right }
.ObjectResourceList h3 { margin-top: 0 }

table.embedded_resource { margin-bottom: 18px; width: 95% }
td.er_r { vertical-align: top; width: 150px; text-align: right }
td.er_r img { max-width: 150px }
td.er_l { vertical-align: top }

table.training_list {}
table.training_list .month { color: white; font-weight: bold; background-color: #8EB2E6;  }
table.training_list a { color: #73A5DA; font-weight: bold; text-decoration: underline;}
table.training_list td { padding: 5px; }

table.training_list input.text { width: 92%; }
table.training_list textarea.text { width: 92%; height: 60px; }

table.training_list .row1 { background-color: #E7F0F9;}
table.training_list .row2 { background-color: #D4E4F4;}