* {
   margin: 0;
   padding: 0
   }
   
body {
   font-size: 62.5%;
   font-family:Arial, Helvetica, sans-serif;
   line-height: 1.8em;
   }
   
a, a:hover, a:active, a:visited {
   color: #0063A5;
   text-decoration: none;
   
}

a:hover {
   text-decoration: underline;
}

h1 {
  font-size: 1.8em;
  color: #66CC99;
  line-height: 1.2em;
  font-weight: bold;
}

h2 {
   font-size: 1.4em;
}

h3 {
   font-size: 1.3em;
   }
   
h4 {
   font-size: 1.2em;
   }

img {
  border: none
  }
  
ul li {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside
}

#skip {
  position:absolute;
  top: 0;
  left: 0;
  text-indent: -9999em;
}
   
#wrapper {
  width: 920px;
  margin: 0 auto;
  padding-top: 20px
  }
  
#inner_container {
  width: 900px;
  border: 10px solid #cccccc;
  background: #ECECEC;
  float:left;
}

#header {
  height: 200px;
  background-color: #00396D;
  float:left;
  width: 900px
}

#header p {
  color: #ffffff;
  padding: 5px 0 0 20px;
  font-size: 1.1em;
  width: 250px;
  float:left
}

#header img {
  float:left;
  padding: 10px 15px 0 5px
}

#masthead_right {
  float:right;
  width: 600px;
  padding: 15px 30px 0 0;
}

#strap_line {
  float:left;
  width: 500px;
  padding-top: 10px
  }

#search {
  float:right;
  width: 265px;
}

#search label {
   float:left;
   width: 50px;
   font-size: 1.2em;
   color: #FFFFFF;
   font-weight: bold;
   padding-right: 5px;
   padding-top: 3px
}

#search input {
   width: 170px;
   padding: 2px;
   background-color: #F5F5F5;
   color: #3A3A3A
   }
   
input#searchsubmit {
	border:medium none;
	color:#FFFFFF;
	background-color: #00396D;
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:3px;
	padding-left:0;
	padding-right:0;
	text-align:center;
	width:20px;
}

#top_nav {
  height: 36px;
  background:url(/images/templates/subpage-napo/nav_bg.jpg);
  background-repeat: repeat-x;
  float:left;
  width: 900px
}

#nav {
  float:left;
  padding: 0 5px 0 65px;
  text-align: center;
  height:30px
}

#nav li {
  color: #0064A7;
  font-size: 1.2em;
  float:left;
  font-weight: bold;
  border-left: 1px solid #B2B2B2;
  height: 24px;
  padding-top:6px;
}

#nav li a {
  padding: 0 26.5px;
}

li.last {
  border-right: 1px solid #B2B2B2;
  }
  
#primary_container {
  width: 863px;
  float:left;
  padding: 5px 18px 0px 18px;
}

#overview_box{
  height: 300px;
  width: 863px;
  background:url(/images/templates/home-napo/overview_bg.gif);
  background-repeat: no-repeat;
  float:left;
}

#primary_content {
  padding: 25px 30px 25px 30px
}

#primary_content h2 {
  font-size:1.7em;
  padding-bottom: 10px;
  color: #ffffff
}

#primary_content p {
  color: #ffffff;
  font-weight:bold;
  font-size: 1.3em;
  padding-bottom: 10px
}

#primary_content strong {
  color: #B5D7EC
}

#primary_content h3 {
  color: #ffffff;
  font-size: 1.4em;
  padding-top: 5px
}

#primary_content ul {
  padding-top: 5px;
  padding-bottom: 20px;
  float:left;
  clear:both;
  width:300px;
  color: #ffffff;
  padding-left: 10px;
}

#primary_content ul li {
  float: left;
  color: #ffffff;
  font-size: 1.3em;
  font-weight:normal;
  padding-left: 10px;
  padding-right: 5px;
  background:url(/images/templates/home-napo/overview_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px
  }
  
#primary_content ul li span
{
 color: #B6D8EF;
}
.left_content {
  width: 360px;
  float: left;
  }

#video_container {
  float:right;
  width: 379px;
  height: 249px;
  
}

#features {
  height: 103px;
  float:left;
  width: 863px;
  padding: 15px 0 20px
}

#features img {
  float:left;
  }
  
.middle_image img {
  padding-left: 11px;
  padding-right: 11px
}

#left_col {
  width: 570px;
  float:left;
  margin-right: 12px;
  /*min-height: 395px;*/
  padding-bottom: 20px
  }
  
.left_col_bottom, .left_col_bottom_events {
   display: none
}

  
/*#left_tab {
  padding-left: 10px;
  padding-top: 17px;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: bold
}*/

