/*
-----------------------------------------------
WJEC 2009
Author:www.imaginet.co.uk
Version:21 May 2009
----------------------------------------------- */


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

* {
   padding:0;
   margin:0;
}
img {
   padding:0;
   margin:0;
}
img a {
   border:0;
}
a {
   color:#d50066;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
a img {
   border:none;
}
.breaker {
   clear:both;
   width:100%;
   height:0px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#d50066;
}
table {
	padding: 0;
	margin: 0 0 10px;
}
td, th {
	padding: 3px;
} 

/* Accessibility bits  
----------------------------------------------- */

#skipnav a {
   position:absolute;
   left:-40000px;
}
#skipnav a:active, #skipnav a:focus {
   text-decoration:none;
   text-align:center; 
   background-color:#d50066;
   color:#fff;
   font-weight:bold;
   padding:0.4em 24px 0.6em 24px;
   position:absolute;
   left:1px;
   top:1px;
   display:block;
}


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

html body {
   background:#fff;
   color:#333;
   margin:0 auto 2em auto;
   padding: 0 15px;
   text-align:center;
   max-width: 1100px;
   font:81.25%  Verdana, Arial, Sans-serif;
}
#page {
   width:100%;
   min-width:740px;
   font-size:85%;
   padding:0;
   margin:0 auto;
   text-align:left;
}
#main, #main2, #main3 {
}
#left {
  float:left;
  width:22%;
  background:#f3f3f3;
}
#right {
  background:#f3f3f3;
  width:22%;
  float:right; 
}
#content {
  float:left;
  width:55%;
}
#contentcol {
   padding:0 3px 0 20px;
}
#content2 {
  float:right;
  width:78%;
}
#content2 #contentcol {
   padding:0 0 0 20px;
}
#content3 {
  float:left;
  width:100%;
}


/* Masthead
----------------------------------------------- */

#masthead {
   width:100%;
   min-width:740px;
   font-size:85%;
   margin:0 auto;
}
#masthead .logo {
   width:10%;
   min-width:77px;
   float:left;
   padding:15px 0 15px 0;
   text-align:left;
}
#masthead .topbar {
   font-family:Arial, San-serif;
   font-size:1.2em;
   width:89%;
   float:right;
   margin:35px 0 0 0;
}
#masthead .strapline {
   width:600px;
   float:left;
   color:#1f91ca;
   margin:37px 0 0 0;
}
#masthead .strapline p {
   font-family:Arial, San-serif;
   font-size:2.0em;
   font-weight:bold;
}


/* Top Links
----------------------------------------------- */

.toplinks {
  float:left;
}
.toplinks ul {
   padding:0;
}
.toplinks ul li {
   font-weight:bold;
   list-style:none;
   display:inline;
}
.toplinks ul li a.lang {
   color:#d50066;
}
.toplinks ul li a.last {
   float: right;
   display:block;
   line-height:1em;
   text-decoration:none;
   background:url("/graphics/divider2.gif") no-repeat 0 3px;
}
.toplinks ul li a.first {
   background:none;
}

.toplinks ul li a {
   float:left;
   display:block;
   line-height:1em;
   text-decoration:none;
   background:url("/graphics/divider2.gif") no-repeat 0 3px;
}


.toplinks ul a:hover {
   text-decoration:underline;
}
.toplinks ul li a {
   padding:4px 10px 12px 15px;
   color:#1f91ca;
}


/* Top Search
----------------------------------------------- */

.topsearch {
  float:right;
}
.topsearch label {
  color:#666;
}
.topsearch td {
  padding:0 0 0 4px;
}
.topborder {
  background: #FFF;
  border: 1px #999 solid;
}

/* Topnav
----------------------------------------------- */

#topnav {
   width:100%;
   min-width:740px;
   font-size:1em;
   font-family:Arial, San-serif;
   background:#1f91ca;
   margin:0 auto;
   border-bottom:14px solid #FFF;
}
#topnav ul {
   padding:0;
}
#topnav ul li {
   font-weight:bold;
   list-style:none;
   display:inline;
}
#topnav ul li a.hightlight {
   color:#CC99FF;
}
#topnav ul a {
   float:left;
   display:block;
   color:#fff;
   line-height:1em;
   text-decoration:none;
   background:url("/graphics/divider.gif") no-repeat 11px 7px;
   white-space:nowrap;
   padding:12px 0 12px 27px;
}
#topnav ul a:hover {
   text-decoration:underline;
}
#topnav ul li a.first {
   background:none;
   padding-left:18px;
}
#topnav ul li a.last {
   float: right;
   padding-right: 18px;
   padding-left: 0;
   background:none;
}

