/*
-----------------------------------------------
Mencap Cymru  
Author:www.imaginet.co.uk
Version:21 Nov 2007 
----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   color:#81C151;
   font-weight:bold;
   text-decoration:none;
}
a:hover {
   color:#81C151;
   text-decoration:underline;
}
a img {
   border:0;
}
p {
   margin:1em 0 1em 0;
   line-height:1.5em;
}
ul {
   list-style-type:none;
}

.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#FC8131;
}



/* Page Structure
----------------------------------------------- */

html body {
   margin:0 0 0 0;
   background:#fff url("graphics/bg01.jpg") repeat-x bottom;
   color:#000;
   text-align:center;
   font-family: Arial, Verdana, Sans-serif; 
}
#masthead {
   width:894px;
   background-color:#fff;
   margin:0 auto;   
}
#top {
   width:894px;
   color:#7FC34C;
   text-align:left;
   background-color:#fff;
   margin:0 auto; 
   padding:0px;
}
#page {
   width:880px;
   background-color:#fff;
   background:#fff url("graphics/page_bg.gif") repeat-y top;
   margin:0 auto;
   padding:10px 0 0 14px;
}
#main {
   width:828px;
   text-align:left;
   background-color:#f8fef0;
   margin:0px;
   padding:10px 5px 10px 20px; 
}
#main ul li {
   background:url("graphics/bullet.gif") no-repeat 0px 4px;
   padding:0px 10px 1.3em 20px;
   margin:0;
}





/* Footer 
----------------------------------------------- */

#footer {
   width:894px;
   background:#f8fef0 url("graphics/footer.jpg") no-repeat left bottom;
   margin:0 auto;
   padding:21px 0 26px 0;
   text-align:left;
   color:#000;
}
#footer table {
   margin:0 auto;
}
#footer td {
 padding:0 10px 0 0;
}
.sitemap {
  color:#fc8131;
}
#logos {
   width:897px;
   text-align:left;
   background-color:#fff;
   margin:0 auto;   
}
#access {
 width:870px;
}
.dots {
   width:855px;
   text-align:left;
   margin:0 auto; 
}
#footernav {
   padding:15px;
   color:#81C151;
}



/* Langswap
----------------------------------------------- */

#access .langswap {
  text-align:left;
  float:left;
  width:410px;
  padding:6px 0 5px 15px ;
  margin:0;
}
#access .langswap a {
  font-size:1.2em;
  font-weight:bold;
  text-decoration:none;
  padding:0 20px 0 5px;
  
}
#access .langswap a:hover {
  color:#FC8131;
  text-decoration:none;
}
#access .langswap a:active {
  color:#FC8131;
}
.langactive {
   color:#FC8131;
}


/* text size
----------------------------------------------- */

#access .txtsize {
  font-size:0.9em;
  float:right;
  width:400px;
  margin:0;
  padding:0px 25px 0px 0px;
  text-align:right;
}
#access .txtsize a {
  font-weight:bold;
  text-decoration:none;
}
#access .txtsize a:hover {
 text-decoration:underline;
}
#access .txtsize a.small {
 color:#000;
 font-weight:bold;
 font-size:1.2em;
}
#access .txtsize a.med {
  color:#ff8031;
  font-weight:bold;
  font-size:1.4em;
}
#access .txtsize a.large {
  color:#81c24c;
  font-weight:bold;
  font-size:1.6em;
}



/* Form
----------------------------------------------- */

#form {
   width:797px;
   background:#fff url("graphics/vote_mid.jpg") repeat-y 0 0;
}
#form .top {
   background:#fff url("graphics/vote_top.jpg") no-repeat 0 0;
   height:16px;
   overflow:hidden;
}
#form .mid {
   padding:10px 10px 20px 5px;
}
#form .base {
   background:#fff url("graphics/vote_base.jpg") no-repeat 0 0;
   height:16px;
   overflow:hidden;
}
#form table td {
   padding:0.5em 10px 0.5em 40px;
}




/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   padding:0;
   margin:5px 15px 1em 3px;
}
img.right1, img.right2 {
   float:right;
   padding:0;
   margin:0 0 1em 20px;
}
img.left1, img.right1 {
   border:1px solid #81C151;
}
img.left3, img.right3 {
   float:none;
   border:none;
}




/* Content
----------------------------------------------- */


hr {
   border-color:#8ec301;
   border-style:solid;
   border-width:1px 0 0 0;
   color:#fff;
}
h1 {
   color:#000;
   font-size:1.2em;
   line-height:1.4em;
   padding:0;
   margin:0 0 1em 0;  
}
h2 {
   color:#000;
   font-size:1.2em;
   line-height:1.4em;
   padding:0;
   margin:0.3em 0 1em 0; 

}
ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:upper-alpha
}




/* Splash
----------------------------------------------- */

body#splash {
   background:#fff;
   margin:20px 0 0 0;
}
#splash_page {
   width:776px;
   margin:0 auto;
   background-color:#fff;
   text-align:left;
}
#splash_page .left {
   width:460px;
   float:left;
   background-color:#fff;
}
#splash_page .right {
   width:314px;
   float:right;
   padding:180px 0 40px 0;
   background-color:#fff;
}
#splash_page .introtext {
   font-size:1.1em;
   float:left;
   text-align:left;
   padding:0 10px 10px 22px;
}   
#bubble1 .enterlink {
   background:#81c151;
   width:460px;
   text-align:right;
}
#bubble2 .enterlink {
   background:#fc8131;
   width:460px;
   text-align:right;
}
#splash_page h2 {
   font-size:1.8em;
   color:#fff;
   padding:0 30px 0 0;
   margin:0;
}
#splash_page h2 a {
   color:#fff;
}
#splash_footer {
   width:800px;
   margin:0 auto;
}
.footdots {
   width:768px;
   height:9px;
   background:#fff url("graphics/dots_g.gif") no-repeat 0 0;
}   
.botcym {
   width:460px;
   height:53px;
   background:#fff url("graphics/s_end_cym.gif") no-repeat 0 0;
}
.boteng {
   width:460px;
   height:53px;
   background:#fff url("graphics/s_end_eng.gif") no-repeat 0 0;
}