#left_tab li {
  float:left;
  display:inline;
  /*width: 75px*/
  
}


#left_tab li a {
  display: block;
  color: #ffffff;
  background:url(/images/templates/home-napo/left_tab.png) no-repeat scroll left top;
  text-align: center;
  padding: 5px 0;
 
}

#left_tab li span {
  background: url(/images/templates/home-napo/left_tab_right.gif) no-repeat scroll right top;
  margin:4px 5px 0px 4px;
  padding:7px 21px 5px 16px;
}

#left_tab li a:hover span {
  background-position: 100% -27px;
}

#left_tab li a:hover {
  background-position: 0 -27px;
}

#left_tab li a:hover {
  color: #5E5E5E;
  text-decoration: none;
  }
  
  
.left_col_top {
  background-image:url(/images/templates/home-napo/left_col_blue_bg.jpg);
  background-repeat: repeat-x;
  padding: 0 0 27px 0
  }
  
#left_col ul {
    padding-top: 16px;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 10px
}
 
.left_col_mid {
  padding: 15px;
  border-left: 1px solid #D0D0D0;
  border-right: 1px solid #D0D0D0;
  background-color: #ffffff
}

.left_col_mid p{
  font-size: 1.2em;
  padding-bottom: 10px
}

.left_col_mid h3 {
  color: #006699;
  float:left;
  font-size: 1.3em;
  padding-right: 5px
}

.left_col_bottom {
 background-color: #ECECEC;
 height: 45px;
 border: 1px solid #D0D0D0;
 float:left;
 width: 568px
}

.left_col_links {
  font-size: 1.2em;
  height: 30px
  }

.left_col_links img {
  float:right;
  padding: 3px 0 0 5px
}
  
.more_news_link {
  float:right;
  font-size: 1.3em;
  padding: 15px 10px 10px 0;
  font-weight: bold
  }
  
p.date {
  padding: 0;
  color: #74BB94
  }

.subscribe_link {
  float:right;
  }
  
#right_col {
  width: 280px;
  float:left;
  
}

.right_col_top {
  background:url(/images/templates/home-napo/right_col_green_bg.jpg);
  background-repeat: repeat-x;
  height: 38px;
}

.right_col_mid {
  border-left: 1px solid #D0D0D0;
  border-right: 1px solid #D0D0D0;
  background-color: #ffffff;
  min-height: 156px
}

.right_col_mid ul {
  font-size: 1.2em;
  color: #0063A5;
  font-weight: bold;
  padding: 10px 10px 10px 10px
}

.right_col_mid ul li {
  padding-bottom: 5px;
  background:url(/images/templates/home-napo/right_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  padding-left: 10px
}

#right_tab {
  padding-left: 7px;
  padding-top: 16px;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: bold
} 
 
  #right_tab li {
  float:left;
  padding: 0;
  background: url(/images/templates/home-napo/right_tab_right.gif);
  background-repeat: no-repeat;
  width: 90px
}


#right_tab li a {
  display: block;
  padding: 2px 10px 2px 5px;
  color: #ffffff;
  background:url(/images/templates/home-napo/right_tab_left.gif);
  background-repeat: no-repeat; 
  text-align: center
 
}

#right_tab li a:hover {
  background:url(/images/templates/home-napo/right_tab_hover.gif);
  background-repeat: no-repeat;
  color: #5E5E5E;
  text-decoration: none;
  }

.right_col_bottom {
  height: 30px;
  border: 1px solid #D0D0D0;
}

.right_col_bottom a {
  float:right;
  font-size: 1.1em;
  padding-right: 10px
}

.right_col_bottom_box {
  background-color: #ffffff;
  margin-top: 10px;
  min-height: 146px;
  float:left;
  width: 280px
}

.right_col_bottom_box h3 {
  color: #0063A5;
  text-align: center;
  padding: 10px;
}

.right_col_bottom_box form {
   font-size: 1.2em;
   padding: 0 27px 18px 35px; 
   text-align: center;
   width: 220px
}

.right_col_bottom_box form p {
   width: 150px;
   padding-left: 20px
}

.right_col_bottom_box form input {
   margin-top: 10px;
   margin-right: 5px;
   }

#bottom_container {
  padding: 0 5px 10px 10px;
  float:left;
  width: 880px
  
  }
  
.navflatmulti .nav-level1, .navflatmulti a.nav-level1:hover, .navflatmulti a.nav-level1:visited, .navflatmulti .nav-level1-selected  {
  background: none;
}
  
  
/************* GENERIC PAGES **************/

#bread_crumb {
  font-size: 1.2em;
  height: 30px
}