#topnav .breaker {
  background-color:#1f91ca;
}
#topnav2 {
   width:100%;
   font-family:Arial, San-serif;
   font-size:1.1em;
   background:#1f91ca;
   margin:0 auto;
}


/* Leftnav 
----------------------------------------------- */

#leftnav {
   width:100%;
   border-bottom:10px solid #FFF;
}
#leftnav .section {
   width:100%;
   color:#d50066;
   border-bottom:3px solid #FFF;
}
#leftnav .section h2 {
   font-size:1.4em;
   font-weight:bold; 
   color:#1f91ca;
   font-family:Arial, sans-serif;
   padding:4px 8px 4px 8px;
} 
#leftnav .section2 {
   width:100%;
   color:#d50066;
   border-bottom:5px solid #FFF;
}
#leftnav .section2 h2 {
   font-size:1.4em;
   font-weight:bold; 
   color:#1f91ca;
   font-family:Arial, sans-serif;
   padding:4px 8px 4px 8px;
} 
#leftnav ul {
   list-style-type:none;
   padding:4px 8px 10px 8px;
}
#leftnav ul .nav2 {
   list-style-type:none;
   padding:0;
}
#leftnav ul.nav1 li {
   padding:9px 10px 3px 20px;
   font-weight:bold;
   margin:0;
   background:url("/graphics/arrow.gif") no-repeat 4px 7px;
}
#leftnav ul.nav1 li a {
   color:#1f91ca;
}
#leftnav ul.nav1 li a.links {
   color:#d50066;
}
#leftnav ul.nav1 li a.on {
   color:#6f6f6f;
}
#leftnav ul.nav2 li {
   border:none;
   background:none;
   padding:5px 0 0 0px;
   font-weight:normal;
   line-height:1.2em;
}
#leftnav ul.nav3 li {
   border:none;
   padding:0 0 0 5px;
   font-weight:normal;
   line-height:1.2em;
}





/* Alsonav
----------------------------------------------- */

#alsonav {
   width:100%;
   border-bottom:10px solid #FFF;
}
#alsonav .section {
   width:100%;
   color:#d50066;
   border-bottom:3px solid #FFF;
}
#alsonav .section2 {
   width:100%;
   color:#d50066;
   border-bottom:3px solid #FFF;
}
#alsonav h2 {
   font-size:1.1em;
   font-weight:bold; 
   color:#6f6f6f;
   font-family:Arial, sans-serif;
   padding:10px 14px 8px 14px;
}
#alsonav ul {
   list-style-type:none;
   padding:4px 8px 10px 8px;
}
#alsonav ul .nav2 {
   list-style-type:none;
   padding:0;
}
#alsonav ul.nav1 li {
   padding:9px 10px 3px 20px;
   font-weight:bold;
   margin:0;
   background:url("/graphics/arrow.gif") no-repeat 4px 7px;
}
#alsonav ul.nav1 li a {
   color:#1f91ca;
}
#alsonav ul.nav1 li a.links {
   color:#d50066;
}
#alsonav ul.nav1 li a.on {
   color:#6f6f6f;
}
#alsonav ul.nav2 li {
   border:none;
   background:none;
   padding:5px 0 0 0px;
   font-weight:normal;
   line-height:1.2em;
}
#alsonav ul.nav3 li {
   border:none;
   padding:0 0 0 5px;
   font-weight:normal;
   line-height:1.2em;
}





/* Left Search
----------------------------------------------- */

#leftsearch {
   width:100%;
   border-bottom:10px solid #FFF;
}
#leftsearch .section {
   width:100%;
   background-color:#d50066;
   color:#fff;
   border-bottom:5px solid #FFF;
}
#leftsearch .section h2 {
   font-size:1.4em;
   font-weight:bold; 
   font-family:Arial, sans-serif;
   padding:10px 14px 10px 14px;
}
#leftsearch p {
   line-height:1.8em;
   margin:0 0 1em 0;
}
#leftsearch form {
  padding:6px 8px 8px 12px;
}
#leftsearch label {
   color:#6f6f6f;
   font-size:1.2em;
   font-family:Arial, sans-serif;
}
#leftsearch select#subject, #leftsearch select#level {
  width:100%;
}


