/* CCC Style Sheet for Screen Media */

BODY
{
font-family : Tahoma, Geneva, sans-serif;
/* hack for centering DIVs because IE4,IE5,IE5.5, and IE6-quirks-mode ignore 
   auto margin method for centering DIVs.
   Note: We must also set text-align:left in text DIVs so text inside the DIV isn't centered. */
text-align: center;
min-width: 790px; /* prevent Gecko from oozing content off to left of screen */
}
BODY.home
{
font-size: 12px;
color: white;
background-color: #26448a;
}
BODY.inside
{
font-size: 13px;
color: black;
background: #FFFFFF url("images/background.jpg") repeat-y scroll;
}
BODY.popup
{
font-size: 12px;
color: black;
background-color: #ffffc0;
min-width: 400px;
}

/* boxes within bubbles for both 'home' and 'inside' menus */
DIV.bubox {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; 
font-weight: bold;
display: table-cell;
position: absolute;
/* vertical-align: middle; doesn't seem to work on FF 1.04 */
text-align: center;
letter-spacing: -0.2px;
/* border:thin dotted; */
}

/* Inside pages */
#pgtop {
position: absolute;
top: 0px;
left: 0px;
width: 790px;
height: 243px;
background: #FFFFFF url("images/inside5a-60.jpg") no-repeat scroll top left;
z-index: 1;
}

#pgleft {
position: absolute;
top: 243px;
left: 0px;
width: 189px;
height: 343px;
background: #FFFFFF url("images/inside5b-60.jpg") no-repeat scroll top left;
z-index: 4;
}

#pgcal {
position: absolute;
top: 620px;
left: 5px;
width: 131px;
height: 180px;
z-index: 6;
}

#pgcaldisp {
/*
position: absolute;
top: 805px;
left: 5px;
width: 131px;
height: 80px;
z-index: 7;
*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: normal;
text-align: center;
line-height: 130%;
color: white;
}

/* disable this if using pommo mini-form in header.inc */
#pgbabel {
position: absolute;
top: 920px;
left: 5px;
width: 131px;
height: 156px;
z-index: 5;
}
/* end of pgbabel code for use without pommo mini-form */

/* uncomment when pommo mini-form is enabled in header.inc
#subscribeForm {
position: absolute;
top: 850px;
left: 5px;
width: 170px;
height: 156px;
z-index: 8;
}

#pgbabel {
position: absolute;
top: 1020px;
left: 5px;
width: 131px;
height: 156px;
z-index: 5;
}
*/

#pgbody {
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
position: absolute;
top: 243px;
left: 0px;
padding-left: 189px;
width: 601px;
z-index: 2;
/* counteract the effects of text-align:center in the BODY, which we
	needed to do to fix IE4,5,6 DIV-centering problem */
text-align: left;
}

#pgttl {
position: absolute;
top: 188px;
left: 354px;
width: 271px;
height: 52px;
color: #800080;
font-family: Verdana, Geneva, sans-serif;
font-size: 21px;
font-weight: bold;
text-align: center;
z-index: 3;
/* border:thin dotted; */
}

#bbl1 {left:723px; top:18px; width: 51px; height: 34px; letter-spacing: 0.2px;}
#bbl2 {left:535px; top:80px; width: 66px; height: 34px;}
#bbl3 {left:393px; top:27px; width: 57px; height: 34px; letter-spacing: 0.2px;}
#bbl4 {left:346px; top:101px; width: 88px; height: 34px; font-size: 15px;}
#bbl5 {left:210px; top:29px; width: 118px; height: 55px; font-size: 15px;}
#bbl6 {left:121px; top:38px; width: 78px; height: 20px;}
#bbl7 {left:16px; top:186px; width: 71px; height: 34px;}
#bbl8 {left:82px; top:94px; width: 53px; height: 34px;}
#bbl9 {left:49px; top:159px; width: 33px; height: 16px; font-size: 10px;}
#bbl10 {left:126px; top:128px; width: 124px; height: 62px; font-size: 17px;}

/* Home page background image and overlaid text */
#pghom
{
position: relative;
/* set left & right margins to 'auto' to center this DIV.
	Note: See note at top re fixing IE4,5,6, centering problems */
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 484px;
width: 790px;
background: #26448a url("images/home6-50.jpg") no-repeat scroll top left;
}