#main_content_generic {
  width: 620px;
  float:left;
  padding-bottom: 10px;
  margin-right: 13px
}

.content_top_bg {
  width: 620px;
  float:left;
  height: 11px;
  background-image:url(/images/templates/subpage-napo/content_top_bg.gif);
  background-repeat: no-repeat
}

.content_mid_bg {
  width: 620px;
  float:left;
  min-height: 900px;
  background-image:url(/images/templates/subpage-napo/content_mid_bg.gif);
  background-repeat: repeat-y
}

.content_bot_bg {
  width: 620px;
  float: left;
  height:12px;
  background-image:url(/images/templates/subpage-napo/content_bot_bg.gif);
  background-repeat: no-repeat
}

.main_content_wrapper {
  padding: 0 20px 10px 20px;
}

.main_content_wrapper p {
  padding-bottom: 10px
}

.main_content_wrapper p, .main_content_wrapper ul {
  font-size: 1.2em;
}

.main_content_wrapper ul {
  padding-left: 25px
}

.main_content_wrapper h2 {
  font-size: 1.5em;
  width: 100%;
  color: #00396E;
  padding-bottom: 5px;
  border-bottom: 1px solid #008ECB;
  margin-bottom: 10px
}

.main_content_wrapper h3 {
  font-size: 1.4em;
  color: #0063A5;
  padding: 10px 0 5px 0
}

.main_content_wrapper ul li {
  list-style-type: disc;
  padding-bottom: 5px
}

.cymraeg_link {
  font-size: 1.2em;
  margin-bottom: 20px;
  padding-left: 506px;
  width: 75px
}

#right_col_generic {
  width: 230px;
  float: left;
}

#right_nav {
  border-left: 10px solid #66CC99;
  border-right: 1px solid #66CC99;
  border-top: 1px solid #66CC99;
  background-color: #ffffff;
  margin-bottom: 20px
  }
  
#right_nav ul {
  font-size: 1.2em;
  color: #00396E;
  font-weight: bold;
  width: 100%
}

#right_nav ul li {
  /*border-bottom: 1px solid #66CC99; */
  padding: 5px 0 5px 0;
}

#right_img {
  float: left;
  width: 230px;
  padding-top: 20px;
  }
  
#right_img_content {
  padding: 0 10px 10px 10px;
  text-align: center;
} 

#right_img_content p {
  padding: 5px 0 10px 0;
  font-size: 1.2em
}

#right_img_content h4 {
  padding-bottom: 10px
}

.right_top_bg {
  width: 230px;
  float:left;
  height: 9px;
  background:url(/images/templates/subpage-napo/right_col_top.gif);
  background-repeat:no-repeat;

}

.right_mid_bg {
  width: 230px;
  float:left;
  background:url(/images/templates/subpage-napo/right_col_mid.gif);
  background-repeat:repeat-y
}

.right_bot_bg {
  width: 230px;
  float:left;
  background:url(/images/templates/subpage-napo/right_col_bot.gif);
  background-repeat: no-repeat;
  height: 11px;
  
}


/* Site map */

#sitemap ul li {
   list-style-type: none !important;
   padding: 0;
   font-size: 0.9em !important;
   
}

#sitemap ul li a, #sitemap ul li a:hover, #sitemap ul li a:visited {
   text-decoration: underline;
}

#sitemap a:hover {
   color: #0B7FD8;
}

#sitemap ul li ul {
    font-size: 1em
}

#sitemap ul li.level3 {
    font-size: 1.1em !important;
}


/* Login Box */

#loginform fieldset {
   border: none
}

#loginform .item {
    font-size: 1.2em;
	padding: 5px 10px 5px 0; 
	}


#itemUsername input, #itemPassword input{
   width: 140px
}


#itemUsername label, #itemPassword label {
    float:left;
	width: 85px
}

#fp_link {
    padding-bottom: 10px
}


/* polls */

.pollAnswers {
   font-size: 1.2em;
   padding-top: 5px;
   padding-bottom: 5px
}

.pollAnswers input {
   padding-bottom: 5px
}

#PollForm p {
  padding-top: 5px
}

/* News */

.main_content_wrapper .news_title a, .main_content_wrapper .news_title a:hover, .main_content_wrapper .news_title a:visited  {
  font-size: 1.3em;
  float: left;
  padding-right: 5px;
  font-weight: bold;
  padding-top: 10px
}

.news_summary {
   font-size: 1.2em;
   padding-bottom: 10px;
}

.news_summary a, .news_summary a:hover, .news_summary a:visited {
   font-size: 1em;
   padding-left: 5px;
   font-weight: normal
}

