/* Resets
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, fieldset, legend, blockquote { margin: 0; padding: 0; }
li { list-style: none; margin: 0px; padding: 0px; }
img { border: none; }
a, a:link, a:visited, a:active, a:hover { text-decoration: none; font-weight: normal; color: #F60; outline: none; }
a:hover { color: #4FA0BE; }
hr, span, .plain-only{	display:none;}
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font: 82.5% "Trebuchet MS", Arial, Helvetica, sans-serif; background: #758A79; }
.clear { clear:both; }
/* general
--------------------------------------------------*/
#wraphome { background: #FFF url(img/home-bg.png) repeat-x 0px 0px; }
#wrap { background: #FFF url(img/bg2.png) repeat-x top; }
#container { display: block; margin-right: auto; margin-left: auto; width: 980px; position: relative; padding: 0px 0px 0px; }
#top { background: url(img/top.jpg); height: 108px; width: 921px; }
#header { background: url(img/header.png) repeat-x center top; height: 72px; }
#mid{ background: url(img/content.png) no-repeat 0px 0px; clear: both; width: 921px; }
#content { padding-right: 20px; padding-left: 20px; background: url(img/content.png) no-repeat center top; padding-bottom:20px;}
#content p { color: #333; padding-bottom: 12px; }


/* banner on homepage
--------------------------------------------------*/
#banner .lcol { float: left; width: 219px; margin-right: 0px; padding: 0px 9px 0px 0px; }
#banner .rcol { padding: 0px 0px 9px; float: left; width: 675px; }
#banner .lcol .box.top { background: url(img/lcol-top-bg.jpg); height: 82px; width: 198px; margin-bottom: 9px; }
#banner .lcol .box.mid { background: url(img/lcol-mid-bg.jpg) no-repeat; height: 50px; width: 198px; display: block; }
#banner .lcol .box.btm { background: url(img/lcol-btm-bg.jpg) no-repeat; height: 40px; }
#banner .lcol p { font-size: 9pt; line-height: 110%; padding-right: 60px; }
#banner .lcol .box { padding: 5px 9px 9px 12px; display: block; }
#banner h2 a, #banner h2 a:link, #banner h2 a:visited, #banner h2 a:active { font-weight:bold; color: #333; text-decoration: underline; font-size: 9pt; }
#banner h2 a:hover {color:#FFF;}
#banner { height: 198px; background: url(img/banner-bg.png) no-repeat; position: relative; width: 980px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; }


/*menu styles
--------------------------------------------------*/
#navbox { position: absolute; z-index: 98; top: -28px; background: #FFF; width: 960px; padding-left: 0px; height:26px; left: 10px; }
#nav ul { position: absolute; left: -1000em; overflow: hidden; z-index: 100; }
.hidden, .hide, caption { display: none; }
#nav { padding: 0 0 0 0px; text-transform: capitalize; text-decoration: none; font: normal 85% Georgia, "Times New Roman", Times, serif; }
#nav li { float: left; position: relative; z-index: 20; margin-right: 0px; border-right: 1px solid #666; }
#nav li a,
#nav li a:link,
#nav li a:visited,
#nav li a:active { float: left; display: block; color: #333; height: 18px; font-weight: normal; width: 132px; padding: 7px 0px 2px 10px; text-align: left; text-decoration: none; white-space: nowrap; }

#nav li.n1 a,
#nav li.n1 a:link,
#nav li.n1 a:visited,
#nav li.n1 a:active { width: 80px; }

#nav li.n8 a,
#nav li.n8 a:link,
#nav li.n8 a:visited,
#nav li.n8 a:active {width: 144px;}

#nav li a em,
#nav li a:link em,
#nav li a:visited em,
#nav li a:active em { color: #D7B184; font-style: normal; }

#nav li a:hover em { color: #777; }
#nav li a:hover { background: url(img/divider.jpg) no-repeat right top; color: #fff; }
#nav li:hover ul { overflow: visible; top: 27px; left: 0px; font-size: 1em; width: 165px; height: auto; repeat 0% 100%; padding: 0px; border-top: 1px solid #666; }

