body, html#clapakidz { background-color:#802379; font-size:12px; }
body { background-color:#802379; color:white; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
a, a h4, a h5, a h6 { color:#D44D13; text-decoration:underline; cursor:pointer; border:none; }
a:hover, a:hover h4, a:hover h5, a:hover h6 { color:#BF2812; color:#F58120; }
img { border:none; }
strong, b { font-weight:bold }
em, i { font-style:italic }


h1, h2, h3, h4, h5, h6 { margin: 0 0 0.3em 0; font-weight:bold; color: #802379; }

h1 { font-size:30px; line-height:1em; }
h2 { font-size:24px; line-height:1em; }

/* box heading */
h3 { font-size:18px; color:#6db130; }

/* content headings */
h4 { font-size:14px; }
h5 { font-size:13px; }
h6 { font-size:12px; }

p, ul, ul.article_list li ul, ol { margin:0 0 0.7em 0; padding:0;  }
li, ul.article_list ul li {padding: 0 0 0 22px; background-image:url(../graphics/bullet.gif); background-repeat:no-repeat; background-position:5px  0.3em;  list-style:none; list-style-type:none; zoom:1;}

ol {padding: 0 0 0 12px; list-style:decimal  }
ol li { padding: 0; margin-left:10px; background-image:none; list-style-type:decimal; zoom:0;}

/* for the Tiny MCE content editor */
body.mceContentBody { background-color:white !important; background-image:none; color:black; padding:10px; }

/*================================================
shell
================================================*/
#header, #page, #footer { font-size:100%; line-height:16px;line-height:1.31; }
#content { width:960px; overflow:hidden; clear:both; }
#page { background-color:#96298E; padding:10px 0; }
#col1, #col2, #col3 { float:left; display:inline; }

/*================================================
header
================================================*/
h1 { position:absolute; left:15px; top:10px; zoom:1; z-index:1; }
#header { width:100%; height:125px; background-image:url(../graphics/header_curve.gif); background-repeat:repeat-x; background-color:#96298E; }
#nav { position:absolute; left:271px; width:666px; height:120px; }
#nav li { display:block; position:absolute; padding:0; background-image:none; }
#nav li a { text-indent:-9999px; display:block; width:100%; height:100%;  background-image:url(../graphics/nav_buttons.gif);}

/* nav buttons */
body #nav #home { width:100px; height:43px; left:0; top:11px;}
body #nav #home a { background-position:0 -11px;}
body #nav #home a:hover { background-position:0 -131px;}
body#home #nav #home a { background-position:0 -251px;}

#nav #about_us { width:77px; height:46px; left:19px; top:66px; }
#nav #about_us a { background-position:-19px -66px;}
#nav #about_us a:hover { background-position:-19px -186px;}
body#about_us #nav #about_us a { background-position:-19px -306px;}

#nav #articles { width:89px; height:37px; left:117px; top:17px; }
#nav #articles a { background-position:-117px -17px;}
#nav #articles a:hover { background-position:-117px -137px;}
body#articles #nav #articles a { background-position:-117px -257px;}

#nav #games { width:79px; height:49px; left:109px; top:62px; }
#nav #games a { background-position:-109px -62px;}
#nav #games a:hover { background-position:-109px -182px;}
body#games #nav #games a { background-position:-109px -302px;}

#nav #have_your_say { width:89px; height:43px; left:227px; top:11px; }
#nav #have_your_say a { background-position:-227px -11px;}
#nav #have_your_say a:hover { background-position:-227px -131px;}
body#have_your_say #nav #have_your_say a { background-position:-227px -251px;}

#nav #dr_clip { width:82px; height:51px; left:204px; top:60px; }
#nav #dr_clip a { background-position:-204px -60px;}
#nav #dr_clip a:hover { background-position:-204px -180px;}
body#dr_clip #nav #dr_clip a { background-position:-204px -300px;}

#nav #photos { width:76px; height:36px; left:336px; top:15px; }
#nav #photos a { background-position:-336px -15px;}
#nav #photos a:hover { background-position:-336px -135px;}
body#photos #nav #photos a { background-position:-336px -255px;}

#nav #left_clip { width:90px; height:46px; left:315px; top:65px; }
#nav #left_clip a { background-position:-315px -65px;}
#nav #left_clip a:hover { background-position:-315px -185px;}
body#left_clip #nav #left_clip a { background-position:-315px -305px;}

#nav #events { width:76px; height:34px; left:417px; top:42px; }
#nav #events a { background-position:-417px -42px;}
#nav #events a:hover { background-position:-417px -162px;}
body#events #nav #events a { background-position:-417px -282px;}

#nav #contact_us { width:99px; height:37px; left:437px; top:76px; }
#nav #contact_us a { background-position:-437px -76px;}
#nav #contact_us a:hover { background-position:-437px -196px;}
body#contact_us #nav #contact_us a { background-position:-437px -316px;}

#nav #mailing_list { width:101px; height:35px; left:532px; top:41px; }
#nav #mailing_list a { background-position:-532px -41px;}
#nav #mailing_list a:hover { background-position:-532px -161px;}
body#mailing_list #nav #mailing_list a { background-position:-532px -281px;}

#nav #council { width:108px; height:31px; left:551px; top:85px; }
#nav #council a { background-position:-551px -85px;}
#nav #council a:hover { background-position:-551px -205px;}
body#council #nav #council a { background-position:-551px -325px;}

/* site search */
#site_search { position:absolute; left:710px; background-color:#293b96; overflow:hidden; zoom:1; padding:4px; width:235px; }
#site_search * { float:left; margin-right:3px; }
#site_search .text {  border: solid 1px #27A7DF; padding:2px; margin:2px 0 0 0; width:160px;  }
#site_search .button {  margin-left:2px;  }

/*================================================
section headings
================================================*/
h2 { background-color:#29aae2; padding:25px 25px 15px 25px; background-image:url(../graphics/page_heading_bg.gif); margin-left:10px; height:25px; color:#FFFFFF; margin-bottom:10px; }
h2 a { display:block; text-indent:-9999px; background-repeat:no-repeat; height:25px; color:#FFFFFF; }
body#have_your_say h2 a { background-image:url(../graphics/page_headings/have_your_say.gif); }
body#articles h2 a { background-image:url(../graphics/page_headings/articles.gif); }
body#about_us h2 a { background-image:url(../graphics/page_headings/about_us.gif); }
body#photos h2 a { background-image:url(../graphics/page_headings/photos.gif); }
body#left_clip h2 a { background-image:url(../graphics/page_headings/left_clip.gif); }
body#events h2 a { background-image:url(../graphics/page_headings/events.gif); }
body#contact_us h2 a { background-image:url(../graphics/page_headings/contact_us.gif); }
body#mailing_list h2 a { background-image:url(../graphics/page_headings/mailing_list.gif); }
body#games h2 a { background-image:url(../graphics/page_headings/games.gif); }
body#dr_clip h2 a { background-image:url(../graphics/page_headings/dr_clip.gif); }
body#council h2 a { background-image:url(../graphics/page_headings/council.gif); }
body#competitions h2 a { background-image:url(../graphics/page_headings/competitions.gif); }


/*================================================
Page cols
================================================*/

body.cols_3_4_5 #col1 { width:240px; }
body.cols_3_4_5 #col2 { width:320px; }
body.cols_3_4_5 #col3 { width:400px; }

body.cols_5_4_3 #col1 { width:400px; }
body.cols_5_4_3 #col2 { width:320px; }
body.cols_5_4_3 #col3 { width:240px; }

body.cols_4_5_3 #col1 { width:320px; }
body.cols_4_5_3 #col2 { width:400px; }
body.cols_4_5_3 #col3 { width:240px; }

body.cols_6_6 #col1 { width:480px; }
body.cols_6_6 #col2 { width:480px; }

body.cols_7_5 #col1 { width:560px; }
body.cols_7_5 #col2 { width:400px; }

body.cols_8_4 #col1 { width:640px; }
body.cols_8_4 #col2 { width:320px; }

body.cols_4_8 #col1 { width:320px; }
body.cols_4_8 #col2 { width:640px; }

body.cols_12 #col1 { width:960px; }



/*================================================
widgets 
================================================*/

/* box (box2 is the javascript replaced verion with rounded corners) */
.box, .box2 { margin-left:10px;  color: black; background-color:white; border:solid 3px #29AAE2; zoom:1; position:relative; margin-bottom:10px; }
.box { padding:10px; overflow:hidden; }
.box2 { padding:0; }
.box2 div { background-repeat:no-repeat; }
.box2 div.tl { background-image:url(../graphics/corners/blue/tl.gif); margin:-3px; overflow:hidden; border:none; zoom:1; position:relative; }
.box2 div.tl div.tr { background-image:url(../graphics/corners/blue/tr.gif); margin:0; background-position:right top; overflow:hidden; border:none; zoom:1; }
.box2 div.tl div.tr div.br { background-image:url(../graphics/corners/blue/br.gif); margin:0; background-position:right bottom; overflow:hidden; border:none; zoom:1; }
.box2 div.tl div.tr div.br div.bl { background-image:url(../graphics/corners/blue/bl.gif); margin:0; padding:13px; background-position: left bottom; overflow:hidden; border:none; z-index:100; zoom:1; }

/* green box */
.box2.green, .box.green { border-color:#8CC640;}
.box2.green div.tl { background-image:url(../graphics/corners/green/tl.gif); }
.box2.green div.tl div.tr { background-image:url(../graphics/corners/green/tr.gif); }
.box2.green div.tl div.tr div.br { background-image:url(../graphics/corners/green/br.gif); }
.box2.green div.tl div.tr div.br div.bl { background-image:url(../graphics/corners/green/bl.gif); }

/* yellow box */
.box2.yellow, .box.yellow { border-color:#fae823;}
.box2.yellow div.tl { background-image:url(../graphics/corners/yellow/tl.gif); }
.box2.yellow div.tl div.tr { background-image:url(../graphics/corners/yellow/tr.gif); }
.box2.yellow div.tl div.tr div.br { background-image:url(../graphics/corners/yellow/br.gif); }
.box2.yellow div.tl div.tr div.br div.bl { background-image:url(../graphics/corners/yellow/bl.gif); }

/* orange box */
.box2.orange, .box.orange { border-color:#F58120;}
.box2.orange div.tl { background-image:url(../graphics/corners/orange/tl.gif); }
.box2.orange div.tl div.tr { background-image:url(../graphics/corners/orange/tr.gif); }
.box2.orange div.tl div.tr div.br { background-image:url(../graphics/corners/orange/br.gif); }
.box2.orange div.tl div.tr div.br div.bl { background-image:url(../graphics/corners/orange/bl.gif); }

/* special boxes */
.box.pic_right img, .box2.pic_right img { float:right; margin-left:10px; }
/*
.box.main { padding:22px; }
.box2.main div.tl div.tr div.br div.bl { padding:25px; }
*/
/* article list */


ul.article_list { border-bottom:dashed 1px #B4E0EF; padding-top:0px; margin:0 -5px 10px -5px; }
ul.article_list li { background-image:none; padding:0; padding:5px; border-top:dashed 1px #B4E0EF; overflow:hidden; zoom:1; min-height:70px; }
ul.article_list a:hover { background-color:#FDF8BD; background-color:#DFEAED; }
ul.article_list h3 { text-decoration:underline; }
ul.article_list p { color:black; margin:0; }
ul.article_list img { float:right; margin-left:0 0 0 10px; border:solid 1px #B4E0EF; }
ul.article_list img.left { float:left; margin: 0 10px 0 0; }
ul.article_list .date { color:grey; font-size:11px; }

ul.article_list ul { border-bottom:none; margin:0 0 0.7em 0;; padding-top:0px; } 
ul.article_list ul li { margin:0; overflow:auto; min-height:0; border-top:none; } 


a.more { font-weight:bold; }

img.left { float:left; margin: 0 10px 10px 0; }
img.right { float:right; margin: 0 0 10px 10px; }


.paginate { clear:both; margin-top:0.5em; border-top:dashed 1px #5C3474; padding-top:10px; }
.paginate.pages1 { display:none; }

#comment_form { margin-top:10px; padding-top:5px;  }
#comment_form label { display:block; padding-top:4px;  }
#comment_form textarea { width:100%  }
#comment_form input.text { width:400px;  }

ol#comments  li { background-color:#f0ebda; margin-bottom:2px; background-image:none; padding:7px; overflow:hidden; zoom:1; }
 ol#comments  li img.avatar { float:left; margin-right:7px; display:inline; }
 ol#comments  li div.comment { float:left; display:inline; width:520px; }
 ol#comments  li div.comment .posted { margin-bottom:5px; font-size:11px;}
 
.paginate.comments { clear:both; margin-top:10px; border-bottom:dashed 1px #5C3474; border-top:none; padding: 0 0 10px 0; }

/* feature box */
.box.feature div.tl,
.box2.feature div.tl
 { background-image:url(../graphics/corners/blue_solid/tl.gif); }
.box.feature div.tl div.tr,
.box2.feature div.tl div.tr
 { background-image:url(../graphics/corners/blue_solid/tr.gif); }
.box.feature h3,
.box2.feature h3
 { margin: -10px -5px 0px -5px; background-color:#29AAE2; color:white; padding:10px 5px 5px 5px; }
.box.feature img,
.box2.feature img 
{ margin: 0px -10px 10px -10px; }
.box.feature p,
.box2.feature p 
{ margin-bottom: 0; }

.random_pics { margin-bottom: 3px; margin-left:-9px; overflow:hidden; }
.random_pics a { display:block; margin: 0 0 9px 9px;  float:left; display:inline; }
.random_pics a { border: solid 1px #B22A13; }

/*================================================
footer
================================================*/
#footer { padding:30px 10px 10px 10px; background-image:url(../graphics/footer_curve.gif); background-repeat:repeat-x; font-size:11px}
#footer a { color:white; }



/*================================================
Homepage
================================================*/
body#home h2 { display:none; }
body#home #main_pic { float:left; margin-left:10px; display:inline; width:550px; height:415px; overflow:visible; margin-bottom:0; }
body#home #whats_new.box2 { width:384px; float:left; display:inline; margin-bottom:0; }
body#home #whats_new.box { width:364px; float:left; display:inline; margin-bottom:0; }
body#home .box_row { overflow:hidden; zoom:1; margin-bottom:10px; }
body#home .three_col { overflow:hidden; zoom:1; clear:both; }
body#home .three_col .box2 { width:304px; float:left; display:inline; }
body#home .three_col .box { width:284px; float:left; display:inline; }

/* basic 2 col */
body.basic2col .col1 { width:640px;float:left; } 
body.basic2col .col2 { width:320px; float:left; } 



/*================================================
Articles
================================================*/
body#articles div.description { float:left; width:200px; margin-right:20px; display:inline; }
body#articles ul.article_list { float:right; width:380px; }


/*================================================
Photos
================================================*/
body#photos #col1 h3 { border-bottom:dashed 1px #8CC640; margin-bottom:10px; }
body#photos #col1 td.categories h3, body#photos #col2 td.categories h4 {  margin-bottom:0; }
body#photos #col2 td.categories h4 {  padding-bottom:0; }
body#photos #col1 h4 { display:inline; }
body#photos td { padding-bottom:5px; }
body#photos .categories { margin-bottom:10px; }
body#photos table.thumbs { border:solid 1px white; }
body#photos td.thumbs { background-color:#white; border:solid 1px white; text-align:center; font-size:10px; vertical-align:middle; color: #B22A13; }
body#photos td.thumbs a { text-decoration:none; display:block; padding:5px; color: black; }
body#photos td.thumbs a:hover { /* background-color:#FDCE3F; */ ; }
body#photos td.thumbs span { display:block; /* background-color:#FDCE3F; text-decoration:underline; */ }
body#photos td.thumbs a:hover span { /* background-color:#FDCE3F; text-decoration:underline; */ }
body#photos td.thumbs img { margin-bottom:5px; border:solid 2px white; }
body#photos td.thumbs a:hover img { margin-bottom:5px; border:solid 2px #F58120; }
body#photos .breadcrumb { margin-bottom:10px;  }
body#photos .pic_med { text-align:center; margin-bottom:10px; padding-bottom:10px;border-bottom:dashed 1px #8CC640;  }
body#photos .paginate { border-color: #8CC640;  }

/* new format */
body#photos .gallery_thumbs { margin-left:-10px; }
body#photos .gallery_thumbs a {text-align:center; font-size:10px; display:inline; float:left; margin-left:10px; height:130px; width:130px; padding:5px; text-decoration:none; }
body#photos .gallery_thumbs a span { display:block; }
body#photos .gallery_thumbs a:hover span {  }
body#photos .gallery_thumbs a img { margin-bottom:5px; border:solid 2px white; }
body#photos .gallery_thumbs a:hover img { margin-bottom:5px; border:solid 2px #F58120; }


/*================================================
Left Clip
================================================*/
body#left_clip .box.latest img,
body#left_clip .box2.latest img
 { margin: 2px 10px 2px 2px; float:left; }
body#left_clip .box.latest div.text,
body#left_clip .box2.latest div.text
 {  float:left; width: 280px; }
body#left_clip h2 { background-image:url(../graphics/page_heading_bg_470.gif); }



/*================================================
Events
================================================*/
body#events .box.feature,
body#events .box2.feature 
{ margin-bottom:0; }
body#events .event_info { margin-bottom:10px; padding:10px 0; border-top:dashed 1px #5C3474; border-bottom:dashed 1px #5C3474; }
body#events h2.index { background-image:url(../graphics/page_heading_bg_230.gif); }



/*================================================
Contact Us
================================================*/
body#contact_us #col1 input,
body#contact_us #col1 textarea 
{ margin-bottom:10px; clear:both; }

/*================================================
Mailing list
================================================*/
body#mailing_list #col1 form { border-bottom:dashed 1px #5C3474; padding-bottom:10px; margin-bottom:10px; }
body#mailing_list a.rss_link { background-image:url(../graphics/feed-icon-16x16.gif); background-repeat:no-repeat; height:24px; font-size:14px; padding-left: 20px; font-weight:bold; }

/*================================================
Dr Clip
================================================*/
/* questions page */
body#dr_clip img#dr_clip,
body#dr_clip img#dr_clip  
{ margin:10px; }

body#dr_clip .box.questions ul,
body#dr_clip .box2.questions ul  
{ width:340px; }

body#dr_clip .box.questions ul li ,
body#dr_clip .box2.questions ul li 
{ background-image:none; padding-left:0; }

body#dr_clip .box.questions ul li ul ,
body#dr_clip .box2.questions ul li ul 
{ margin-bottom: 1em; }

body#dr_clip .box.questions ul li ul li ,
body#dr_clip .box2.questions ul li ul li 
{  padding-left:20px; margin-bottom: 0.3em; background-image:url(../graphics/faq_q_bullet.gif); background-position:0 1px; }
body#dr_clip .box.questions h3 ,
body#dr_clip .box2.questions h3 
{ margin-bottom:0.5em; border-bottom:dashed 1px #5C3474; }
/* answer page */
body#dr_clip #col1 h4.question { background-image:url(../graphics/faq_q.gif); padding-left:30px; background-repeat:no-repeat; margin:1em 0; }
body#dr_clip div.answer { background-image:url(../graphics/faq_a.gif); padding-left:30px; background-repeat:no-repeat; }

/* ask page */
body#dr_clip form#contact_form input,
body#dr_clip form#contact_form textarea 
{ margin-bottom:10px; clear:both; }


/*================================================
=council
================================================*/
body#council ul.members { padding:0; margin:0; }
body#council ul.members li { float:left; width:170px; padding:0; background-color:#27A0D5; background-image:none; margin:9px 0 9px 18px; }
body#council ul.members span { display:block; text-align:center; margin:1px 0 0 0; background-color:#e6791e; color:white;  color:white; text-decoration:none; padding:3px; font-weight:bold; }
body#council ul.members a { display:block; text-decoration:none; padding:10px; }
body#council ul.members a:hover { background-color:#8CC640; }
body#council ul.members a:hover span { background-color:#F58120; }

body#council .box.profile img,
body#council .box2.profile img 
{ float:right; margin: 0 0 10px 10px; }
body#council .box.profile h4,
body#council .box2.profile h4
 { font-size:18px; }

body#council .box#councillor_links ul li,
body#council .box2#councillor_links ul li
 { float:left; width:110px; margin:0 10px 0.5em 0; }
 
body#council .box#councillor_links ul li { float:left; width:110px; margin:0 10px 0.5em 0; }
body#council #col1 input,
body#council #col1 textarea 
{ margin-bottom:10px; clear:both; }

/*================================================
=have_your_say
================================================*/
body#have_your_say #col1 input,
body#have_your_say #col1 textarea 
{ margin-bottom:10px; clear:both; }
body#have_your_say #col1 .comment 
{ margin-bottom:10px; border-bottom:dashed 1px #B4E0EF; }

/*================================================
=competitions
================================================*/
body#competitions .option input { vertical-align:middle; }
body#competitions .option { margin-bottom:5px;  }
body#competitions label { display:block; width:400px;  }
body#competitions #freeform input.text {  width:300px; margin-bottom:10px;  }
body#competitions li label { display:inline;   }
body#competitions table td { padding:2px 5px; border:solid 1px #F4CD4C;   }
body#competitions table th { padding:2px 5px; border:solid 1px #F4CD4C; background-color:#5C3474; color:white;   }

/* for one-off launch comp */
body#competitions #name_comp .character { width:180px; float:left; text-align:center; padding:10px; }
body#competitions #name_comp .character label { width:160px; display:inline; }
body#competitions #name_comp .character input { width:160px; display:inline; }
body#competitions #name_comp #freeform #your_details { border-top:dashed 1px #5C3474; clear:both; padding:20px; }

body#competitions h2.names_comp { background-image:url(../graphics/page_heading_bg_310.gif); }

/*================================================
=games
================================================*/
body#games #girl_laughing {float:right}
body#games ul { float:left; }
body#games ul li { float:none; background-image:none; padding:0; display:block; clear:both; margin-bottom:10px; overflow:hidden; zoom:1; }
body#games ul li img { float:left; margin-right:10px; display:inline; }
body#games ul li p { margin-bottom:0.3em; }
body#games ul li .text { float:left; width:260px; display:inline; border-bottom:dashed 1px #29AAE2; }
body#games #jigsaw { width:604px; height:419px; }
body#games #wordsearch_game { width:604px; height:450px; }

/*================================================
=winter2008
================================================*/
/*
body { background-image:url(../graphics/header_curve2.gif); background-repeat:repeat-x; }
#header { background-image:url(../graphics/header_curve_winter.gif); background-repeat:no-repeat; background-color:transparent; }
#page { background-image:url(../graphics/header_curve_winter.gif); background-repeat:no-repeat; background-position:0 -125px; }
h1 { left:0px; width:265px; }
h1 a { left:0px; width:265px; display:block; }
*/