/* Shop banner
----------------------------------------------- */

#shopbanner {
   width:100%;
   background:#009933;
   border-bottom:10px solid #FFF;
}
#shopbanner h2 {
   font-size:1.4em;
   font-weight:bold; 
   font-family:Arial, sans-serif;
   padding:10px 5px 10px 14px;
}
#shopbanner h2 a {
   color:#FFF;
}


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

#footer {
   width:100%;
   min-width:740px;
   font-size:85%;
   color:#1f91ca;
   background:#1f91ca;
   text-align:center;
   margin:0 auto;
   border-top:17px solid #FFF;
}
#footer .col {
   font-size:85%;
   padding:8px 8px 0 8px;
}
#footer p {
  margin:0 0 8px 0;
}
#footer span {
   color:#FFF;
}
#footer a {
   font-weight:bold;
   color:#FFF;
}
#footer a:hover {
   color:#FFF;
}
#footer .breaker {
  background-color:#1f91ca;
}

/* Bottom links
----------------------------------------------- */

#bottom_links {
   width:100%;
   color:#6f6f6f;
   text-align:center;
   margin:0 auto;
   padding:20px 0 0 0;
}
#bottom_links p {
   font-size:1.3em;
   font-family:Arial, sans-serif;
}
#bottom_links a {
   color:#1f91ca;
   font-weight:bold;
}

/* Quick links
----------------------------------------------- */

#quick_links {
   width:100%;
   border-bottom:10px solid #FFF;
}
#quick_links .section {
   width:100%;
   background-color:#1f91ca;
   color:#fff;
   border-bottom:3px solid #FFF;
   padding:10px 0 10px 0px;
}
#quick_links h2 {
   font-size:1.4em;
   font-weight:bold; 
   font-family:Arial, sans-serif;
   padding:0 0 0 13px;
}
#quick_links ul {
   list-style-type:none;
   padding:7px 8px 10px 8px;
}
#quick_links ul li {
   padding:3px 10px 6px 20px;
   font-weight:bold;
   margin:0;
   background:url("/graphics/arrow.gif") no-repeat 4px 2px;
}
#quick_links ul li a {
   color:#1f91ca;
   text-decoration:none;
}
#quick_links ul li a:hover {
   color:#1f91ca;
   text-decoration:underline;
}


/* Page tools
----------------------------------------------- */

#tools {
   width:100%;
   border-bottom:10px solid #FFF;
}
#tools h2 {
   color:#6f6f6f;
   font-size:1.4em;
   font-weight:bold; 
   font-family:Arial, sans-serif;
   font-family:
   padding:13px 0 5px 14px;
}
#tools ul {
   list-style-type:none;
   padding:7px 8px 10px 8px;
}

#tools ul li.print {
   padding:3px 10px 2px 25px;
   margin:0;
   background:url("/graphics/printer.gif") no-repeat 3px 3px;
}
#tools ul li.email {
   padding:3px 10px 2px 25px;
   margin:0;
   background:url("/graphics/email.gif") no-repeat 3px 5px;
}


/* Breadcrumb
----------------------------------------------- */

.breadcrumb {
   margin:0 0 0 0;
   padding:3px 0 3px 0;
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
}
.breadcrumb p {
   color:#707070;
   line-height:1.5em;
}


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

#header h1 {
   font-size:1.9em;
   font-family:Arial, sans-serif;
   color:#009933;
   line-height:1.3em;
   font-weight:bold;
   margin:15px 0 15px 0;
}
#header span.blue {
   color:#1f91ca;
}
#header span.grey {
   color:#6f6f6f;
}
div.cms_content {
   font-size:1.0em;
}
div.cms_content .date {
   font-weight:bold;
   margin:0 0 1.1em 0;
   font-size:1.3em;
}
div.cms_content hr {
   border-width:1px 0 0 0;
   border-color:#7D7BA0;
   border-style:solid;
   color:#fff;
}
div.cms_content a {
   font-weight:bold;
   text-decoration:none;
  border-bottom:none;
/*  border-bottom:dashed 1px #ff99ee; */
}
div.cms_content a:hover {
   font-weight:bold;
   text-decoration:none;
   border-bottom:solid 1px #d50066;
}
div.cms_content h2 {
   font-size:1.5em;
   font-family:Arial, sans-serif;
   color:#009933;
   line-height:1.2em;
   margin:1.5em 0 0.5em;
   padding:0 0 0 0;
}
div.cms_content h3 {
   font-size:1.2em;
   font-family:Arial, sans-serif;
   color:#009933;
   margin:1.3em 0 0.5em;
   padding:0 0 0 0;
}

