body,h1,h2,h3,h4,p,table,th,td,ul,ol,dl {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Cambria, Tahoma, Arial, sans-serif; }



/* Copyright warning; Privacy policy (cop2 is for copyright at foot of Trad section pages and for foot of login pages) */
.softgrey { font-size: 9px; color: #999999; line-height: 9px;}
p.cop { font-size: 9px; color: #999999; line-height: 10px; text-align: justify;}
p.cop2 { font-size: 10px; color: #999999; line-height: 13px;}

/* Captions to pictures and for 'Top of page' text */
.cap9 { font-size: 9px; color: #464646; line-height: 10px;}
.cap10 { font-size: 10px; color: #464646; line-height: 13px;}

/* Quotations in side bars */
.quot-grn { font-size: 10px; font-style: italic; color: #4e8a87; line-height: 13px;}
.quot-vio { font-size: 10px; font-style: italic; color: #8c7d87; line-height: 13px;}
h4.quot-vb { font-size: 10px; font-style: italic; color: #804672; font-weight: bold; line-height: 13px;}

/* 'Pull out' quotes in main text */
.quot-1 { font-size: 21px; font-style: italic; color: #4e8a87; line-height: 28px;}
h4.quot { font-size: 21px; font-style: italic; color: #804672; font-weight: bold; line-height: 28px;}

/* Labels text for Contact, Feedback, Register forms. Captcha must be in pixels not ems */
.label { font-size: 12px; color: #464646; text-align: left; vertical-align: middle;}
.captcha {font-size: 10px; color: #464646; text-align: left; line-height: 16px}

/* -------------------- */

/* Smaller body text and smaller, h3, and smallest, h4, headlines */
.grey10 { font-size: 10px; color: #464646; line-height: 13px; text-align: left; text-indent: 0;}
p.grey10 { font-size: 10px; color: #464646; line-height: 13px; text-align: left; text-indent: 0;}
h4 { font-size: 10px; color: #333333; font-weight: bold; line-height: 0;}
.white10 { font-size: 10px; color: #ffffff; line-height: 13px;}
p.white10 { font-size: 10px; color: #ffffff; line-height: 13px;}
h4.white10 { font-size: 10px; color: #ffffff; font-weight: bold; line-height: 13px; margin-top: -1px;}

.grey11 { font-size: 11px; color: #464646; line-height: 16px;}
.green11 { font-size: 11px; color: #009900; line-height: 16px;}
.red11 { font-size: 11px; color: #cc0033; line-height: 16px;}
p.grey11 { font-size: 11px; color: #464646; line-height: 16px;}
p.white11 { font-size: 11px; color: #ffffff; line-height: 16px;}
h3 { font-size: 11px; color: #333333; font-weight: bold; line-height: 13px;}
h3.v { font-size: 11px; color: #af247c; font-weight: bold; line-height: 13px;}
h3.white11 { font-size: 11px; color: #ffffff; font-weight: bold; line-height: 13px;}


/* Standard (main) body text and h2 headlines. */
p { font-size: 12px; color: #464646; line-height: 18px;}
p + p {margin-top: -3px;}/* line break between succeeding paras (but not above first) reduced by 3px. */
h2 { font-size: 12px; color: #333333; font-weight: bold; line-height: 18px; margin-bottom: -9px}
.main { font-size: 12px; color: #464646; line-height: 18px;}
p.main-w { font-size: 12px; line-height: 18px; color: #ffffff;}
.main-orange { font-size: 12px; line-height: 18px; color: #ee8f38;}
.main-bronze { font-size: 12px; line-height: 18px; color: #8c824f;}
.main-green { font-size: 12px; line-height: 18px; color: #009900;}
.main-grey { font-size: 12px; line-height: 18px; color: #999999;}
.main-blue { font-size: 12px; line-height: 18px; color: #4f81c2;}
.main-dkblue { font-size: 12px; line-height: 18px; font-weight: bold; color: #0000cc;}
.main-red { font-size: 12px; line-height: 18px; font-weight: bold; color: #cc0033;}

/* Headlines - h1 - main purple, gold, blue and red ones */
h1 { font-size: 16px; color: #af247c; font-weight: bold; line-height: 20px; margin-top: 20px;}
h1.gold { font-size: 16px; color: #999933; font-weight: bold; line-height: 20px;}
h1.red { font-size: 16px; color: #cc0033; font-weight: bold;}  /* Headline on several 'Thank you' pages */
h1.blue { font-size: 16px; color: #005597; font-weight: bold; line-height: 20px;}

/* Home page text - large */
p.index { font-size: 18px; color: #464646; line-height: 24px; text-align:right}
p.index2 { font-size: 15px; color: #cc0033; line-height: 18px; text-align:right}
p.index3 { font-size: 12px; color: #464646; line-height: 12px; text-align:right}

/* Programme page text */
.prog-orange { font-size: 12px; color: #EE8F38; font-weight: bold;}
h2.prog { font-size: 12px; color: #333333; font-weight: bold; line-height: 18px;}
h2.red { font-size: 12px; color: #cc0033; font-weight: bold; line-height: 18px;}
p { font-size: 12px; color: #464646; font-weight: normal; line-height: 18px;}
p.grey11 { font-size: 11px; color: #464646; line-height: 16px;}
.m-red { font-size: 12px; color: #cc0033; line-height: 18px;}
.m10-red { font-size: 10px; color: #cc0033; line-height: 13px;}
.m11-red { font-size: 11px; color: #cc0033; line-height: 16px;}

/* -------------------- */

/* Table for Classes page - need to set table tag parameters (but not heading or cell ones) in DW page as well */
table.classes { border: 0px; text-align: left;}
th.classes { font-size: 10px; color: #ffffff; font-weight: bold; line-height: 10px; vertical-align: middle; text-align: left; background-color: #ffb73e;}
td.classes { font-size: 10px; color: #464646; text-align: left; line-height: 13px; vertical-align: top;}
.red-c { font-size: 10px; color: #cc0033; text-align: left; line-height: 13px;}
.purple {font-size: 13px; color: #af247c; text-align: left; line-height: 13px;}

/* Table for Downloads page - need to set table tag parameters (but not heading or cell ones) in DW page as well */
table.dwnld { border: 0; text-align: left;}
th.dwnld { font-size: 11px; color: #ffffff; text-align: left; font-weight: bold; line-height: 11px; vertical-align: middle; background-color: #ffb73e;}
th.dwnld2 { font-size: 11px; color: #ffffff; text-align: left; font-weight: bold; line-height: 11px; vertical-align: middle; background-color: #E9910F;}
td.dwnld { font-size: 11px; color: #464646; text-align: left; line-height: 16px; vertical-align: top;}

/* Table for Archive pages - need to set table tag parameters (but not heading or cell ones) in DW page as well */
table.dwnld2 { border: 0; text-align: left; margin-bottom: 15px;}

/* Table for GHS page - need to set table tag parameters (but not heading or cell ones) in DW page as well */
table.ghs { border: 0; text-align: left;}
th.ghs { background-color: #ffb73e; font-size: 10px; color: #ffffff; font-weight: bold; line-height: 10px; text-align: left; vertical-align: middle;}
td.ghs-r1 { font-size: 10px; color: #666666; line-height: 13px; text-align: left; text-indent: 0; vertical-align: middle;}
td.ghs-r2 { background-color: #ffffcc; font-size: 10px; color: #666666; line-height: 13px; text-align: left; text-indent: 0; vertical-align: middle;}

/* Table for Booking Form page - need to set table tag parameters (but not heading or cell ones) in DW page as well */
table.bookingform1 { text-align: left;}
th.bookingform1 { font-size: 10px; color: #ffffff; font-weight: bold; text-align: left; line-height: 13px; vertical-align: top; background-color: #808080;}
td.bookingform1 { font-size: 10px; color: #464646; text-align: left; line-height: 13px; vertical-align: top;}

table.bookingform { text-align: left;}
td.bookingform { font-size: 10px; color: #464646; text-align: left; line-height: 13px; vertical-align: middle;}

/* -------------------- */

/* Forms such as Contact and Register form - this style ensures a common field width and font size in all browsers for data entry fields. Note that when the class "form" is used in the first line of form code, a line break is automatically added at end of each field. Note that captcha image needs to be set to width=256 if it is to match fields */
.form {width: 250px; font-size: 12px; margin-bottom: 12px;}

/* Swamiji Booking form - this style ensures a common field width and font size in all browsers for calculated data entry fields.  */
.form2 {width: 40px; font-size: 10px;}
.form3 {width: 250px; font-size: 10px;}

/* Zoom Search form - this style ensures a common field width and font size in all browsers for search entry fields.  */
.search1 {width: 81px; height:14px; font-size: 10px; }

/* Zoom Search form - this styles the 'Search' button itself.  */
.search2 {width: 52px; height: 21px; font-size: 10px; text-align: center; margin-top: 16px;}

/* Zoom Search form - this styles it when centered below footer.  */
.search3 {text-align: center; margin: -9px 0 24px 0; }


/* -------------------- */

/* Nav list - Side menu (don't use <p> tags here as they create inconsistent leading across browsers) */
h4.sidebar { font-size: 10px; color: #333333; font-weight: bold; line-height: 10px; text-align: left; text-indent: 0; margin-top: 6px; margin-bottom: 3px;}
h4.sidebar2 { font-size: 10px; color: #333333; font-weight: bold; line-height: 12px; margin-top: 10px; margin-bottom: 0px;}
.sidebar { font-size: 10px; color: #464646; line-height: 10px; text-indent: 0;}
.sidebarnum { font-size: 10px; font-weight: bold; color: #cc0033; line-height: 10px; text-indent: 0;}
hr.v151 { background-color: #cc9999; color: #cc9999; height: 1px; width: 151px; border: none; margin-left: 0;}
hr.v143 { background-color: #cc9999; color: #cc9999; height: 1px; width: 143px; border: none; margin-left: 8px;}

/* -------------------- */

/* Rules - pale violet rule for foot of page */
hr.v { background-color: #cc9999; color: #cc9999; height: 1px; width: 100%; border: none; margin-top: 8px; margin-bottom: 9px;}

/* Rules - pale grey rule for use in tabular charts such as Classes and Downloads */
hr.g { background-color: #c4c4c4; color: #c4c4c4; height: 1px; width: 100%; border: none;}

/* Bullet points (blue) on home and donations pages */
.bull { color: #0000cc; font-size: 14px;}
/* Bullet points (purple) */
.bull2 { color: #af247c; font-size: 14px;}

/* Drop-down menu alone */
ul.ddmenu { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:10px;}

/* Nav links */
a:link, a:visited { color: #0033cc; text-decoration: none;}
a:hover, a:active { color: #af247c; text-decoration: underline;}

/* Special Nav links for use when different colours needed (such as on a coloured background) use like this <a href="xxxxx.html" class="style2"> */
a.nav2:link, a.nav2:visited { color: #f9bd52; text-decoration: none;}
a.nav2:hover, a.nav2:active { color: #ffffff; text-decoration: none;}

/* Special Nav links to give more conventional navigation link appearance */ 
a.nav3:link, a.nav3:visited { color: #0000ff; text-decoration: underline;}
a.nav3:hover, a.nav3:active { color: #990099; text-decoration: none;}

/* Special Nav links for Contact page privacy text */ 
a.nav4:link, a.nav4:visited { color: #999999; text-decoration: none;}
a.nav4:hover, a.nav4:active { color:#666666; text-decoration: none;}

/* Footer text */ 
.footer { font-size: 9px; line-height: 11px; color: #999999; text-align: center; margin-top:4px;}
.footer2 { font-size: 9px; line-height: 11px; color: #999999; text-align: center;}