.news_date {
  font-size: 1.2em;
  color: #74BB94;
  padding: 10px 0 0 0
}

.rsslink {
   float:right
}

.rsslink img {
  padding-left: 5px
}


/* Nav */

ul.navdynamichorizontal {
   padding-left: 44px;
}

ul.navdynamichorizontal a, ul.navdynamichorizontal a:visited {
   padding-bottom: 6px
}

#case_box {
	width:148px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:5px;
	background-color:#30ACCE;
}

#case_box a, #case_box a:visited, #case_box a:hover {
	color:#FFFFFF;
}

ul.navmap, li {
	list-style-type:none;
}

ul.navmap {
	padding-left:0px;
}

li.level1 {
	font-weight:bold;
	margin-top:10px;
}

li.level2 {
	font-weight:normal;
}

.searchResultpage {
	margin-bottom:10px;
	padding-top: 5px;
}

.clear {
  clear: both
}

.profile {
font-size:1.2em;
}

/*************************** EVENTS ****************************/
table.eventTable {
	border: 1px solid #1F8CB7;
	width: 100%;
}

table.eventTable thead {
	color: #ffffff;
	background: url('/images/event-table-head-back.gif') repeat-x;
	height: 24px;
	text-align: left;
	font-weight: bold;
}

table.eventTable thead th {
	padding-left: 8px;
}

table.eventTable td.eventItem {
	padding: 12px 8px 12px 8px;
	border-bottom: solid 1px #BEDEDB;
}

table.eventTable td.basketItem {
	padding: 0px 8px 0px 8px;
}

table.eventTable td.total {
	border-top: solid 2px #1F8CB7;
	padding: 10px 8px 10px 8px;
}

a.greenButtonSmall, a.greenButtonMedium, a.greenButtonLarge {
	border: none;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	text-align: center;
	height:23px;
	color:#FFFFFF;
	padding-top: 2px;
	font-weight: bold;
}

a.greenButtonSmall {
	background-image: url(/images/green_button_small.gif);
	width: 74px;
}

a.greenButtonMedium {
	background-image: url(/images/green_button_medium.gif);
	width: 106px;
}

.greenButtonSmall, .greenButtonMedium, .greenButtonLarge {
	border: none;
	background-repeat: no-repeat;
	background-color:transparent;
	height: 23px;
	font-weight: bold;
	cursor:pointer;
	color:#FFFFFF;
	padding-bottom: 2px;
}

.greenButtonSmall {
	background-image: url(/images/green_button_small.gif);
	width: 74px;
}

.greenButtonMedium {
	background-image: url(/images/green_button_medium.gif);
	width: 106px;
}

table.basketTable td.topLeft {
	background: url(/images/panel_top_left.gif) top left no-repeat;
	width: 7px;
	height: 7px;
}

table.basketTable td.topMiddle {
	background: url(/images/panel_top_middle.gif) top left repeat-x;
	height: 7px;
}

table.basketTable td.topRight {
	background: url(/images/panel_top_right.gif) top right no-repeat;
	width: 7px;
	height: 7px;
}

table.basketTable td.middleLeft {
	background: url(/images/panel_left_middle.gif) top left repeat-y;
	width: 7px;
}

table.basketTable td.content {
	background: #ffffff;
}


table.basketTable td.middleRight {
	background: url(/images/panel_right_middle.gif) top left repeat-y;
	width: 7px;
}

table.basketTable td.bottomLeft {
	background: url(/images/panel_bottom_left.gif) top left no-repeat;
	width: 7px;
	height: 7px;
}

table.basketTable td.bottomMiddle {
	background: url(/images/panel_bottom_middle.gif) top left repeat-x;
	height: 7px;
}

table.basketTable td.bottomRight {
	background: url(/images/panel_bottom_right.gif) top right no-repeat;
	width: 7px;
	height: 7px;
}
div.item {
	padding: 10px;
}

#eventitemOrganisation, #eventitemAddress1, #eventitemAddress2, #eventitemAddress3, #eventitemTown, #eventitemCounty, #eventitemEmail, #eventitemPhone {
	padding-bottom: 0px;
}

#eventitemAddress1, #eventitemAddress2, #eventitemAddress3, #eventitemTown, #eventitemCounty, #eventitemPostcode, #eventitemPhone, #eventitemFax  {
	padding-top: 0px;
}

fieldset.event {
	padding: 1em;
	border: solid 1px #008ECB;
}

legend.event {
	padding: 0.2em 0.5em;
	border: 1px solid #008ECB;
	color: #00396E;
}

#footer {
  background-color: #118DBB;
  float:left;
}