#hbl1 {left:642px; top:240px; width: 119px; height: 55px; font-size: 14px;}
#hbl2 {left:682px; top:86px; width: 64px; height: 34px; font-size: 14px;}
#hbl3 {left:528px; top:41px; width: 77px; height: 34px; font-size: 13px;}
#hbl4 {left:355px; top:101px; width: 71px; height: 34px; font-size: 12px;}
#hbl5 {left:308px; top:304px; width: 55px; height: 34px; font-size: 12px;}
#hbl6 {left:355px; top:406px; width: 61px; height: 16px; font-size: 10px;}
#hbl7 {left:519px; top:436px; width: 52px; height: 32px; font-size: 12px;}
#hbl8 {left:603px; top:348px; width: 67px; height: 34px; font-size: 13px;}
#hbl9 {left:464px; top:110px; width: 76px; height: 28px; font-size: 10px;}

/* define font sizes */
.votitle
{
font-size: 17px;
font-weight: bold;
}

.vosubtitle
{
font-size: 13px;
font-weight: normal;
}

.sectitle
{
color: #0099CC;
font-size: 16px;
font-weight: bold;
}

.secsubtitle
{
color: #0099CC;
font-size: 15px;
font-weight: normal;
/* padding-left: 40px; */
}

.jdsect
{
font-weight: bold;
}

.yellowbg
{
background-color:	#FFFF00;
}

.lightbg
{
background-color:	#99ffff;
}

.thirdfed
{
color: #0E5546;
background-color:	#9BD538;
text-decoration: none;
}

.chat
{
font-size: 16px;
font-family: "Comic Sans", "Comic Sans MS", sans-serif;
}

P,TABLE,TD,TR
{
font-family : Arial, Helvetica, sans-serif;
font-size: 13px;
}

UL
{
list-style-type: disc;
}

UL.tight
{
font-size: 11px;
line-height: 130%;
/* "need both margin-left and padding-left for this to work across all browsers" */
margin-left: 15px;
padding-left: 15px;
}

UL.taller
{
line-height: 160%;
}

a.bubble {
text-decoration: none;
line-height: 130%;
}

