@charset "utf-8";
/* CSS Document */

*
{  
margin:0; 
padding:0; 
}

table
{ 
border-collapse:collapse; 
border-spacing:0; 
} 

fieldset,img
{  
border:0; 
} 

address,caption,cite,code,dfn,em,strong,th,var
{ 
font-style:normal; 
font-weight:normal; 
} 

ol,ul
{ 
list-style:none; 
} 

caption,th
{ 
text-align:left; 
} 

h1,h2,h3,h4,h5,h6
{ 
font-size:100%; 
font-weight:normal; 
} 

q:before,q:after
{ 
content:''; 
} 

abbr,acronym
{
border:0; 
}

strong
{
font-weight:bold;
}

em
{
font-style:italic;
}

body
{
background-color:#ffffff;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}

a
{
color:#0068AF;
}

#wrapper
{
width:960px;
margin:0 auto;
text-align:left;
}

/*HEADER*/

#header
{
width:960px;
height:120px;
}

#logo
{
width:125px;
height:102px;
margin-left:27px;
float:left;
display:inline;
}

#strapline
{
width:466px;
height:91px;
margin-left:31px;
margin-top:10px;
float:left;
}

#gift
{
margin-right:51px;
width:164px;
height:112px;
display:inline;
float:right;
}

/* /HEADER*/

/*NAVIGATION*/



#navigation
{
width:960px;
height:31px;
position:relative;
z-index:100;
}

#navigation li
{
background-image:url(images/nav-bg.jpg);
background-repeat:repeat-x;
width:129px;
float:left;
display:inline;
height:31px; /* Was 22px */
text-align:center;
/*padding-top:9px;*/
font-size:1.2em;
position:relative;
}



#navigation li:hover, #navigation li.hover
{
background-image:url(images/nav-bg-over.jpg);
}

#navigation li.last:hover
{
background-image:url(images/nav-bg-donate.jpg);
}

#navigation a
{
color:#333333;
text-decoration:none;
display:block;
height:22px; /* 100% */
padding-top:9px; /* Moved padding inside a */
}

#navigation li.last a.last
{
color:#FFFFFF;
}

#navigation ul ul li.last a.last
{
color:#333333;
}


#navigation ul ul li.last:hover, #navigation ul ul li.last.hover
{
background-image:none;
}

#navigation li.home
{
width:57px;
background-image:url(images/nav-bg-over.jpg);
}

#navigation li.home-others
{
width:57px;
}

#navigation li img
{
margin-top:-3px;
}

#navigation li.active
{
background-image:url(images/nav-bg-over.jpg);
}

#navigation ul li.last
{
background-image:url(images/nav-bg-donate.jpg);
}

#navigation li ul
{
background:#ffffcc;
position:absolute; /* Was absolute */
display:none;
width:129px;
padding:0px;
top:31px;
left:0;
z-index:199;
overflow:hidden;
}

#navigation li:hover ul, #navigation li.hover ul {display:block}

#navigation ul ul li
{
width:126px;
text-align:center;
height:auto;
font-size:100%;
border:none;
background-image:none;
/*background-color:#FFFFFF;*/
padding:8px 2px 2px 2px;
}

#navigation ul ul li.last
{
padding-bottom:8px;
background-image:none;
}

#navigation ul ul li a
{
height:auto;
}

#navigation li ul li:hover, #navigation li ul li.hover
{
background-image:none;
}

#navigation ul ul li.active
{
background-image:none;
}

#navigation a:hover { text-decoration:underline; }


/* /NAVIGATION*/

/*LEFT*/

#left
{
width:636px;
float:left;
display:inline;
}

/*
#latest
{
width:636px;
height:24px;
background-image:url(images/latest-bg.gif);
background-repeat:no-repeat;
background-position:left center;
margin:7px 0px 7px 0px;
font-size:1.3em;
}

#latest-internal
{
width:960px;
height:24px;
margin:7px 0px 7px 0px;
background-color:#0068AF;
font-size:1.3em;
}

div.lat
{
width:55px;
color:#F7D500;
float:left;
margin-right:10px;
margin-left:10px;
display:inline;
height:24px;
line-height:24px;
font-weight:bold;

}

div.tick
{
width:555px;
float:left;
display:inline;
height:24px;
line-height:24px;
color:#FFFFFF;
}

div.tick ul
{
display:block;
height:24px;
overflow:hidden;
width:555px;
}

div.tick ul li
{
display:block;
height:24px;
width:555px;
}

*/

.ticker { background:#0068af; height:24px; margin:7px 0; }
.ticker-home { background:#0068af url(images/ticker-home.gif) no-repeat center right; }
.ticker .latest-text { color:#f7d500; display:inline; float:left; font-size:1.3em; font-weight:bold; height:24px; line-height:24px; margin:0 10px; }
.ticker ul { height:24px; margin:0 10px; overflow:hidden; }
.ticker li { color:#ffffff; display:block; font-size:1.3em; height:24px; line-height:24px; }
.ticker a { color:#ffffff; text-decoration:underline; }
.ticker a:hover { text-decoration:none; }
	
#slideshow-outer
{
width:625px;
height:307px;
margin-bottom:7px;
float:right;
display:inline;
position:relative;
}

#slideshow-mask
{
position:absolute;
z-index:2;
width:625px;
height:307px;
background:url(images/slideshow-mask.png);
}

#slideshow
{
width:625px;
height:307px;
overflow:hidden;
position:absolute;
z-index:1;
}

#slideshow img 
{
display:block;
height:307px; 
width:625px; 
}

#get-involved
{
width:289px;
height:101px;
float:right;
background-image:url(images/get-involved.jpg);
background-repeat:no-repeat;
display:inline;
padding:8px 10px 2px 10px;
}

#get-involved.small
{
width:289px;
height:53px;
background-image:url(images/get-involved-sm.jpg);
float:none;
display:block;
margin-bottom:10px;
padding:9px 10px 1px 10px;
}

#get-involved h3
{
font-size:2em;
color:#FFFFFF;
padding-bottom:5px;
font-weight:bold;
}

#get-involved p
{
font-size:1.2em;
color:#FFFFFF;
padding-bottom:7px;
}

#get-involved a
{
color:#FFFFFF;
text-decoration:none;
}

#get-involved a:hover
{
text-decoration:underline;
}

#donate
{
width:289px;
height:101px;
float:right;
background-image:url(images/donate.jpg);
background-repeat:no-repeat;
margin-left:8px;
display:inline;
padding:8px 10px 2px 10px;
}

#donate.small
{
width:289px;
height:53px;
background-image:url(images/donate-sm.jpg);
margin:0px;
padding:9px 10px 1px 10px;
float:none;
display:block;
margin-bottom:10px;
}

#donate h3
{
font-size:2em;
color:#FFFFFF;
padding-bottom:5px;
font-weight:bold;
}

#donate p
{
font-size:1.2em;
color:#FFFFFF;
padding-bottom:7px;
}

#donate a
{
color:#FFFFFF;
text-decoration:none;
}

#donate a:hover
{
text-decoration:underline;
}

/*
#sub-nav
{
float:left;
width:140px;
}

#sub-nav ul
{
margin-left:10px;
}

#sub-nav li
{
font-size:1.4em;
font-weight:bold;
padding-bottom:8px;
margin-bottom:8px;
}

#sub-nav a
{
color:#0068AF;
text-decoration:none;
padding-bottom:10px;
}

#sub-nav a:hover
{
background-image:url(images/sub-nav-under.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

#sub-nav a.active
{
background-image:url(images/sub-nav-under.gif);
background-repeat:no-repeat;
background-position:left bottom;
}



#sub-nav ul ul
{
margin-top:14px;
margin-left:5px;
}

#sub-nav ul ul li
{
font-size:90%;
font-weight:normal;
padding-bottom:0px;
margin-bottom:7px;
background-image:none;
}

#sub-nav ul ul li.active
{
background-image:none;
}

#sub-nav ul ul li a
{
color:#666666;
}

#sub-nav ul ul li a.active
{
background-image:none;
color:#000000;
}

#sub-nav ul ul li a:hover
{
color:#000000;
background-image:none;
}

*/

#sub-nav { float:left; width:140px; }
#sub-nav ul li, #sub-nav li.active a { display:none; }
#sub-nav ul li.active, #sub-nav ul li.active li { display:list-item; }
#sub-nav li.active ul a { display:inline; }

#sub-nav li.active ul { margin-left:10px; }
#sub-nav li.active ul li { font-size:1.4em; font-weight:bold; padding-bottom:8px; margin-bottom:8px; }
#sub-nav li.active a
{
color:#0068AF;
text-decoration:none;
padding-bottom:5px;
line-height:20px;
}

#sub-nav li.active ul a:hover, #sub-nav li.active ul a.active
{
background-image:url(images/sub-nav-underline.gif);
background-repeat:repeat-x;
background-position:left bottom;
}

#sub-nav li.active ul ul
{
margin-top:14px;
margin-left:5px;
}

#sub-nav li.active ul ul li
{
font-size:90%;
font-weight:normal;
padding-bottom:0px;
margin-bottom:7px;
background-image:none;
}

#sub-nav li.active ul ul li.active
{
background-image:none;
}

#sub-nav li.active ul ul li a
{
color:#666666;
}

#sub-nav li.active ul ul li a.active
{
background-image:none;
color:#000000;
}

#sub-nav li.active ul ul li a:hover
{
color:#000000;
background-image:none;
}

#content
{
float:left;
width:490px;
}

#content-wide
{
float:left;
width:620px;
}

#breadcrumbs
{
font-size:1.2em;
margin-bottom:10px;
}

#breadcrumbs a
{
color:#333333;
text-decoration:none;
}

#breadcrumbs a:hover
{
text-decoration:underline;
}

#jwtb
{
padding:0px 10px 20px 10px;
}


#jwtb.home
{
padding:20px;
clear:both;
}

#jwtb h1
{
color:#0068AF;
padding-bottom:15px;
font-size:2em;
}

#jwtb h2
{
color:#000000;
padding-bottom:7px;
font-size:1.8em;
}

#jwtb h3
{
color:#333333;
padding-bottom:4px;
font-size:1.6em;
}

#jwtb h4
{
color:#333333;
padding-bottom:2px;
font-size:1.4em;
}

#jwtb h5
{
color:#333333;
padding-bottom:1px;
font-size:1.3em;
}

#jwtb h6
{
color:#333333;
padding-bottom:0px;
font-size:1.3em;
}

#jwtb p
{
font-size:1.3em;
line-height:1.4em;
padding-bottom:15px;
}

#jwtb ul, #jwtb ol
{
margin:0px 0px 15px 35px;
}

#jwtb li
{
font-size:1.3em;
line-height:1.4em;
list-style-type:disc;
margin-bottom:3px;
}

#jwtb ul ul li, #jwtb ol ul li
{
font-size:100%;
list-style-type:circle;
}

#jwtb ol li
{
list-style-type:decimal;
}

#jwtb ul ul, #jwtb ol ul
{
margin-bottom:0px;
}

/* Photos with title text will be placed
   inside a div.photo and the title text
   is placed inside a div.title          */

#jwtb div.photo {}
#jwtb div.photo img {}
#jwtb div.photo div.title { background:#0068af; color:#ffffff; font-size:0.69em; line-height:1.1em; padding:5px; }


div.thankyou
{
padding-top:10px;
}

div.news-summary
{
margin-bottom:20px;
}

div.thumb
{
width:100px;
height:100px;
float:left;
}

div.summary
{
width:350px;
float:right;
margin-left:10px;
}

div.summary p.nopadding
{
padding-bottom:0px;
}


div.summary h2 a
{
text-decoration:none;
}


/* /LEFT*/

/*RIGHT*/

#right
{
width:309px;
float:right;
margin:2px 6px 0px 0px;
display:inline;
padding-bottom:20px;
}

#latest-news
{
width:279px;
height:322px;
background-image:url(images/latest-news.jpg);
background-repeat:no-repeat;
padding:10px 15px 10px 15px;
}

div.latest-news-h2
{
width:279px;
height:50px;
}

div.latest-news-h2 h2
{
color:#0068AF;
padding:4px 0px 0px 60px;
font-size:2em;
font-weight:bold;
}

div.latest-news-summary
{
margin-bottom:6px;
}

div.latest-news-summary h3
{
color:#0068AF;
font-size:1.6em;
padding-bottom:3px;
}

div.latest-news-summary a
{
color:#0068AF;
text-decoration:none;
}

div.latest-news-summary a:hover
{
text-decoration:underline;
}

div.latest-news-summary p
{
font-size:1.2em;
padding-bottom:2px;
}

/* News archive pagination styling */
.ditto_pages { margin-bottom:15px; }
.ditto_currentpage, .ditto_page { border:1px solid #cccccc; display:inline; float:left; font-size:1.2em; height:20px; line-height:20px; margin:0 3px 3px 0; text-align:center; width:20px; }

#newsletter
{
width:289px;
height:101px;
background-image:url(images/newsletter.jpg);
background-repeat:no-repeat;
margin-top:8px;
margin-right:2px;
padding:8px 10px 2px 10px;
}

	
#newsletter h3
{
font-size:2em;
color:#FFFFFF;
padding-bottom:5px;
font-weight:bold;
}

#newsletter p
{
font-size:1.2em;
color:#FFFFFF;
padding-bottom:7px;
}

#newsletter a
{
color:#FFFFFF;
text-decoration:none;
}

#newsletter a:hover
{
text-decoration:underline;
}

#newsletter input
{
width:200px;
padding:3px;
}

#newsletter input.auto
{
width:auto;
}





div.promo-top
{
width:309px;
height:50px;
background-image:url(images/promo-top.jpg);
background-repeat:no-repeat;
margin-top:10px;
}

div.follow-us-top
{
width:309px;
height:57px;
background-image:url(images/follow-us-top.jpg);
background-repeat:no-repeat;
margin-top:10px;
}

div.supporter-top
{
width:309px;
height:60px;
background-image:url(images/supporter-top.jpg);
background-repeat:no-repeat;
margin-top:10px;
}

div.lottery-top
{
width:309px;
height:56px;
background-image:url(images/lottery-top.jpg);
background-repeat:no-repeat;
margin-top:10px;
}

div.promo-top h3
{
color:#0068AF;
padding:17px 0px 0px 80px;
font-size:1.4em;
font-weight:bold;
}

div.follow-us-top h3
{
color:#0068AF;
padding:13px 0px 0px 80px;
font-size:1.4em;
font-weight:bold;
}

div.supporter-top h3
{
color:#0068AF;
padding:21px 0px 0px 50px;
font-size:1.4em;
font-weight:bold;
}

div.lottery-top h3
{
color:#0068AF;
padding:21px 0px 0px 120px;
font-size:1.4em;
font-weight:bold;
}

div.generic-middle
{
width:279px;
background-image:url(images/generic-middle.jpg);
background-repeat:repeat-y;
padding:12px 15px 10px;
font-size:1.2em;
}

div.generic-middle img
{
padding:5px;
}

div.follow-middle
{
width:279px;
background-image:url(images/generic-middle.jpg);
background-repeat:repeat-y;
padding:12px 15px 10px;
font-size:1.2em;
}

div.follow-middle ul
{
margin-top:10px;
}

div.follow-middle li
{
display:inline;
margin-right:5px;
}

div.generic-bottom
{
width:309px;
height:11px;
background-image:url(images/generic-bottom.jpg);
background-repeat:no-repeat;
}


/* /RIGHT*/


/*FOOTER*/

#footer
{
clear:both;
border-top:#FFD106 4px solid;
background-color:#0068AF;
color:#FFFFFF;
width:960px;
height:50px;
font-size:1.1em;
}

#footer a
{
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover
{
text-decoration:underline;
}

#footer-left
{
width:70px;
float:left;
display:inline;
margin-left:25px;
margin-top:10px;
}

#footer-left li
{
display:inline;
margin-left:5px;
}

#footer-middle
{
width:550px;
float:left;
display:inline;
margin-left:15px;
margin-top:10px;
}

#footer-right
{
width:250px;
float:right;
display:inline;
margin-top:10px;
margin-right:25px;
text-align:right;
}

#footer-right li
{
display:inline;
margin-left:10px;
}



/* /FOOTER*/

div.clear
{
clear:both;
}

.largered
{
color: #990000;
font-size:1.8em;
}

/* For the newsletter form */
.form label, .form .label, .form .text, .form textarea, .form .verimage, .form .submit { color:#333333; float:left; font:13px Arial,sans-serif; margin:5px 0; padding:3px; }
.form label, .form .label { display:block; width:200px; }
.form .text, .form textarea { border:1px solid #cccccc; width:242px; }
.form .verimage { border:1px solid #cccccc; padding:0; }
.form br { clear:left; }
.errors { color:#ff0000; font-size:1.3em; padding-bottom:15px; }