#nav li.n2:hover ul,
#nav li.n3:hover ul,
#nav li.n4:hover ul,
#nav li.n5:hover ul,
#nav li.n7:hover ul,
#nav li.n8:hover ul,
#nav li.n9:hover ul,
#nav li.n10:hover ul { background: #FFF; margin: 0px; padding: 0px; width:171px; }
#nav li ul li, #nav li ul li a { float: none; margin: 0px; padding: 0px; border-left: 1px solid #666; }
#nav li ul li a,
#nav li ul li a:link,
#nav li ul li a:visited,
#nav li ul li a:active { float: none; width: 150px; height: auto; padding: 4px 10px; display: block; border-right: none; border-top: none; color: #151713; margin: 0 0 0 0px; border-bottom: 1px solid #999; border-left: none; text-align: left; text-transform: capitalize; background: url(none); font-weight: normal; font-size: 100%; }
#nav li.n8 ul li a,
#nav li.n8 ul li a:link,
#nav li.n8 ul li a:visited,
#nav li.n8 ul li a:active
#nav li.n8 ul li a:hover { width:125px; }
#navbox #nav #current,  #navbox #nav li a:hover { color: #FFF; background: #7499A2; }


/*font resizer styles
--------------------------------------------------*/
#access ul { position: absolute; top: 10px; right: 10px; padding-right: 0; padding-bottom: 0; }
#access li { float: left; margin-left: 3px; }
#access li a { display: block; float: left; width: 19px; height: 20px }
#access li a#up { background: url('img/access.gif') no-repeat -19px 0; }
#access li a#down { background: url('img/access.gif') no-repeat -38px 0; }
#access li a#up:hover,
#access li a#down:hover,
#access li a#plain:hover { background-color: #fff; }

#access ul#lang { position: absolute; top: 0px; right: 10px; padding-right: 0; padding-bottom: 0; background: url(img/lang.jpg); height: 29px; width: 219px; display: block; }
#access #lang li { float: left; margin-left: 3px; }
#access #lang li a { display: block; float: left; height: 20px; color: #FFF; width: 58px; border-style: none; padding-left: 45px; padding-top: 6px; }

#access #lang li a:hover { color: #9FBE46; }