div.cms_content h4 {
   font-size:1.1em;
   font-family:Arial, sans-serif;
   color:#009933;
   margin:1.2em 0 0.5em;
   padding:0 0 0 0;
}

div.cms_content p {
   line-height:1.6em;
   margin:0 0 1em 0;
}
div.cms_content span.main_price {
   font-size:1.5em;
   font-family:Arial, sans-serif;
   font-weight:bold;
   color:#009933;
}
div.cms_content span.blue {
   color:#1f91ca;
}
div.cms_content span.grey {
   color:#6f6f6f;
}
div.cms_content ul {
   list-style:none;
   line-height:1.4em;
   margin:0 0 0.5em 0;
   padding:0;
}
div.cms_content ul li {
   background:url("/graphics/content_arrow.gif") no-repeat 0px 3px;
   padding:0px 10px 0.5em 15px;
   margin: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
}


/* Home content
----------------------------------------------- */

#home_intro {
   padding:0 0 0 0;
}
#home_intro h1 {
   font-size:1.5em;
   font-family:Arial, sans-serif;
   color:#009933;
   margin:0 0 0.6em 0;
}
#home_intro p {
	font-family:Verdana, Arial, sans-serif;
   line-height:1.4em;
   font-size:1em;
   margin:0 0 0.8em;
}
#home_intro img {
   float:left;
   padding:0;
   margin:0 20px 14px 0;
}
#home_blocks {
   width:100%;
   float:right;
  
}
#home_blocks .section {
   background-color:#009933;
   color:#fff;
   border-bottom:5px solid #FFF;
   padding:10px 0 10px 0px;
}
#home_blocks h2 {
   font-size:1.4em;
   font-weight:bold; 
   font-family: Arial, sans-serif;
   padding:0px 13px 0px 13px;
}
#block1 {
   width:63%;
   float:left;
}
#block1 div.breaker {
   margin:0 0 1em 0;
}
#block1 .border {
   border-color:#c7c7c7;
   border-style:solid;
   border-width:1px;
   padding: 6px 16px;
   margin-bottom: 10px;
}
#block1 h3 {
   font-size:1.2em;
   padding:6px 0 6px 0;
}
#block1 p {
   line-height:1.4em;
   font-size:1.0em;
   margin:0 0 0.8em 0;
}
#block1 img {
   float:right;
   padding:0 0 10px 10px;
}
#block2 {
   width:35%;
   float:right;
   margin:0 0 1em 0;
}
#block2 .bg {
   background-color:#eeeeee;
}
#home_logos {
   text-align:left;
   padding:15px 0 0 0;
}
#home_logos img {
   padding:0 0 6px 0;
}
#block2 .col {
   padding:16px 16px 4px 16px;
}
#block2 p {
   line-height:1.4em;
   font-size:1.0em;
   margin:0 0 1.6em 0;
}

div.home_content {
   font-size:1.0em;
}
div.home_content h2 {
   font-size:1.5em;
   font-family:Arial, sans-serif;
   color:#009933;
   line-height:1.2em;
   margin:1.5em 0 0.5em;
   padding:0 0 0 0;
}
div.home_content h3 {
   font-size:1.2em;
   font-family:Arial, sans-serif;
   color:#009933;
   margin:1.3em 0 0.5em;
   padding:0 0 0 0;
}
div.home_content h4 {
   font-size:1.1em;
   font-family:Arial, sans-serif;
   color:#009933;
   margin:1.2em 0 0.5em;
   padding:0 0 0 0;
}
div.home_content p {
   line-height:1.6em;
   margin:0 0 1em 0;
}
div.home_content ul {
   list-style:none;
   line-height:1.4em;
   margin:0 0 0.5em 0;
   padding:0;
}
div.home_content ul li {
   background:url("/graphics/content_arrow.gif") no-repeat 0px 3px;
   padding:0px 10px 0.5em 15px;
   margin:0;
}
div.home_content a {
   font-weight:bold;
   text-decoration:underline;
}



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

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


