/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	background-color: #C5DDDA;
}

#wrapper {
	width: 760px;
	margin: auto;
	padding: 0;	
}

img { border: none; }

#header { float: left; width: 100%; height: 140px; /*background: url( ../images/header/rotator.php) no-repeat;*/ }
#content { float: left; width: 100%; background-color:#FDFFFE; }
#footer { float: left; width: 750px; background-color:#FFFFFF; text-align:right; font-size: 10px; color: #333333; padding: 6px 10px 4px 0; }



/*********************************************************/
/*********************************************************/
/***************            TEXT         *****************/
/*********************************************************/
/*********************************************************/
p { padding: 5px 50px 5px 50px; font-size: 11px; color: #555555; line-height: 16px; }
h1 { margin: 10px 10px 10px 20px; padding: 0; font-size: 15px; font-weight: normal; color: #47135b; }
h1:before { content: url("../images/bullet_purple.gif"); margin-right:5px; }
h2 { margin: 10px 10px 0 30px; padding: 0; font-size: 13px; font-weight: normal; color:#333333; }
a { color: #555555; }
a:hover { text-decoration:none; }

.notmenu ul { margin: -10px 90px 0 90px; padding: 0; color: #555555; font-size: 11px; list-style-type:square;}
.notmenu ul li { padding: 2px; line-height: 16px; }
.notmenu ol { margin: 0 0 0px 90px; padding: 0; color: #555555; font-size: 11px; }

.spaced { letter-spacing: 5px; }
.indent30 { margin-left: 30px; }
.redtext { color:#FF0000; font-weight: bold; }
.reditalic { color: #FF0000; font-size:30px; font-style:italic; }
.bluetext { color:#207AB6; font-weight: bold; }
.blue { color: #207AB6; font-size: 12px; font-weight: bold; }
.sectblue { color: #0074BC; font-size: 34px; font-weight: bold; }
.sectgreen { color: #5FBC55; font-size: 34px; font-weight: bold; }
.sectblue2 { color: #0074BC; font-weight: bold; font-size: 14px; }
.sectgreen2 { color: #5FBC55; font-weight: bold; font-size: 14px; }
.hospicePhotoRight { padding: 10px 30px 10px 10px; }
.hospicePhotoLeft { padding: 10px 10px 10px 30px; }


.highlight { margin: 10px; }


/******************* TABLES ********************/
table { text-align:center; margin-left: 230px; font-size: 11px; color: #555555; margin-bottom: 20px; }
td { width: 100px; padding: 5px 0 5px 0; border-bottom: 1px solid #999999; }

/********** Lottery Balls ***********/
#lotteryballs { margin-left: 170px; }
#lotteryballs img { margin: 0 30px 0 30px; }

/************** lotterybar *************/
#lotterybar { float: left; width: 600px; margin-left: 80px; margin-top: 10px; }
#lotterybar .boxleft { float: left; padding: 5px; background-color: #B5DAF2; border: 1px solid #3E81B9; }
#lotterybar .boxright { float: right; padding: 5px; background-color: #B5DAF2; border: 1px solid #3E81B9; }
#lotterybar a { color: #15527A; }

/******************* EVENT/EDUCATION CSS *******************/
#eventsection { float: left; margin-top: 20px; width: 500px; }
.event { float: left; width: 480px; border-bottom: 1px solid #999999; margin: 0 10px 20px 20px; padding-bottom: 10px; }
.event .head { float: left; width: 100%; font-size: 12px; color:#207AB6; font-weight: bold; margin: 10px; }
.event .content { float: left; width: 350px; font-size: 11px; color: #555555; margin: 0 30px 0 10px; }
.event .picture { float: right; width: 100px; height: 100px; margin: -60px 0 0 0; }
.event .link { float: left; color: #555555; width: 100%; text-align:right; font-size: 11px; margin: 5px 0 0 0; }

.event2 { float: left; width: 600px; border-bottom: 1px solid #999999; margin: 0 10px 20px 60px; padding-bottom: 10px; }
.event2 .head { float: left; width: 100%; font-size: 12px; color:#207AB6; font-weight: bold; margin: 20px 10px 10px 10px; }
.event2 .content { text-align: justify; float: left; width: 540px; font-size: 11px; color: #555555; margin: 0 30px 0 30px; }
.event2 .link { float: left; color: #555555; width: 100%; text-align:right; font-size: 11px; margin: 5px 0 0 0; }

/*********************************************************/
/*********************************************************/
/***************        DIARY CSS        *****************/
/*********************************************************/
/*********************************************************/
.diary { float: left; width: 600px; margin: 10px 70px 5px 70px; font-size: 11px; color: #555555; line-height: 16px; }
.diary .header { float: left; width: 100%; border-bottom: 3px double #3E81B9; border-top: 3px double #3E81B9; font-weight: bold; padding: 3px 0 3px 0; margin-bottom: 5px; }
.diary .line { float: left; width: 590px; margin: 4px 5px 2px 5px; border-bottom: 1px solid #3E81B9; }
.diary .date { float: left; width: 120px; }
.diary .course { float: left; width: 395px; padding-left: 5px; }
.diary .more { float: left; width: 70px; }
.diary .more a { text-decoration:none; }
.diary .more a:hover { text-decoration:underline; }

.enqbar { float: left; width: 600px; margin-left: 80px; margin-top: 20px; }
.enqbar .boxl { float: left; width: 250px; padding: 5px; background-color: #B5DAF2; border: 1px solid #3E81B9; text-align:center; }
.enqbar .boxr { float: right; width: 250px; padding: 5px; background-color: #B5DAF2; border: 1px solid #3E81B9; text-align:center; }
.enqbar a { color: #15527A; }

/*********************************************************/
/*********************************************************/
/***************      News CSS        *****************/
/*********************************************************/
/*********************************************************/
#banners { float: left; width: 180px; margin: 0 0 0 30px; margin-top: 20px; }
#banners img { margin-bottom: 10px; }
#newssection { float: right; margin-top: 20px; }
.newsitem { float: left; width: 460px; border-bottom: 1px solid #999999; margin: 0 40px 5px 0; padding: 10px;}
.newsitem .newsheadline { float: left; width: 380px; font-size: 12px; color: #207AB6; font-weight: bold; margin: 10px 0 10px 0; }
.newsitem .newsdate { float: left; color: #999999; width: 150px; text-align:right; font-size: 10px; margin: 10px 0 0 0; }
.newsitem .viewitem { float: left; width: 80px; margin: 10px 0 0 0px; }

/*********************************************************/
/*********************************************************/
/***************      Gallery CSS        *****************/
/*********************************************************/
/*********************************************************/
#gallery { float: left; width: 600px; margin-left: 85px;}
.gallerypic { float: left; width: 255px; text-align:center; padding: 15px; border: 2px solid #3E81B9; margin: 0 5px 10px 0; }
#gallery ul{ list-style-type:none;}

#galleryIndex { float: left; width: 600px; }
#galleryIndex .galleryItem { float: left; width: 180px; margin: 10px; }
#galleryIndex .galleryText { float: left; width: 100%; text-align: center; margin: 5px 0 5px 0; }


/*********************************************************/
/*********************************************************/
/***************        TAG CLOUD        *****************/
/*********************************************************/
/*********************************************************/
ul#tagcloud { width: 640px; margin: 20px 0 20px 60px; padding: 0; list-style-type: none; text-align: center; overflow: visible; }
ul#tagcloud li { color: #999999; font-size: 14px; margin: 6px; padding: 3px; line-height: 25px; font-weight: bold; overflow: visible; }
ul#tagcloud li a { color: #999999; text-decoration: none; cursor: default; }
ul#tagcloud li a:hover { color: #42235C; }

body div#toolTip { position:absolute; z-index:1000; width:220px; background:#A6C9C5; border:2px solid #4D1763; text-align:center; padding:5px; min-height:1em; }
body div#toolTip p { margin:0; padding:0; color:#4D1763; font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block; margin-top:3px; color:#4D1763; font-style:normal; font-weight:bold; }
body div#toolTip p em span { font-weight:bold; color:#4D1763; }




/*********************************************************/
/*********************************************************/
/***************         SPONSORS        *****************/
/*********************************************************/
/*********************************************************/

#sponsorsWrapper2 { width: 100%; text-align:center; margin: 50px 0; }

#sponsorsWrapper { width: 650px; margin: 20px auto 0 auto; }
#sponsorsWrapper a { text-decoration: none; }

#sponsorsWrapper .thumbnail { position: relative; z-index: 0; margin: 0; padding: 3px; }
#sponsorsWrapper .thumbnail:hover { background-color: transparent;  z-index: 50; }
#sponsorsWrapper .thumbnail span{ position: absolute; background-color: #CCCCCC; padding: 1px; left: -1000px; visibility: hidden; color: black; text-decoration: none; }
#sponsorsWrapper .thumbnail span img{ position:relative; border-width: 0; padding: 1px; z-index: 2; }
#sponsorsWrapper .thumbnail:hover span{ visibility: visible; top: 0px; left: 10px; font-size: 1.2em; }


/*********************************************************/
/*********************************************************/
/***************         FORM CSS        *****************/
/*********************************************************/
/*********************************************************/
#myforms { float: left; margin-left: 70px; }
#myforms .formsep { float: left; width: 600px; margin: 2px 0 2px 10px; }
#myforms .formtitle { float: left; width: 200px; font-size: 11px; }
#myforms .formitem { float: left; width: 400px; }
#myforms .formstyle { width: 250px; border: 1px solid #000000; }
#myforms .formstyle2 { width: 150px; border: 1px solid #000000; margin-left: 50px; }
#myforms .formheader { width: 500px; border-bottom: 1px solid #3E81B9; text-indent: 20px; margin: 0 0 5px 0; padding: 2px 0 2px 0; color: #3E81B9; font-size: 13px; }

label { float: left; line-height: 20px; width: 150px; margin: 2px 0 2px 150px; }
.formstyle_new { width: 250px; border: 1px solid #666666; margin: 2px 0 2px 0; padding: 1px 5px 1px 5px; }
.buttonstyle { width: 200px; border: 1px solid #666666;}

#listWrapper { float: left; width: 450px; margin: 10px 0 0 0; }
#listWrapper .list { float: left; width: 210px; margin: 0 5px 0 5px; }
#listWrapper .list .top { float: left; width: 100%; height: 30px; background-color: #47135b; text-align: center; line-height: 30px; color: #FFFFFF; font-weight: bold; letter-spacing: 1px; }
#listWrapper .list .content { float: left; width: 208px; border: 1px solid #47135b; background-color: #FFFFFF; text-align: center; }
#listWrapper .list .content ul { list-style: none; margin: 0; padding: 0; }
#listWrapper .list .content ul li { margin: 5px 0 5px 0; padding: 0; }

/*********************************************************/
/*********************************************************/
/***************         MENU CSS        *****************/
/*********************************************************/
/*********************************************************/
/*
#menubar { float: left; width: 100%; height: 35px; background-color: #000000; margin: 0; }
.menu { height: 35px; position:relative; z-index:100; font-size:9px; } 
.menu ul { padding:0; margin:0; list-style-type:none; }
.menu ul ul { width:150px; }
.menu li { float:left; position:relative; }
.menu a, .menu a:visited { display:block;  text-decoration:none; color:#fff; height:30px; line-height:29px; } 
.menu ul ul ul a, .menu ul ul ul a:visited { background: #C463D9; border: 1px solid #4E165B; }
.menu ul ul ul a:hover { background: #B43ACF; border: 1px solid #4E165B; }
.menu ul ul { visibility:hidden; position:absolute; height:0; top:31px; left:0; width:100px; margin-top: 4px; }
.menu ul ul ul{ left:150px; top:0; width:150px; margin-top: 0px; }
.menu ul ul ul.left { left:-150px; }
.menu table {position:absolute; top:0; left:0;}
.menu ul ul a, .menu ul ul a:visited { margin-top: -1px; background: #C463D9; border: 1px solid #4E165B; color: #fff; height:auto; line-height:1em; padding:7px 10px; width:129px  }
.menu a:hover, .menu ul ul a:hover{ color: #ddd; background: #B43ACF;}
.menu :hover > a, .menu ul ul :hover > a { color: #ddd; background: #B43ACF; }
.menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; }
.menu ul :hover ul ul{ visibility:hidden; }
.menu ul :hover ul :hover ul{ visibility:visible; }
* html .menu ul ul a{ width:150px; } 
* html .menu ul ul { top:30px; }
*/

#menubar { float: left; width: 100%; height: 35px; background-color: #000000; margin: 0; }
.menu { height: 35px; position:relative; z-index:100; font-size:9px; } 
.menu ul { padding:0; margin:0; list-style-type:none; }
.menu ul ul { width:150px; }
.menu li { float:left; position:relative; }
.menu a, .menu a:visited { display:block;  text-decoration:none; color:#fff; height:30px; line-height:29px; } 
.menu ul ul ul a, .menu ul ul ul a:visited { background: #C7FFCA; border: 1px solid #608D87; }
.menu ul ul ul a:hover { background: #ADFFB1; border: 1px solid #608D87; }
.menu ul ul { visibility:hidden; position:absolute; height:0; top:31px; left:0; width:100px; margin-top: 4px; }
.menu ul ul ul{ left:150px; top:0; width:150px; margin-top: 0px; }
.menu ul ul ul.left { left:-150px; }
.menu table {position:absolute; top:0; left:0;}
.menu ul ul a, .menu ul ul a:visited { margin-top: -1px; background: #C7FFCA; border: 1px solid #608D87; color: #15527A; height:auto; line-height:1em; padding:7px 10px; width:129px  }
.menu a:hover, .menu ul ul a:hover{ color: #15527A; background: #ADFFB1;}
.menu :hover > a, .menu ul ul :hover > a { color: #15527A; background: #ADFFB1; }
.menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; }
.menu ul :hover ul ul{ visibility:hidden; }
.menu ul :hover ul :hover ul{ visibility:visible; }
* html .menu ul ul a{ width:150px; } 
* html .menu ul ul { top:30px; }

/* ORIGINAL */ /*
#menubar { float: left; width: 100%; height: 35px; background-color: #000000; margin: 0; }
.menu { height: 35px; position:relative; z-index:100; font-size:9px; } 
.menu ul { padding:0; margin:0; list-style-type:none; }
.menu ul ul { width:150px; }
.menu li { float:left; position:relative; }
.menu a, .menu a:visited { display:block;  text-decoration:none; color:#fff; height:30px; line-height:29px; } 
.menu ul ul ul a, .menu ul ul ul a:visited { background: #B5DAF2; border: 1px solid #3E81B9; }
.menu ul ul ul a:hover { background: #8AC4EA; border: 1px solid #3E81B9; }
.menu ul ul { visibility:hidden; position:absolute; height:0; top:31px; left:0; width:100px; margin-top: 4px; }
.menu ul ul ul{ left:150px; top:0; width:150px; margin-top: 0px; }
.menu ul ul ul.left { left:-150px; }
.menu table {position:absolute; top:0; left:0;}
.menu ul ul a, .menu ul ul a:visited { margin-top: -1px; background: #B5DAF2; border: 1px solid #3E81B9; color: #15527A; height:auto; line-height:1em; padding:7px 10px; width:129px  }
.menu a:hover, .menu ul ul a:hover{ color: #15527A; background: #8AC4EA;}
.menu :hover > a, .menu ul ul :hover > a { color: #15527A; background: #8AC4EA; }
.menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; }
.menu ul :hover ul ul{ visibility:hidden; }
.menu ul :hover ul :hover ul{ visibility:visible; }
* html .menu ul ul a{ width:150px; } 
* html .menu ul ul { top:30px; }
*/