/* calender 
--------------------------------------------------*/
.calendarBG { color: #000; margin-left: 0px; padding: 0px; }
.calendarBG .calendarCell { border: 1px none #4D5345; padding: 0px; width: 25px; background: url(img/bg_calendar.gif) no-repeat; }
.calendarBG .calendarRow .calendarCell a, .calendarBG .calendarRow .calendarToday a { color: #000; display: block; font-weight: normal; width: 25px; background: url(img/bg_calendar.gif) no-repeat -25px 0px; }
.calendarBG .calendarRow .calendarCell a:hover { background: #2571AD; color: #FFF; display: block; font-weight: normal; }

.calendarBG .calendarHeader th { font-weight: bold; padding-top: 0px; padding-bottom: 0px; }
.calendarBG .calendarRow .calendarToday a { background: #7499A2; color: #FFF; font-weight: bold; }
.calendarBG tr .calendarDayHeading { background: #D9E2E1; text-align: center; font-weight: bold; margin: 0px; padding: 0px; }
.calendarBG .calendarHeader th a { color: #FFF; font-weight: bold; padding-top: 2px; }


/*footer styles
--------------------------------------------------*/
#footer { background: url(img/footer.png) no-repeat right top; height: 155px; clear: both; position: relative; width: 980px; margin-right: auto; margin-left: auto; }#footer #quicklinks { height: 100px; width: 672px; display: block; position: absolute; left: 230px; padding-top: 7px; padding-left: 7px; }
#footer #quicklinks li { display: inline; float: left; margin-right: 7px; }
#footer #quicklinks li a, #footer #quicklinks li a:link, #footer #quicklinks li a:visited, #footer #quicklinks li a:active { height: 30px; width: 70px; display: block; padding-top: 65px; color: #FFF; padding-left: 6px; font-size: 90%; line-height: 95%; }
#footer #terms { padding-top: 120px; float: right; }
#footer .snpa { background: url(img/logos/snpa.jpg); display: block; height: 90px; width: 70px; float:left; margin-right:9px;}
#footer .tpmw { background: url(img/logos/tpmw.jpg); display: block; height: 90px; width: 51px; float:left; margin-right:9px;}
#footer .bryn { background: url(img/logos/bryngolau.jpg) no-repeat; display: block; height: 34px; width: 150px; margin-left: 60px; margin-bottom: 9px; }


#footer #footerlogos { padding-top: 147px; width: 228px; }
#footerlogos p { padding-bottom:9px; font-size: 80%; }

#footer #terms ul { text-align: right; }
#footer #terms ul li { display: inline; border-right: 1px solid #333; padding-right: 6px; padding-left: 6px; }
#footer #terms p { color: #333; padding-top: 9px; text-align: right; display: block; float: right; }



#footer #quicklinks li a:hover { color: #ADCF4F; background: url(img/quicklinks-hover-bg.jpg) no-repeat 1px 62px; }
#content .lcol { float: left; width: 219px; padding-bottom: 20px; }
#content .rcol { width: 240px; float: right; padding-bottom: 20px; }
#content .mcol { width: 447px; margin-right: 9px; margin-left: 226px; }
#content .fullcol { width: 677px; margin-left: 226px; }
#content h3 { color: #333; font: normal 1.5em Georgia, "Times New Roman", Times, serif; padding-bottom: 12px; padding-top: 5px; overflow: auto; width: 100%;}
p.date { font: normal .85em Georgia, "Times New Roman", Times, serif; color: #4D5345; margin: 0px; padding: 0px; }
#content #event-pic a { float: left; margin-right: 12px; margin-bottom: 40px; }
#subnav { background: #ADCF4F; }
#subnav li a, #subnav li a:link, #subnav li a:visited,  #subnav li a:active { color: #333; padding: 6px 9px; display: block; border-bottom: 1px solid #CAE08C; }
#subnav li a:hover { background: #8D3457; color: #FFF; }
#content .lcol .menubtm { background: url(img/subnav-btm-bg.jpg) no-repeat; height: 9px; }
#content .lcol h2, #content .rcol h2 { background: url(img/subnav-h2-bg.jpg); height: 29px; padding-top: 6px; padding-left: 9px; font: normal 1.4em Georgia, "Times New Roman", Times, serif; }
#content .thumbs { padding-bottom:20px; padding-left: 9px; }
#content .fullcol .thumbs a, #content .fullcol .thumbs a:link, #content .fullcol .thumbs a:visited, #content .fullcol .thumbs a:active { width:150px; height:130px; display:block; border: 0px solid #979475; float:left; margin-right:11px; margin-bottom: 11px; clear: none; }
.thumbs a:hover { border: 0px solid #000; }

/*no results styles
--------------------------------------------------*/
.error { padding:10px 20px 20px; background-color:#FCC; border: 1px dashed #F00;  margin-bottom: 15px;  }
.error-en { padding:10px 20px 20px; border: 1px dashed #FC0; margin-bottom: 15px; background: #FFC; } 
.error-st { padding:10px 20px 20px; border: 1px dashed #39C; margin-bottom: 15px; background: #DEEFEF; } 


/* General Form Styles
--------------------------------------------------*/
form { margin: 5px 0 15px; font-size: 100%; }
fieldset { border: 1px solid #999999; padding: 5px; }
legend {	padding: 5px;	font-weight: bold;	color: #1F1F1F;}
label { display: block; margin: 10px 0 4px 0; color: #85815B; }
label.check { display: inline; }

textarea, input { width: 98%; border: 1px solid #7F9DB9; padding: 3px; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #888; margin: 0; background: #FFF url(/templates/img/formshadow.jpg); }
select {	width: 100%;}
input.check { background: none; border: none; width: auto; margin: 6px 4px 0 4px; }
input.submit{ color:#000000; font: bold 1.2em Arial, Helvetica, sans-serif; width: 150px; margin-top: 15px; background: #CCC url(/templates/img/submit.png); padding: 0px; height: 30px; border-style: none; cursor:pointer; cursor:hand; }
textarea{ height: 100px; }







#content .fullcol h4 { color: #85815B; font-size: 1.4em; border-bottom: 1px solid #85815B; padding-bottom: 3px; }
#content .fullcol ul { color: #333; padding-bottom: 20px; }
#content .fullcol ul li { padding-left: 20px; background: url(img/0009_round%20cyan.png) no-repeat 0px 2px; }
.pic-l { float: left; margin-right: 12px; margin-bottom: 12px; }
#content .mcol h4 { color: #F7F2B4; font-size: 1.4em; display: block; background: #85815B; padding: 4px; height: 26px; }
.enhanced { padding: 9px; background: url(img/enhanced-bg.jpg) repeat-x; position: relative; margin-bottom: 10px; border-top: none #ABCE4E; border-right: 1px solid #ABCE4E; border-bottom: 1px solid #ABCE4E; border-left: 1px solid #ABCE4E; }
#content .enhanced p, #content .standard p { margin: 0px 0px 0px 120px; padding: 0px 0px 12px; display: block; }
#content .enhanced .left p {margin:0; padding:0;}
#content .enhanced p.summary, #content .standard p.summary { padding-top: 0px; padding-right: 0px; padding-bottom: 20px; }
.enhanced .left { width: 110px; float: left; }
.enhanced .vwrating { float: left; margin-left: 17px; margin-top: 12px; }
#content .enhanced p.address, #content .standard p.address{ padding: 0px 0px 0px; }
#content .enhanced p.web, #content .standard p.web  { margin-top:9px; padding-bottom: 25px; }
#content .enhanced p.tel, #content .enhanced p.email, #content .standard p.tel, #content .standard p.email { padding: 0px;}
#content .uptodate p {padding-top:50px; padding-bottom:20px;}
#content span { display:inline; }
a.showdeets { color: #FFF; background: url(/templates/img/weblink.jpg); height: 21px; width: 162px; display: block; float: left; padding-left: 8px; padding-top: 3px; margin-top: 12px; font-size: .85em; }
.enhanced .en-details { display: block; height: 25px; padding-top: 2px; padding-left: 12px; background: url(/templates/img/assets/details-enhanced.jpg) no-repeat right top; text-align: right; padding-right: 37px; }
.enhanced a.en-details:hover { color: #FFF; }
.enhanced a.en-details { color: #000; }

.standard .en-details { display: block; height: 23px; padding-top: 4px; padding-left: 12px; background: #9CC; text-align: right; padding-right: 12px; }
.standard a.en-details:hover { color: #FFF; background: #7ABCBC; }
.standard a.en-details { color: #000; }
#tourism #map {height: 400px; width: 670px; margin-top: 9px; background: #A7CC95; text-align: center; padding-right: 10px; padding-left: 10px; padding-bottom:10px; border: 1px solid #CCC;  clear:both;}
#map { height: 300px; width: 422px; margin-top: 9px; background: #A7CC95; text-align: center; padding-right: 10px; padding-left: 10px; padding-bottom:10px; border: 1px solid #CCC;  clear:both;}

.fullcol #map {height: 400px; width: 647px; margin-top: 20px; background: #A7CC95; text-align: center; padding-right: 10px; padding-left: 10px; display:block; margin-bottom:20px; }
#eventmap { height: 300px; width: 199px; margin-top: 9px; background: #A7CC95; text-align: center; padding-right: 10px; padding-left: 10px; }
.lcol p.mapfallback { text-align: center; padding: 12px 20px 20px; }
.lcol p.mapfallsmall { font-size: 85%; text-align: center; padding-right: 20px; padding-left: 20px; }
#map .pic-c { display: block; margin-right: auto; margin-left: auto; width:126px; padding-top: 30px; padding-bottom: 20px; }
#content .fullcol .thumbs a img { float: left; }
.rcol .pic-c-logo {width:150px; height:150px; display:block; margin-left:auto; margin-right:auto; margin-bottom:12px;}
.pic-c {display:block; margin-right:auto; margin-left:auto; margin-top:9px;}
.rcol .deets {color:#333;}
#rcol h4 { color:#333; padding-top:9px; padding-left:0px; padding-bottom:3px; }
.enhanced .left .green { float: left; }
#content .mcol h4.standard { background: #FFF; color: #85815B; border-bottom: 1px solid #ABCE4E; border-left:none; border-right: none; margin-bottom:0px;}
.standard { border-left:1px solid #ABCE4E; border-right: 1px solid #ABCE4E; border-bottom: 1px solid #ABCE4E; padding:9px; margin-bottom:20px;}
.pops{ height:240px;}
.pops a { width:219px; height:108px; display:block; margin-right:4px; margin-bottom:4px; float:left;}
.highslide-maincontent {width:600px; height:450px;}
#footer p { color: #CCC; text-align: right; font-size: 75%; padding-top: 115px; }
#content .spons, #content .spons-now, #content .part, #content .part-now { background: #CCC url(img/sponsor-bg.jpg); margin-top:9px; padding:3px 3px 3px 6px; height: 40px; }
#content .part, #content .part-now {background: #CCC url(img/partner-bg.jpg);}
h5 {color:#333;}
#access { display:block; width: 980px; margin-right: auto; margin-left: auto; height: 44px; position: relative; }
#lang {position:absolute; top:20px; left:550px;}
#content .lcol .spons a, #content .lcol .spons a:link, #content .lcol .spons a:visited, #content .lcol .spons a:active, #content .lcol .part a, #content .lcol .part a:link, #content .lcol .part a:visited, #content .lcol .part a:active { font-weight: bold;  }
#content .lcol .spons-now a, #content .lcol .part-now a { font-weight: bold;  }
a.download { padding: 2px 2px 2px 0px; margin-top: 3px; display: block; margin-left: 0px; color: #F00; border-bottom: 1px solid #C00; border-left: none; }
a.download:hover { color: #000; border-bottom: 1px solid #000; border-left: none; }
.hrshow{ height:9px; border-top:1px solid #ccc; overflow: auto; width: 100%;  }

.spaced {margin-top:9px;}
#content .mcol ul li { color: #333; background: url(img/0009_round%20cyan.png) no-repeat 0px 3px; padding-left: 20px; padding-bottom: 5px; margin-left: 15px; }
#content .mcol ul { padding-bottom:20px;}
#content .lcol #events h2, #content .rcol #events h2 { background: url(img/assets/calendar.jpg); height: 50px; }
#events ul li a { display: block; padding: 3px 9px; border-bottom: 1px solid #CCC; }
#content .lcol #events ul { margin-bottom: 20px; }
#events ul li a:hover { background: #EAE7DB; color: #000; }
#content p.summary {font-size:90%; margin-top:12px;}
#flashcontent {width:800px; height:300px; margin-left:auto; margin-right:auto; margin-bottom:20px; background:#000; border:#000 solid 50px;}
object { outline:none; }
#content .fullcol p .showdeets, #content .mcol a.weblink { background: url(img/assets/details.gif) no-repeat; height: 28px; width: 195px; display: block; padding-top: 2px; padding-left: 5px; color: #000; }

#content .fullcol p .showdeets{ float:left;}

#content .fullcol p .showdeets:hover, #content .mcol a.weblink:hover {color:#FFF;}
.login { padding:5px 20px; background: #4D5345 url(img/box-top.jpg) no-repeat left top; color: #FFF; }
#content p.login { padding:0px; font-weight:bold; margin-bottom:0px; }
.logo .logolink { background: url(/templates/img/logos/logo.png) no-repeat; height: 44px; width: 152px; position: absolute; padding: 0px; left: 0px; top: -44px; display: block; }
#header .logo { width: 960px; display: block; margin-right: auto; margin-left: auto; position: relative; }
#content .mcol p { text-align: justify; }
#content #events ul .date b { color: #B0161E; font: bold 9pt "Trebuchet MS", Arial, Helvetica, sans-serif; padding-right: 3px; padding-left: 3px; border-style: none; }
#content #events .date {border-style: none; }
#eventbox {min-height:130px;}
#content .fullcol h2 { color: #003399;; font-weight: normal; }
#content .mcol .standard ul { margin-left: 100px; }
#content .mcol .standard ul li { background: url(img/0009_round%20cyan.png) no-repeat; }
#content .mcol .enhanced ul { margin-left: 110px; }
#content .mcol p.block {display:block; padding:0px; margin:0px; font-size:1.2em;}
#lcol { width: 450px; float: left; margin-right: 20px; }
#mcol { width: 220px; float: left; height: 100px; }
#rcol { width: 220px; float: right; padding: 0px; }
#footerwrap { background: url(img/footerwrap.png) repeat-x; clear: both; }
#wrap #container { background: url(img/bg.png) no-repeat center 20px; }
#wrap #banner { height: 29px; }
#banner #minical { position: absolute; width: 200px; left: 753px; top: 2px; font-size: 0.875em; }
#banner #boxtwo { position: absolute; width: 200px; left: 496px; top: 5px; padding: 10px; }
#banner h2 { font: normal 1em Georgia, "Times New Roman", Times, serif; }
#banner #boxtwo p { padding-bottom: 30px; }
#banner #boxtwo p.first { padding-left: 75px; font-size: 85%; padding-top: 3px; }
#banner #boxtwo p.last { padding-right: 70px; font-size: 85%; }
#rcol #events h2 { font-size: 1em; }
#wrap #container #banner2 { background: url(img/bg.png) no-repeat center bottom; height: 30px; width: 980px; }
#lcol h2{ display: block; padding-bottom: 10px; font: 1em Georgia, "Times New Roman", Times, serif; }
#content #rcol .calendarBG .calendarHeader th a { color: #039; display: block; padding-bottom: 5px; }
#lcol.twocol { width: 690px; }
#content .lcol.onecol {width:80px; display:block; float:left;}
#banner #hr { background: url(img/bg.gif) no-repeat; height: 9px; position: absolute; bottom: 0px; width: 950px; padding-left: 10px; left: 10px; }
.rcolbody {margin-left:220px;}
#lcol .rcolbody ul { padding-bottom: 20px; }
#lcol .rcolbody li { background: url(img/0019_swd_bullet_32.png) no-repeat 0px 3px; padding-left: 20px; padding-bottom: 5px; }
.subnavdrk{ background: url(img/box-top.jpg) left top; display: block; padding-top: 12px; }
#subcats { background: #4D5345; padding:5px; display: block; }
#subcats li a { color:#CCC; border-bottom: 1px dotted #E7ECCE; display: block; padding: 2px 10px; }
.subdrkbtm { display:block; background:url(img/boxbtm.jpg) no-repeat left bottom; padding-bottom: 0px; padding-top: 0px; height: 12px; width: 220px; margin-bottom:20px; }
#subcats li a:hover { background-color:#000; color: #FFF; }
#lcol .rcolsmall h4 a { font: 1.4em Georgia, "Times New Roman", Times, serif; color: #F60; }
#lcol ul li { background: url(img/0019_swd_bullet_32.png) no-repeat 0px 3px; padding-left: 20px; padding-bottom: 2px; }
#lcol ul {padding-bottom:20px;}
#homethumbs img {float:left; margin-right:7px;}
.login form label { color: #FFF; }
.login form .input { background: #FFF; }
.login form .submit { background: #A0C06D; }
p.login { color: #FFF; }
#rcol .login h4 { padding-top: 5px; color:#FFF}
#rcol .boxbtm { background: #4D5345 url(img/boxbtm.jpg) no-repeat 0px 0px; height: 12px; width: 220px; display: block; margin: 0px; padding: 0px; border-color: #4D5345; border-style: none; }
#homecomments { background: url(img/quotetop.jpg) no-repeat; padding-left: 35px; padding-right: 20px; }
#homecomments .author { background: url(img/quotebtm.jpg) no-repeat right bottom; text-align: right; padding-bottom: 30px; }
#mcol img {margin-bottom:10px;}
#events {margin-bottom:20px;}
p.logged { color:#CCC; font-size:80%; position:absolute; top: 13px; left: 350px; }
p.access{ color:#CCC; font-size:80%; position:absolute; top: 13px; right: 60px; }
#rcol .calendarBG { float: right; }
#rcol .calendarBG .calendarRow .calendarCell { padding: 0px; border: 1px solid #D6D6D6; }


/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {	background-color: transparent;	color: #73769D;	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;	font-size: 10px;	white-space: nowrap;	}
.htmlButtonOutter, .htmlButtonOutterL {	background-color: #f6f6f6;	border-bottom: #333 1px solid;	border-right: #333 1px solid;	border-top: #333 1px solid;	padding: 0;	}
.htmlButtonOutterL {	border-left: #333 1px solid;	}
.htmlButtonInner {	background-color: transparent;	border-bottom: #ccc 1px solid;	border-left: #fff 1px solid;	border-right: #ccc 1px solid;	border-top: #fff 1px solid;	padding: 0 3px 0 3px;	text-align: center;	}
.htmlButtonOff {	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;	font-size: 11px;	font-weight: bold;	padding: 1px 2px 2px 2px;	white-space: nowrap;	}
.htmlButtonOff a:link {	color: #000;	text-decoration: none;	white-space: nowrap;	}
.htmlButtonOff a:visited {	text-decoration: none;	}
.htmlButtonOff a:active {	color: #999;	text-decoration: none;	}
.htmlButtonOff a:hover {	color: #999;	text-decoration: none;	}
.htmlButtonOn {	background: #f6f6f6;	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;	font-size: 11px;	font-weight: bold;	padding: 1px 2px 2px 2px;	white-space: nowrap;	}
.htmlButtonOn a:link {	color: #990000;	text-decoration: none;	white-space: nowrap;	}
.htmlButtonOn a:visited {	text-decoration: none;	}
.htmlButtonOn a:active {	color: #999;	text-decoration: none;	}
.htmlButtonOn a:hover {	color: #999;	text-decoration: none;	}
.htmlButtonA {	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;	font-size: 11px;	font-weight: bold;	padding: 2px 3px 3px 3px;	white-space: nowrap;	}
.htmlButtonB {	background: #E1E3EC;	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;	font-size: 11px;	font-weight: bold;	padding: 2px 3px 3px 3px;	white-space: nowrap;	}
.htmlButtonA a:link {	color: #000;	font-weight: bold;	text-decoration: none;	white-space: nowrap;	}
.htmlButtonA a:visited {	text-decoration: none;	}
.htmlButtonA a:active {	color: #999;	text-decoration: none;	}
.htmlButtonA a:hover {	color: #999;	text-decoration: none;	}
.htmlButtonB a:link {	color: #990000;	font-weight: bold;	text-decoration: none;	white-space: nowrap;	}
.htmlButtonB a:visited {	text-decoration: none;	}
.htmlButtonB a:active {	color: #999;	text-decoration: none;	}
.htmlButtonB a:hover {	color: #999;	text-decoration: none;	}
#footer a, #footer a:link, #footer a:visited, #footer a:active { color: #FFF; font-weight: bold; }


/*comments
----------------------------------------------------*/
.comments-content-odd { padding-left: 0px; padding-right: 50px; padding-top: 30px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF5DC; background: #EAECD2; color: #706561; margin-bottom: 10px; margin-top: 10px; position: relative; margin-bottom:12px; }
.comments-content-even { padding-top: 15px; padding-right: 50px; padding-bottom: 5px; padding-left: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #FEF4DB; background: #D0D59B; color: #000; position: relative; margin-bottom:12px; }
#comment_form { padding-left: 0px; padding-right: 150px; margin-bottom:12px; }

#comment_form input { margin-top: 5px; margin-bottom: 5px; }
.comments-content-odd dl .name { font-size: 12px; position: absolute; left: 4px; top: 6px; width: 172px; height: 21px; font-weight: bold; }
.comments-content-odd dl .date { position: absolute; font-size: 12px; top: 10px; right: 10px; }
.comments-content-even dl .name { position: absolute; font-size: 12px; left: 10px; top: 10px; font-weight: bold; }
.comments-content-even dl .date { position: absolute; font-size: 12px; top: 10px; right: 10px; }
span.smaller { display:inline; font-size:75%; font-style:italic;}#thumbs { margin-top: 15px; }
#thumbs h3 { font-size: 1em; font-weight: bold; }
.iconify { float:left; margin-bottom:20px; margin-right:8px; margin-top: 5px; }
#lcol ul.simple-translator { position: absolute; right: 280px; }
#lcol ul.simple-translator li { display:inline; padding-left: 23px; }
#lcol ul.simple-translator li a, #lcol ul.simple-translator li a:link, #lcol ul.simple-translator li a:visited, #lcol ul.simple-translator li a:active  { color:#333; font-size:.85em;}
#lcol ul.simple-translator li a:hover { color:red;}
#lcol ul.simple-translator li.first { background: url(img/logos/eng.png) no-repeat 0px 3px; margin-right:12px; }
#lcol ul.simple-translator li.last {background: url(img/logos/cym.png) no-repeat 0px 3px;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	.clearfix {display: inline-block;}  /* for IE/Mac */
#rcol .stats li { font-size: .75em; background: url(img/0084_trustyol-check-blue.png) no-repeat 0px 2px; padding-left: 15px; padding-bottom: 3px; }
h4.geeka {background: background: url(img/geekazoids.jpg); height: 35px;  background: url(img/geekazoids.jpg) no-repeat right -5px; display:block;padding-top: 10px;}
#content #lcol h4.comments { padding-top: 20px; border-bottom: 1px dotted #CCC; padding-bottom: 5px; }
p.small {font-size:85%;}