/* Home Listing 
----------------------------------------------- */

div.home_listing {
   border-top:1px solid #C8C7C7;
   border-bottom:1px solid #C8C7C7;
   margin:20px 0 0 0;
   padding:20px 0 20px 0;
}
div.home_listing img {
   float:left;
   border:1px solid #999;
   margin:5px 12px 0 0;
}
div.home_listing h2 {
   font-family:Arial, sans-serif;
   font-size:1.5em;
   color:#666;
   padding:0 0 0.8em 0;
}
div.home_listing p {
   line-height:1.6em;
   margin:0 0 0.5em 0;
}
div.home_listing a {
   font-weight:bold;
}


/* News Listing 
----------------------------------------------- */

div.news_listing {
   padding:0 0 20px 0;
}
div.news_listing img {
   float:right;
   border:1px solid #999;
   margin:5px 12px 1em 0;
}
div.news_listing h2 {
   font-family:Arial, sans-serif;
   font-size:1.5em;
   color:#666;
   padding:0 0 0.8em 0;
}
div.news_listing p {
   line-height:1.6em;
   margin:0 0 0.5em 0;
}
div.news_listing a {
   font-weight:bold;
}

/* Shop List 
----------------------------------------------- */

div.shop_list {
   border-top:1px solid #C8C7C7;
   border-bottom:1px solid #C8C7C7;
   padding:20px 0 20px 0;
}
div.shop_list table {
   width:100%;
}
div.shop_list table td {
   padding:0 30px 10px 0;
}
div.shop_list h2 {
   font-family:Arial, sans-serif;
   font-size:1.5em;
   color:#6f6f6f;
   padding:0 0 0.8em 0;
}
div.shop_list p {
   line-height:1.2em;
   margin:0 0 0.5em 0;
}
div.shop_list span.price {
   font-size:1.2em;
   font-family:Arial, sans-serif;
   font-weight:bold;
   color:#009933;
}
div.shop_list a {
   line-height:1.2em;
   font-weight:bold;
   font-size:1.3em;
   font-family:Arial;
}

/* Listing 
----------------------------------------------- */

div.listing {
}
div.listing h2.main_title {
   background-color:#FFF;
   color:#6f6f6f;
   font-family:Arial, san-serif;
   font-size:1.8em;
   padding:0.5em 8px 0.5em 0px;
   margin:0 0 1px 0;
}
div.listing h2 {
   background-color:#666;
   color:#FFF;
   font-size:1.1em;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 1px 0;
}
div.listing h2 a {
   color:#FFF;
   text-decoration:none;
}
div.listing h3 {
   font-size:1em;
}
div.listing p {
   line-height:1.6em;
   margin:0 0 1.5em 0;
}
div.listing .title {
   margin:8px 0 8px 0;
}
div.listing .title span {
   font-weight:bold;
   color:#663399;
   font-size:1.2em;
}
div.listing ul {
   line-height:1.6em;
   list-style-type:none; 
   margin:0;
   padding:0px 0 5px 0;
}
div.listing ul li {
   background-image:url("/graphics/arrow.gif");
   background-repeat:no-repeat;
   background-position:6px 4px;
   padding:4px 2px 0.5em 23px;
   margin:0 0 1px 0;
   background-color:#E8E8E8;
}
div.listing ul li a {
   font-weight:bold;
}
div.listing ul li.first {
   padding:13px 2px 0 23px;
   line-height:0;
}
div.listing ul.second_list {
   background-image:none;
   margin:10px 0 0 0;
}
div.listing ul li.second {
   background-image:none;
   padding:0;
   margin:0;
}
div.listing ul li.second a {
   font-weight:normal;
   text-decoration:none;
}
div.listing ul li.doc {
   padding:6px 10px 8px 27px;
   line-height:1.2em;
   background:url("/graphics/document.gif") no-repeat 6px 9px;
   background-color:none;
}
div.listing ul li.doc a {
   font-weight:bold;
}
div.listing ul li.event {
   padding:6px 10px 8px 27px;
   line-height:1.2em;
   background:url("/graphics/events.gif") no-repeat 6px 9px;
   background-color:none;
}
div.listing ul li.event a {
   font-weight:bold;
}
div.listing ul li.shop {
   padding:6px 10px 8px 27px;
   line-height:1.2em;
   background:url("/graphics/shop.gif") no-repeat 6px 3px;
   background-color:none;
}
div.listing ul li.shop a {
   font-weight:bold;
}
div.listing ul li a {
   text-decoration:none;
}
div.listing ul li a:hover {
  text-decoration:underline;
}