a.bubble:link {color: #000000}     /* unvisited link */
a.bubble:visited {color: #000000}  /* visited link */
a.bubble:hover {color: #0000cc}   /* mouse over link */
a.bubble:active {color: #000000}   /* selected link */

a.bubblew {  /* bubble w white text */
text-decoration: none;
line-height: 130%;
}

a.bubblew:link {color: #ffff00}     /* unvisited link */
a.bubblew:visited {color: #ffff00}  /* visited link */
a.bubblew:hover {color: #66FFFF}   /* mouse over link */
a.bubblew:active {color: #000000}   /* selected link */

a.home:link {color: #FFFFFF}     /* unvisited link */
a.home:visited {color: #00FFFF}  /* visited link */
a.home:hover {color: #CACACA}   /* mouse over link */
a.home:active {color: #FFFFFF}   /* selected link */

a:link {color: #254F81}     /* unvisited link */
a:visited {color: #0099CC}  /* visited link */
a:hover {color: #FF00FF}   /* mouse over link */
a:active {color: #800080}   /* selected link */

/* CSS Buttons - alternative to <input ... onClick="..."> buttons
	Usage: <a class="btn" href="xxx.php">Button 1</a>
*/
a.btn
{
text-decoration: none;
}

a.btn:link, a.btn:visited
{
/* float: center; */
margin: 2px 5px 2px 5px;
padding: 3px;
/* width: 100px; */
border-top: 2px solid #cccccc;
border-bottom: 2px solid black;
border-left: 2px solid #cccccc;
border-right: 2px solid black;
background: #eeeeff;
text-align: center;
color: #000000;
}

a.btn:hover
{
background: #ddddff;
}

a.btn:active
{
border-bottom: 2px solid #eeeeee;
border-top: 2px solid black;
border-right: 2px solid #eeeeee;
border-left: 2px solid black;
}
/* end CSS buttons */

.plainlink
{
text-decoration: none;
}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font-size:12px;
font-family : Verdana, Geneva, sans-serif;
line-height:18px;
z-index:100;
/* counteract the effects of text-align:center in the BODY, which we
	needed to do to fix IE4,5,6 DIV-centering problem */
text-align: left;
}

#dropmenudiv a{
width: auto;
display: block;
/* text-indent: 3px; */
border-bottom: 1px solid black;
padding: 1px 8px 1px 4px; /* top right bottom left */
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:link {color: darkslateblue}     /* unvisited link */
#dropmenudiv a:visited {color: slateblue}  /* visited link */
#dropmenudiv a:hover { background-color: yellow;}
#dropmenudiv a:active {color: darkslateblue}   /* selected link */

.centered
{
text-align: center;
}

TABLE.centerbox
{
background-color : #ffffc0;
margin-left:auto;
margin-right:auto;
}

TABLE.centerbox TD, TABLE.centerbox TH
{
font-size : 13px;
}

TABLE.centerborderbox
{
border:1px solid black;
background-color : #ffffc0;
margin-left:auto;
margin-right:auto;
}

TABLE.centerborderbox TD, TABLE.centerborderbox TH
{
font-size : 11px;
}

TABLE.fullwideborderbox 
{
border:1px solid black;
margin-left: auto;
margin-right: auto;
/* can't get inside borders for some reason
border-collapse: separate;
border-spacing: 2pt; */
background-color : #ffffc0;
/* hack for IE5.5 which doesn't include border in its width calculation:
   pre IE6 browsers ignore second width line
   Problem: IE6 still cuts off if width>= 95% */
width: 90%;
width/**/:/**/ 90%;
}

TABLE.fullwideborderbox TD, TABLE.fullwideborderbox TH
{
font-size : 11px;
}

TABLE.fullwhiteborderbox
{
background-color : #ffffff;
/* hack for IE5.5 which doesn't include border in its width calculation:
   pre IE6 browsers ignore second width line.
   Problem: IE6 still cuts off if width>= 95% */
width: 85%;
width/**/:/**/ 90%;
}

TABLE.fullwhiteborderbox TD, TABLE.fullwhiteborderbox TH
{
font-size : 11px;
}

/* CCC Calendar Table - sits on a background of #83a1d3 (more or less) */
TABLE.calendar
{
background-color : #83a1d3;
width: 100%;
}

TABLE.calendar TH, TABLE.calendar TD
{
font-size : 13px;
text-align: center;
}

TABLE.calcells
{
background-color : #83a1d3;
width: 100%;
}

TABLE.calcells TH
{
font-size : 12px;
text-align: center;
background-color : #0088d3;
}

TABLE.calcells TD
{
font-size : 12px;
font-weight: bold;
text-align: center;
}

TD.caldef {background-color : #5555cc;}   /* blue */
TD.today {background-color: #5555cc;}		/* blue */
TD.specevt {background-color: #ff3300;}	/* red */
TD.commevt {background-color: #999999;}	/* dk gray */
TD.meeting {background-color: #333366;}	/* black */

a.caldef, a.today, a.specevt, a.commevt, a.meeting {text-decoration: none}
a.caldef:link {color: #ffffff}
a.caldef:visited {color: #ffffff}
a.caldef:hover {color:#33FF00} 
a.caldef:active {color: #ffffff}

a.today:link {color: #ffff00}
a.today:visited {color: #ffff00}
a.today:hover {color:#33FF00} 
a.today:active {color: #ffff00}

a.specevt:link {color: #ffffff}
a.specevt:visited {color: #ffffff}
a.specevt:hover {color:#33FF00}
a.specevt:active {color: #ffffff}

a.commevt:link {color: #ffffff}
a.commevt:visited {color: #ffffff}
a.commevt:hover {color:#33FF00}
a.commevt:active {color: #ffffff}

a.meeting:link {color: #ffffff}
a.meeting:visited {color: #ffffff}
a.meeting:hover {color:#33FF00}
a.meeting:active {color: #ffffff}
/* end CCC Calendar */

IMG.framed
{
border-style: outset;
border-color: #800080;
border-width: 2px;
}

.pindent
{
padding-left: 40px;
}

.smindent
{
padding-left: 20px;
}

.largertext
{
font-size: 14px;
}

.normaltext
{
font-size: 13px;
}

.smallertext
{
font-size: 12px;
}

.smalltext
{
font-size: 11px;
line-height: 120%;
}

.xsmalltext
{
font-size: 10px;
line-height: 120%;
}

.tinytext
{
font-size: 9px;
line-height: 120%;
}

.tinyfaint
{
font-size: 9px;
line-height: 120%;
color: #cccccc;
}

.frm
{
font-size: 10px;
font-family: sans-serif;
}

.srform
{
font-family: serif;
font-size: 13px;
}

.ftrtext, .ftrlinks
{
font-size: 9px;
line-height: 130%;
text-align: center;
}

.redtxt
{
color: red;
}

/* gallery - duplicated in internationalday.css */
table.album
{
border:2px green ridge;
border-spacing: 2px 2px;
border-collapse: collapse;
background-color: #FFFFF0;
}
td.album
{
padding: 2px 4px 2px 4px; /* top, right, bottom, left */
-moz-border-radius: 0px 0px 0px 0px;
}

a.tn:link img {border: 1px solid #C0C0C0; }
a.tn:visited img {border: 1px solid #C0C0C0; }
a.tn:hover img {border: 1px solid black; }
a.tn:active img {border: 1px solid #C0C0C0; }

IMG.seltn
{
border:2px #000080 solid;
}
IMG.mainimg
{
border:1px #808080 ridge;
}
IMG.noborder
{
border-style: none;
}

.captext
{
font-size: 11px;
line-height: 130%;
}
#pictxt
{
font-size:11px;
line-height: 100%;
}