/*container styles*/ body {font-family: Verdana, Arial, Helvetica, sans-serif; line-height:120%; color:#000; background-color:#FFFFCC; padding:0; border:0; margin:0;} a {font-family: Verdana, Arial, Helvetica, sans-serif; color:#0033ff; padding:0; border:0; margin:0;} a:hover { color:#0099ff; text-decoration:underline; } object {z-index:1;} #main {position:relative; width:936px; text-align:left; margin:0 auto; background-color:#FFFFCC; overflow:hidden; margin-bottom:5px;} #mast {position:relative; top:0px; left:0px; width:936px; height:105px; margin-bottom:5px; background:url(/images/AITHPtype.gif); background-repeat:no-repeat; background-position:center; z-index:8;} #mast .mastaddy { bottom:10px; font-size:10px; text-align:left; color:#000; padding:80px 0px 15px 125px; } #mast .mastaddy a {color:#0033ff;} #mast .mastaddy a:hover { color:#0099ff; } #footer {margin:20px 0 90px 0; clear:both; width:933px; height:auto; border-top:1px solid #0099FF;} #textphotocontainer {top:0px; left:0px; width:935px; height:auto; margin:2px 0 15px 0;} #photoboxfront {float:left; width:400px; padding:15px; height:auto; margin:0 20px 0 0; background-color:#FFCC00;} #photobox {float:left; width:350px; padding:15px; height:auto; margin:0 20px 15px 0; background-color:#FFCC00; } #textpanelfront {float:left; width:416px; height:667px; padding:20px; border:solid 12px #9e1c20; margin-bottom:15px; } #textpanel {clear:both; width:auto; margin-bottom:15px;} #photoboxright {float:right; width:350px; padding:15px; height:auto; margin:0 0px 15px 20px; background-color:#FFCC00;} #newsflash {clear:both;text-align:center;margin-top:8px;width:784px;} /*text styles*/ /*home page*/ .overcomingart { padding-top:18px; padding-bottom:12px; } #textpanelfront p.largetext { font-size:18px; text-align:center; color:#444; padding:5px 0px;} #textpanelfront p.largetext a { color:#0033FF; text-decoration:underline;} #textpanelfront p.largetext a:hover { color:#0099FF;} #textpanelfront p.left { text-align:left;} #textpanelfront li.vclist { font-size:18px; text-align:left; margin:5px 0px 5px 30px; list-style-image:url(images/lgtxtbullet.gif); color:#444; padding-bottom:6px;} .donationtext {font-size:large; font-style:italic; text-align:center; padding:10px; color:#9e1c20; margin-top:3px;} .quoteboxtext {font-size:large; font-style:italic; color:#ffcc00; text-align:center; vertical-align:middle; display:block; width:auto; padding:6px; margin-bottom:15px; background-color:#9e1c20;} /*questionnaire styes*/ .question {font-size:medium; line-height:130%; text-align:left; color:#000000; margin-top:21px; margin-left:21px;} .answer {font-size:medium; line-height:130%;; text-align:left; color:#000000; margin-left:21px; margin-top:3px;} td.correct {font-size:medium; text-align:right; vertical-align:top; padding:5px; width:40%; background-color:#993333; color:#FFFF99;} td.result {font-size:medium; font-weight:bolder; text-align:left; vertical-align:top; padding:5px; width:60%;background-color:#FFCC33; color:#000000;} /*most other styles*/ .head {font-size:large; font-weight:bold; text-align:left; color:#9e1c20; margin:20px 0 5px 0;} .subhead {font-size:medium; line-height:130%; font-weight:bold; text-align:left; color:#0099FF; margin-top:10px;} p {font-size:small; line-height:130%; text-align:justify; margin-bottom:1em; color:#000000;} .caption {font-size:x-small; line-height:130%; font-weight:500; text-align:justify; color:#000000;} .sitemaplist {font-size:small; line-height:200%; text-align:left; list-style-position:outside; list-style:none;} #textpanel ul { list-style-position:outside; list-style-image:url(images/lgtxtbullet.gif); margin: 6px 0 6px 30px; } li.introlist {font-size:medium; text-align:left; padding:6px; color:#444; list-style-position:outside; list-style-image:url(images/lgtxtbullet.gif); } /*?? page styles*/ .meditate {font-size:13px; text-align:left; list-style-type:square; color:#9e1c20; margin-top:8px; margin-left:30px;} .contact {font-size:13px; text-align:center;} .details {color:#9e1c20;} .italicprogram {font-style:italic; text-align:right; margin-bottom:-3px;} /*overcoming problems styles*/ .smallhammer {font-size:small; line-height:130%; text-align:left; font-style:italic; color:#444; } td.weeks {font-size:small; text-align:right; vertical-align:top; padding:3px 12px; background-color:#9e1c20; color:#FFFF99;} td.course {font-size:small; font-weight:bolder; text-align:left; vertical-align:top; padding:3px 12px; background-color:#FFCC33; color:#000000;} .overcoming {font-size:small; line-height:130%; text-align:justify; color:#000000; list-style-type:square; margin-top:8px; margin-left:30px;} /*ongoing styles*/ td.program {font-size:small; text-align:right; vertical-align:top; padding-bottom:8px; padding-right:8px; padding-top:8px;background-color:#993333; color:#FFFF99;} td.date {font-size:small; font-weight:bolder; text-align:center; vertical-align:top; padding:8px; background-color:#FFCC33;color:#000000;} td.teacher {font-size:small; font-weight:bolder;text-align:left;vertical-align:top;padding:8px;background-color:#993333;color:#FFFF99;} /*enrolments styles*/ .formsection {font-size:large; line-height:140%; font-weight:bold; margin:6px 0; color:#0099FF;} .formlabel {width:100px; font-size:small; text-align:right; vertical-align:top; color:#444; text-transform:uppercase; padding:5px; margin:5px;} .formlabelradio {width:100%; font-size:small; text-align:left; vertical-align:bottom; color:#444; text-transform:uppercase; padding:5px; margin:5px;} .formfills {font-size:small; text-align:left; vertical-align:top; color:#444; padding:5px; margin:5px;} .checkbox {font-size:small; color:#444;} .checkboxtext {font-size:small; color:#444; text-transform:uppercase;} /*photo pages*/ table.photos { margin:6px; } .photocon {margin:6px; padding:30px; height:auto; text-align:center; vertical-align:top; width:50%; background-color:#9e1c20;} .captionlight {font-size:small; margin-top:5px; text-align:justify; color:#FFFF99;} .year {font-size:large; text-align:center; margin-bottom:5px; color:#FFFF99;} /*links*/ .breadcrumb {font-size:x-small; color:#9e1c20; text-align:left;} a.breadcrumb {text-decoration:none; color:#0033FF; } a.breadcrumb:hover {color:#0099FF; } a.email {text-decoration:none; color:#0033FF; font-weight:500;} a.email:hover {color:#0099FF; } a.announcelink {font-size:medium; line-height:90%; font-weight:bold; color:#0033FF; text-decoration:underline; text-align:left;} a.announcelink:hover {color:#0099FF; text-align:left;} .footertext {font-size:small; color:#333333; text-align:center; padding:3px;} a.footertext {color:#0033FF; text-decoration:underline;} a.footertext:hover {color:#0099FF;} /* The drop-down menu design is altered with permission from Stu Nicholls. ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/magic_menu_six.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* Set up the containing div with a background image */ #outer {position:relative; width:935px; height:55px; background:none; border:none; z-index:9;} /* Style the surrounding 'decoration' for this demo only. This is not required for the menu function */ #outer .pad1 {width:40px; height:24px; background:#FFCC00; float:left; margin-top:2px; margin-right:2px; border:1px solid #9e1c20; border-width:1px 1px 1px 0;} #outer .pad2 {width:40px; height:24px; background:#FFCC00; float:left; margin-top:2px; margin-bottom:2px; border:1px solid #9e1c20; border-width:1px 0 1px 1px;} #outer .topline {width:935px; height:5px; border-bottom:1px solid #9e1c20; border-top:1px solid #9e1c20; background:#9e1c20; font-size:1px;} #outer .botline {clear:both; width:935px; height:3px; border-bottom:1px solid #9e1c20; border-top:1px solid #9e1c20; background:#9e1c20; font-size:1px;} /* The menu styling */ /* Remove the padding, margins and bullets from the lists */ .menu, .menu ul {list-style-type:none; padding:0; margin:0;} /* for IE7 to position the tables correctly */ .menu {position:relative;} /* for IE5.5 and IE6 to position the tables corectly */ * html .menu {position:static;} /* Set up the size of the list items and float left to place inline */ .menu li {float:left; background:#FFFF99; width:137px; height:24px; margin:2px 2px 0 0; border:1px solid #9e1c20;} /* Give the sub level list item a diffent background color to make it 'stand out'. */ .menu li.sub {background:#FFCC00;} /* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */ .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0;left:0; font-size:1em; z-index:10;} /* Default link styling */ .menu li a {display:block; color:#9e1c20; font-family:arial,sans-serif; font-size:11px; line-height:24px; width:137px; text-decoration:none; text-align:center;} /* Style the list OR link hover. Depends on which browser is used */ .menu :hover {color:#fff; background:#FFCC00;} /* Give the link OR list a relative position. Depends on which browser is used */ .menu li.sub:hover, .menu li.sub a:hover {position:relative;} /* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */ .menu li:hover > a {color:#fff; background:#FFCC00;} /* keep the 'next' level invisible by placing it off screen. */ .menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul ul.left {position:absolute;left:-9999px; width:128px/*116px*/; z-index:11;} /* Position the drop-down first sub level beneath the top level list item when hovering over the top level list OR link. The transparent image is for IE7 to render this correctly. The image does not have to exist :) */ .menu :hover ul{left:-1px; top:24px; background:transparent url(file:transparent.gif); padding-top:8px;} /* Position the flyout sub levels to the right or left when hovering over the sub level list OR link. */ .menu :hover ul :hover ul {padding:9px 3px; left:100px; top:0;} .menu :hover ul :hover ul.left {left:-106px;} .menu :hover ul :hover ul :hover ul {padding:9px 3px; left:100px; top:0;} .menu :hover ul :hover ul :hover ul.left {left:-106px;} /*#showcase {background:#6f9c6f;} dl.menus_list dt {background:#6f9c6f; font-size:1.5em; margin:3px 0;} #foot {background:#8fbc8f;} dl.menus_list dd.nil {padding:0; margin:0;}*/