/*
-----------------------------------------------
Welsh Tourism Alliance
Author:www.imaginet.co.uk
Version:16 August 2007 
----------------------------------------------- */



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

* {
   padding:0;
   margin:0;
}
a {
   color:#CC3333;
   text-decoration:underline;
}
a:hover {
   text-decoration:none;
}
a img {
   border:0;
}
p {
   margin:0 0 1em 0;
   line-height:1.6em;
}
ul {
   list-style-type:none;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}



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

html body {
   margin:30px 0 2em 0;
   background-color:#fff;
   color:#000;
   text-align:center;
   font:0.8125em Verdana,Sans-serif;
}
#page {
   background:#fff url("graphics/pagebg.gif") repeat-y top;
   width:945px;
   margin:0 auto;
   padding:0;
   text-align:center;
   font-size:85%;
}
#page_cy {
   background:#fff url("graphics/pagebg_cy.gif") repeat-y top;
   width:945px;
   margin:0 auto;
   padding:0;
   text-align:center;
   font-size:85%;
}
#masthead {
   background-color:#5ba446;
   width:945px;
   margin:0 auto;
   padding:0;
   text-align:center;
   font-size:85%;
}

#masthead_cy {
   background-color:#b8292f;
   width:945px;
   margin:0 auto;
   padding:0;
   text-align:center;
   font-size:85%;
}

#photographs {
   width:945px;
   margin:0 auto;
   padding:0;
   text-align:center;
   font-size:85%;
}

#left {
   float:left;
   width:249px;
   margin:0px;
   padding:0 0 0 16px;
   color:#fff;
}
#right {
   float:right;
   width:680px;
   text-align:left;
}
#footer {
   background-color:#8ABD57;
   width:945px;
   margin:0 auto;
   padding:0;
   text-align:center;
   font-size:85%;
   color:#fff;
   padding:15px 0; 
}


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

#masthead .headleft, #masthead_cy .headleft {
   float:left;
   width:432px;
   text-align:left;
   padding:6px 0 0 40px;
}

#masthead .headright, #masthead_cy .headright {
   float:right;
   width:290px;
   padding:13px 15px 0 0;
}

.hottopic {
   background:#CC3333 url("graphics/boxbg.gif") no-repeat;
   text-align:left;
   padding:8px 15px 5px 15px;
   color:#fff;
   margin:0 0 10px 0;
}

.hottopic p {
   margin:0 0 5px 0;
}

.hottopic h3 {
   color:#fff;
   font-weight:bold;
   font-size:1em;
   margin:0 0 5px 0;
}

.hottopic a {
   color:#fff;
   font-weight:normal;
   text-decoration:none;
}

.hottopic a:hover {
   text-decoration:underline;
}

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

#leftnav {
   text-align:left;
   width:224px;
   padding:23px 0 23px 25px;
   background-color:#003300;
}

#leftnav li {
   padding:0 0 10px 0;
}

#leftnav li a {
   color:#fff;
   font-weight:bold;
   text-decoration:none;
   width:224px;
}

#leftnav li a:hover {
   text-decoration:underline;
}

#leftnav li a.active {
   color:#8ABD57;
}


#leftnav ul ul {
   padding:5px 0 0 10px;
}

#leftnav li li {
   padding:0 0 5px 0;
   background:url("graphics/bullet2.gif") no-repeat 0 5px;
}

#leftnav li li a {
   color:#fff;
   font-weight:normal;
   text-decoration:none;
   width:214px;
   padding:0 0 0 10px;
   font-size:0.9em;
}

#leftnav li li a:hover {
   text-decoration:underline;
}



#left .links li {
   width:249px;
   border-bottom:1px solid #fff;
   
}

#left .links li a {
   width:224px;
   display:block;
   background:#CC3333 url("graphics/h2arrow.gif") no-repeat left;
   color:#fff;
   font-weight:bold;
   text-decoration:none;
   padding:8px 0 8px 25px;
   text-align:left;
}

#left .links li a:hover {
   text-decoration:underline;
}

#left .newsletter {
   text-align:left;
   padding:20px 0 0 0;
}

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

#home {
   margin:30px 15px;
}

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

#home .news, #content .news {
   border-bottom:1px solid #CC3333;
   padding:10px 0 10px 10px;
   width:640px;
}

span.newstitle {
   color:#CC3333;
   font-weight:bold;
}

.news a {
   font-weight:bold;
}

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

#footer .footleft {
   float:left;
   width:457px;
   text-align:left;
   padding:0 0 0 15px;
}

#footer .footright {
   float:right;
   width:457px;
   text-align:right;
   padding:0 15px 0 0;
}

#footer a {
   color:#fff;
   font-weight:bold;
   text-decoration:none;
}
#footer a:hover {
   text-decoration:underline;
}


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

#form {
   width:650px;
   background:#FFCCCC;
   padding:10px 0 10px 0;
   margin-bottom:8px;
}
#form table td {
   color:#656D7D;
   padding:6px 6px 6px 6px;
   text-align:left;  
}
#form label {
     color:#000;
}
form input.border1 {
  background: #FFF;
  border: 1px #C4C6CA solid;
  font:Verdana;
}


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

#content {
   padding:30px 15px;
}

h1 {
   width:600px;
   color:#fff;
   background:#8ABD57 url("graphics/h1arrow.gif") no-repeat left;
   font-size:1.1em;
   font-weight:bold;
   padding:8px 25px;
   margin:0 0 10px 0;
}

h2 {
   width:600px;
   color:#fff;
   background:#CC3333 url("graphics/h2arrow.gif") no-repeat left;
   font-size:1.1em;
   font-weight:bold;
   padding:8px 25px;
   margin:0 0 10px 0;
}

h3 {
   color:#CC3333;
   font-size:1.3em;
   font-weight:bold;
   margin:0 0 10px 0;
}

h4 {
   color:#8ABD57;
   font-size:1em;
   font-weight:bold;
   margin:0 0 10px 0;
}

#home, #content ul {
   padding:8px 0;
}

#home, #content ul li {
   padding:4px 0 4px 20px;
   background:url("graphics/bullet1.gif") no-repeat 0 8px;
}

#home, #content ol {
   padding:8px 0 8px 22px;
}

#home, #content ol li {
   padding:4px 0;
}


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

img.left1, img.left2 {
   float:left;
   padding:0;
   margin:0 20px 10px 0;
}
img.right1, img.right2 {
   float:right;
   padding:0;
   margin:0 0 10px 20px;
}
img.left1, img.right1 {
   border:1px solid #999;
}
img.left3, img.right3 {
   float:none;
   border:none;
}

/* Associations
----------------------------------------------- */

#documents {
   float:right;
   width:180px;
   border:1px solid #CC3333;
   margin:0 0 5px 10px;
}

#documents .doctitle {
   background-color:#CC3333;
   color:#fff;
   font-weight:bold;
   padding:4px;
}

#documents .docs {
   padding:4px;
}

#documents li.pdf {
   background:url("graphics/pdf.gif") no-repeat 0 2px;
}