/* Page nav
----------------------------------------------- */

.pagenav {
   margin:8px 21px 12px 0px;
   border-top:1px solid #C8C7C7;
   color:#C8C7C7;
   padding:10px 0 5px 0;
}
.pagenav p {
   font-size:1.2em;
}
.pagenav a {
   font-weight:bold;
   text-decoration:none;
}
.pagenav a:hover {
   text-decoration:underline;
}
.pagenav2 {
   margin:8px 21px 12px 0px;
   color:#C8C7C7;
   padding:10px 0 5px 0;
}
.pagenav2 p {
   font-size:1.2em;
}
.pagenav2 a {
   font-weight:bold;
   text-decoration:none;
}
.pagenav2 a:hover {
   text-decoration:underline;
}


/* Check Steps
----------------------------------------------- */

#checksteps {
   background:#fff;  
}
#checksteps table td {
   text-align:center;
   font-family:Arial, san-serif;
font-size:1.1em;
}
#checksteps table td.bg {
   height:23px;
   background:#fff url("/graphics/checkbg.gif") repeat-x top left;
}
#checksteps table td.step {
   padding:0.5em 0 0.5em 0;
}


/* Forms
----------------------------------------------- */

#form {
   border-top:1px solid #C8C7C7;
   border-bottom:1px solid #C8C7C7;
   margin:0 0 0 0;
}
#form form {
  padding:20px 0px 15px 0px;
}
#form h2 {
   background-color:#666;
   color:#FFF;
   font-size:1.1em;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 10px 0;
}
#form h2.total {
   background-color:#666;
   font-size:1.2em;
   color:#FFF;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 10px 0;
}
#form h3 {
   font-size:1.1em;
   margin:0 0 4px 0;
   padding:0 0 0.5em 0;
}
#form p {
   line-height:1.3em;
   margin:0 0 0.6em 0;
}
#form fieldset {
   border:none;
}
#form input {
}
#form label {
   margin:0;
   padding:0;
}
#form form table {
  width:100%;
}
#form form table td {
   padding:10px 10px 5px 0px;
}
#form form table th {
   background:#666;
   color:#FFF;
   padding:10px 10px 10px 5px;
}

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

button {
   position:relative;
   border:0;
   padding:0;
   cursor:pointer;
   overflow:visible; 
}
button::-moz-focus-inner {
   border:none; 
}
button span {
   position:relative;
   display:block;
   white-space:nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   button span {
      margin-top:-1px;
   }
}
button.submitBtn {
   padding:0 15px 0 0;
   margin-right:5px;
   font-size:1em;
   text-align:center;
   background:transparent url("/graphics/form_but.gif") no-repeat right -140px;
}
button.submitBtn span {
   padding:6px 0 0 15px;
   height:30px;
   background:transparent url("/graphics/form_but.gif") no-repeat left top;
   color:#fff;
   font-size:1.3em;
   font-weight:bold;
   font-family:Arial;
}
button.submitBtn:hover, button.submitBtnHover { 
   background-position:right -210px;
}
button.submitBtn:hover span, button.submitBtnHover span {
   background-position:0 -70px;
}
button.submitBtn2 {
   padding:0 15px 0 0;
   margin-right:5px;
   font-size:1em;
   text-align:center;
   background:transparent url("/graphics/form2_but.gif") no-repeat right -140px;
}
button.submitBtn2 span {
   padding:6px 6px 6px 19px;
   height: 30px;
   background:transparent url("/graphics/form2_but.gif") no-repeat left top;
   color:#fff;
   font-size:1.3em;
   font-weight:bold;
   font-family:Arial;
}
button.submitBtn2:hover, button.submitBtnHover { 
   background-position:right -210px;
}
button.submitBtn2:hover span, button.submitBtnHover span {
   background-position:0 -70px;
}

/* Button links, for when buttons are wrapped with a link */
a.button-link span {
   padding:6px 15px 6px 15px;
   height:30px;
   background:transparent url("/graphics/form_but.gif") no-repeat left top;	
   color:#fff;
   font-size:1.3em;
   font-weight:bold;
   font-family:Arial;
}
a.button-link2 {
	/*padding:0 15px 0 0;
	background:transparent url("/graphics/form2_but.gif") no-repeat right -140px;*/
}
a.button-link2 span {
   display: block;
   padding:6px 0px 6px 15px; 	
   max-width: 150px;
   height:30px;
   background:transparent url("/graphics/form2_but.gif") no-repeat left top;	
   color:#fff;
   font-size:1.3em;
   font-weight:bold;
   font-family:Arial;
}
.button-link:hover, .button-link2:hover {
	text-decoration: none;
}

/* Right items
----------------------------------------------- */

.main_header h2 {
   font-size:1.4em;
   font-weight:bold; 
   color:#1f91ca;
   font-weight:bold; 
   font-family:Arial, sans-serif;
   padding:6px 8px 6px 8px;
   border-bottom:5px solid #FFF;
}
.rightitems {
   width:100%;
   border-bottom:10px solid #FFF;
}
.rightitems .header h2 {
   background-color:#777;
   color:#FFF;
   font-size:1.1em;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 1px 0;
}
.rightitems .header h2 a {
   color:#FFF;
}
.rightitems ul {
   list-style-type:none;
   padding:4px 8px 5px 8px;
}
.rightitems ul.viewall {
   list-style-type:none;
   padding:0px 8px 5px 8px;
}
.rightitems p {
   padding:4px 8px 14px 10px;
}
.rightitems.text {
   border-top:3px solid #FFF;
   padding:6px 2px 0 0;
}
.rightitems .text p {
   font-size:85%;
   padding:14px 8px 14px 10px;
   line-height:1.3em;
   color: #6f6f6f;
}
.rightitems .text a {
   color: #6f6f6f;
}
.rightitems ul li {
   padding:9px 10px 8px 16px;
   margin:0;
   background:url("/graphics/arrow.gif") no-repeat 0px 7px;
}
.rightitems ul li.doc {
   padding:6px 10px 8px 23px;
   line-height:1.2em;
   background:url("/graphics/document.gif") no-repeat 3px 9px;
}
.rightitems ul li.event {
   padding:6px 10px 8px 23px;
   line-height:1.2em;
   background:url("/graphics/events.gif") no-repeat 3px 9px;
}
.rightitems ul li.shop {
   padding:6px 10px 8px 23px;
   line-height:1.2em;
   background:url("/graphics/shop.gif") no-repeat 3px 9px;
}
.rightitems ul li a {
   font-weight:normal;
   color: #009933;
}
.rightitems p.viewall a {
   display:block;
   background:url("/graphics/arrow.gif") no-repeat 0 0;
   padding:2px 0 0 14px;
   font-weight:bold;
   color:#d50066;
}

.rightitems ul.viewall li {
   background-image:url("/graphics/arrow.gif");
   padding-bottom:0;
   margin:0;
}
.rightitems ul.viewall li a {
   color:#d50066;
}

.rightitems ul.viewall li a {
   color:#d50066;
   font-weight:normal;
}
.rightitems ul.viewall li a.hilite {
   font-weight:bold;
}
.rightitems ul li.doc {
	color: #777;
}

/* Style used for Opt-in section (hide it. then show via javascript/jquery)
----------------------------------------------- */

table#formfill {
    display: none;
}

/* Opt-in Management styles
----------------------------------------------- */

#options .sub_name {
	width:150px;
	float:left;
}

#options .sub_opts {
	width:560px;
	float:left;
}

#options .subject {
	padding:5px 0;
	background-color:#ffeff7;
}

#options .subject2 {
	padding:5px 0;
	background-color:#fff;
}

#options label {
	margin:0 10px 0 0;
}

#options p {
	margin:0 0 0.5em 0;
}

#optins_login input {
	margin:0 10px;
	width:250px;
}