/*

Standard colours

Primary Color
#405080 - mid blue
#363C4E - mid / dk blue
#06133A - dk blue
#B4C5F6 - egshell blue
#E2E7F6 - v lt blue

Secondary Color A
#BEAE53 - gold
#232323 - brass
#564B08 - bronze
#FAEFAF - cream	
#FAF7E3 - lt cream

Secondary Color B
#232323 - salmon
#745F4C - tan brown
#562D08 - turd brown
#FAD2AF - lt salmon	
#FAEEE3 - v lt salmon

Dark red: #660000
Red: #CC0000
White: #FFFFFF
Black: #000000
Dark grey: #232323
Mid grey: #757575
Light grey: #F7F7F7
*/ 



/* Contents (to be completed!)

- Fonts -
- Links -
- Images and objects -
- Main menu - 
- Main content - 
- Footer -
- Lists -
- Image display for js -

*/
body {
color: #363C4E;
font-family: "Gill Sans", Arial, sans-serif;
font-size: 76%;
background-color: #F7F7F7;
padding: 0;
border: 0;
margin: 0;
z-index: -1;
}
/* Basic styles - fonts */
h1 { /* The Caergybi.com link in the header */
position: absolute;
/*display: block;
width: 8em;*/
background-color: transparent;
color: #06133A;
font-size: 3.6em;
font-weight: bold;
/*text-align: center;*/
top: 60px;
left: 324px;
margin: 0 0 0 0;
z-index: 22;
/*line-height: 2em;*/
}
.title_thin { /* The normal weight part of the main title */
letter-spacing: 0.1em;
font-weight: normal;
}
h2 { /* The tag line in the header */
position: relative;
background-color: transparent;
color: #D76F08;
font-size: 1.4em;
/*text-align: center;*/
margin: 90px 0 0 400px;
z-index: 23;
}
h3 {
font-size: 1.1em;
font-weight: bold;
line-height:1.8;
text-align: left;
margin-left: 4.2em;
text-decoration: none;
}
h3.abc_index {
line-height:2.2;
margin: 0.2em 0 0 4.2emem !important;
}
h3.tagline {
color: #D76F08;
font-size: 1.5em;
text-align: center;
margin: 0;
}
h4 {
color: #363C4E;
font-size: 1.1em;
font-weight: bold;
text-align: left;
margin: 0.6em 0 0 3em;
text-decoration: none;
padding: 0;
}
h4.forencyc {
font-size: 1.5em;
font-weight: bold;
text-align: left;
margin: 0.6em 0 0 2em;
text-decoration: none;
padding: 0;
line-height: 1em;
}
h4.piccomm {
font-size: 1em;
font-weight: bold;
text-align: center;
margin: 0.2em;
}
h4.reminder {
background-color: transparent;
color: #363C4E;
font-size: 1.2em;
font-weight: bold;
text-align: center;
text-decoration: none;
margin: 0;
}
p {
background-color: transparent;
color: #363C4E;
font-size: 1.1em;
line-height:1.4em;
text-align: left;
}
div#header p.headret {
background-color: transparent;
color: #363C4E;
font-size: 1em;
text-align: right;
margin-right: 4em;
margin-top: 0.4em;
padding: 0;
}
p.indent {
background-color: transparent;
color: #363C4E;
font-size: 1em;
text-align: left;
padding-left: 2em;
}
p.main {
font-size: 1em;
font-weight: bold;
text-align: center;
}
p.other {
font-size: 1.1em;
}
p.return {
text-align: right;
font-size: 0.9em;
margin: 0 1em 0 0;
padding: 0;
}
.efo_baner_cy {
padding: 0 0 0 25px;
background: url('http://www.caergybi.com/images/baner_dg.png') no-repeat left;
}
.efo_baner_en {
padding: 0 0 0 25px;
background: url('http://www.caergybi.com/images/baner_sg.png') no-repeat left;
}
#small_right {
text-align: left;
font-size: 0.9em;
margin: 0;
}
.smallest {
font-size: 0.8em;
text-indent: 2em;
color: #232323;
font-weight: normal;
}
div#content1 p{
margin-top: 0.8em;
margin-right: 2em;
margin-bottom: 0.8em;
margin-left: 2em;
line-height: 1.4;
}
div#content1 p.centered{
margin-top: 0.8em;
margin-right: 1em;
margin-bottom: 0.8em;
margin-left: 1em;
text-align: center;
line-height: 1.4;
}
.highlight {
background-color: #FFD980;
color: #000000;
}
.redp{
color: #F20000;
}
.bold{
font-weight: bold;
}
.italics{
font-style: italic;
}
.centred {
text-align: center;
}
.smaller {
margin: 0;
padding: 0;
font-size: 0.9em;
text-indent: 2em;
}
.small_admin {
margin: 0 6em 0 6em;
padding: 0;
font-size: 0.9em;
background: #FCF8FA;
border: 1px dotted #E6CEDA;
}
.small_copy {
font-size: 1em;
color: #363C4E;
background: #F7F7F7 url('images/copy_bg.gif') no-repeat top left !important;
border: 1px dotted #CCCCCC !important;
padding: 0.6em 0.6em 0.6em 4em;
margin: 0 1.1em 0 1.1em;
}
.small_picdescr {
color: #363C4E;
background: #F7F7F7 url('images/cq_bg_grey.gif') no-repeat bottom right;
border: 1px dotted #363C4E;
padding: 0.6em 4em 0.6em 0.2em;
margin: 0 1em 0.6em 1em;
line-height: 1.8em;
min-height: 35px;
}
.small_searchdescr {
color: #363C4E;
background: #F7F7F7 url('images/info_bg.gif') no-repeat top left;
border: 1px dotted #363C4E;
padding: 0.6em 0.6em 0.6em 1.1em;
margin: 0 1em 0.6em 1em;
line-height: 1.8em;
min-height: 35px;
}
.small_picdescr img {
border: 0;
padding: 0;
margin: -0.6em 0 0 0;
float: left;
}
.smallerpics {
font-size: 0.9em;
text-indent: 0;
}
acronym{
border: 0;
cursor: help;
text-decoration: none;
font-style: italic;
}
acronym.required{
border: 0;
cursor: help;
text-decoration: none;
font-style: normal;
color: #232323;
background-color: transparent;
}
/* Links */
a:link{
background-color: transparent;
color: #06133A;
text-decoration: underline;
}
a:visited{
background-color: transparent;
color: #06133A;
text-decoration: underline;
}
a:hover{
background-color: transparent;
color: #D76F08;
text-decoration: none;
}
a:active{
background-color: transparent;
color: #06133A;
text-decoration: none;
}
a.title:link{
background-color: transparent;
color: #06133A;
text-decoration: none;
}
a.title:visited{
background-color: transparent;
color: #06133A;
text-decoration: none;
}
a.title:hover{
background-color: transparent;
color: #23656D;
text-decoration: none;
}
a.title:active{
background-color: transparent;
color: #06133A;
text-decoration: none;
}
/* Images and objects */
img {
border: 0;
margin: 0;
padding: 0;
}
img.cc_licence {
margin: 0.6em 0.8em 0.6em 1.2em;
vertical-align:text-top;
}
img.centred{
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3;
display: block;
margin-left: auto;
margin-right: auto;
} 
object, embed {
float: left;
margin: 1em;
}
#the_player {
height: 27em;
}
/* Main menu */
div#menu {
position: absolute;
top: 12.1em;
left: 0;
height: 2.6em;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0 0 0 0;
border-style: solid;
border-color: #D76F08;
border-width: 0 0 0 0;
padding: 0;
z-index: 120;
}
div#menu a {
display: block;
width: 10em;
height: 2.4em;
line-height: 2.4em;
text-decoration: none;
color: #363C4E;
font-size: 1em;
font-weight: bold;
background-color: transparent;
padding: 0;
margin: 2px 0 0 0;
border-style: solid;
border-color: transparent;
border-width: 1px 1px 0 1px;
z-index:3;
}
div#menu a.skip{
display: none;
}
div#menu a.current {
color: #D76F08;
background-color: #EDEDED;
border-color: #FF9933;
z-index:200;
}
div#menu a.last {
border-width: 1px 1px 0 1px;
}
div#menu a:hover {
border-color: #FF9933;
display: block;
background: transparent/*#8DB188*/;
color: #D76F08;
padding: 0;
z-index:3;
}
div#menu a.current:hover {
background: #FFFFFF;
color: #FF9933;
}
div#menu a span{
display: none;
}
div#menu a:hover span {
position: absolute;
top: -3.3em;
left: 3em;
background-color: transparent;
color: #363C4E;
display: block;
width: 24em;
margin: 0;
text-align: left;
}
div#menu ul {

background: transparent;
padding: 0;
list-style-type: none;
margin: 0 0 0 4em;
clear: both;
border: 0;
}
div#menu li {
float: left;
text-align: center;
}
/* Header */
div#header {
background: #CADBE3 url('images/vector_banner.png') no-repeat 0 0;
padding: 0;
height: 15em;
margin: 0;
border-style: solid;
border-color: #FF9933;
border-width: 0 0 0 0;
z-index: 3;
overflow: hidden;
}
div#content1{
position: relative;
margin: -8px 0 0 0;
background-color: #EDEDED;
color: #000000;
border-style: solid;
border-color: #FF9933;
border-width: 4px 0 0 0;
overflow: auto;
padding: 0;
z-index: 9;
}
div.sub_header {
width: 33.1%;
float: left;
background-color: #FFFFFF;
color: #363C4E;
margin: -2px 0 0.8em -2px;
padding: 0;
border-right: 2px solid #CCCCCC;
border-top: 2px dotted #CCCCCC;
border-left: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
}
div.sub_header#top_sub {
width: 33.12%;
}
div.sub_header_right {
width: 18%;
float: right;
background-color: #FFFFFF;
color: #06133A;
margin: 0 0 0.8em 0.8em;
padding: 0;
border-right: 0;
border-top: 0;
border-left: 1px solid #0066B3;
border-bottom: 1px solid #363C4E;
}
div.sub_header h3, div.sub_header_right h3 {
font-size: 1em;
/*background-color: #FFFFFF;*/
/*color: #06133A;*/
margin: 0;
text-align: center;
}
div.sub_header p, div.sub_header_right p {
font-size: 0.9em;
/*background-color: #FFFFFF;
color: #06133A;*/
margin: 0 0 0 2em;
text-align: center;
}
div.sub_header ul li, div.sub_header_right ul li {
background-color: #FFFF00;
}
div#footer {
position: relative;
margin: 0;
background-color: #22303D;
color: #FFFFFF;
border-top: 0;
border-right: 1px solid #363C4E;
border-bottom: 1px solid #363C4E;
border-left: 1px solid #363C4E;
padding: 0;
height: 2.4em;
}
div#footer p{
background-color: #22303D;
color: #FFFFFF;
font-size: 1em;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
line-height: 2.2em;
}
div#footer a:link{
background-color: transparent;
color: #FFFFFF;
text-decoration: underline;
}
div#footer a:visited{
background-color: transparent;
color: #FFFFFF;
text-decoration: underline;
}
div#footer a:hover{
background-color: transparent;
color: #E3EDF5;
text-decoration: none;
}
div#footer a:active{
background-color: transparent;
color: #FFFFFF;
text-decoration: none;
}
div.panel_full_width {
border-right: 0;
border-bottom: 1px solid #06133A;
border-left: 0;
border-top: 0;
background: #FFFFFF;
color: #000000;
margin: 0;
padding-top: 0.6em;
padding-bottom: 0.6em;
min-height: 9.4em;
}
div.panel_full_width#picspecial {
width: 90%;
margin: 0 auto 0 4%;
background-color: #FFFFFF;
min-height: 0;
clear: both;
}
div.panel_medium_width {
float: right;
display: block;
width: 30%;
max-height: 600px;
border: 2px solid #CCCCCC;
background: #FFFFFF;
color: #363C4E;
margin: 1.4em;
padding-top: 0.2em;
}
div.panel_abc {
width: 90%;
background-color: #FFFFFF;
color: #363C4E;
border-top: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
border-left: 2px solid #CCCCCC;
margin: 2.4em 4% 0 auto;
padding: 0;
}
div.panel_abc_narrow {
float: left;
background-color: #FFFFFF;
color: #363C4E;
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3;
margin: 1em;
padding: 0;
}
div.single{
margin: 0.8em;
background-color: #FFFFFF;
color: #363C4E;
border: 1px solid #363C4E;
}
div.single_headline{
margin: 0.3em;
background-color: #E2E7F6;
color: #363C4E;
border: 1px solid #363C4E;
display: block;
}
img.singleimage_portrait{
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3;
margin: 1em 1em 1em 4%;
}
img.singleimage_landscape{
border-top: 1px solid #0066B3;
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
margin: 1em 1em 1em 2%;
}
img.sm_lang_flag {
display: inline;
margin: 0 0 0 1em;
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3;
}
.vspacer {
background-color: transparent;
height: 2em;
}
ul.horizmenu {
display: block;
height: 7em;
margin: 1em;
padding: 0;
background-color: #FFFFFF;
list-style-type: none;
}
ul.pics_horiz{
background-color: #CCCCCC;
}
ul.horizmenu li {
display: block;
float: left;
background-color: #FFFFF5;
width: 7.4em;
margin-left: 0.6em;
margin-top: 0.4em;
text-align: center;
}
ul.horizmenu li a:link, ul.horizmenu li a:visited, ul.horizmenu li a:active {
display: block;
width: 8.2em;
text-decoration: none;
color: #06133A;
font-size: 0.9em;
font-weight: bold;
border: 1px solid #06133A;
background-color: #F4F4F4;
}
ul.horizmenu li a:hover {
background: #7DAACB;
color: #FFFFFF;
}
ul.horizmenu#thepre1920 li#href-pre1920 a,
ul.horizmenu#the1920s li#href-1920s a,
ul.horizmenu#the1930s li#href-1930s a,
ul.horizmenu#the1940s li#href-1940s a,
ul.horizmenu#the1950s li#href-1950s a,
ul.horizmenu#the1960s li#href-1960s a,
ul.horizmenu#the1970s li#href-1970s a,
ul.horizmenu#the1980s li#href-1980s a,
ul.horizmenu#the1990s li#href-1990s a,
ul.horizmenu#the2000s li#href-2000s a,
ul.horizmenu#thenotknown li#href-notknown a,
ul.horizmenu#suggest li#href-suggest a,
ul.horizmenu#mountain li#href-mountain a,
ul.horizmenu#llaingoch li#href-llaingoch a,
ul.horizmenu#seaandships li#href-sands a,
ul.horizmenu#town li#href-town a,
ul.horizmenu#pandp li#href-pandp a,
ul.horizmenu#peopleandpets li#href-peoppets a,
ul.horizmenu#historical li#href-historical a,
ul.horizmenu#graf li#href-graf a,
ul.horizmenu#derelict li#href-derelict a,
ul.horizmenu#other li#href-other a,
ul.horizmenu#showall li#href-showall a,
ul.horizmenu#most_viewed li#href-most_seen a,
ul.horizmenu#search li#href-pics_search a,
ul.horizmenu#contributions li#href-contributions a,
ul.horizmenu#pichome li#href-pichome a,
ul.horizmenu#revhome li#href-revhome a,
ul.horizmenu#linkshome li#href-linkshome a,
ul.horizmenu#holyhead li#href-holyhead a,
ul.horizmenu#latest li#href-latest a,
ul.horizmenu#shopped li#href-shopped a,
ul.horizmenu#anglesey li#href-anglesey a,
ul.horizmenu#sportandleisure li#href-sportandleisure a,
ul.horizmenu#funnies li#href-funnies a,
ul.horizmenu#games li#href-games a,
ul.horizmenu#blogs li#href-blogs a,
ul.horizmenu#design li#href-design a,
ul.horizmenu#pub li#href-pub a,
ul.horizmenu#food li#href-food a,
ul.horizmenu#takeaways li#href-takeaways a,
ul.horizmenu#clubs li#href-clubs a,
ul.horizmenu#arts li#href-arts a,
ul.horizmenu#sport li#href-sport a,
ul.horizmenu#upload_image li#href-upload a,
ul.horizmenu#discussion li#href-discussion a  {
background-color: #FFFFFF;
color: #FC0008;
border: 1px solid #FC0008;
}
ul.horizmenu#thepre1920 li#href-pre1920 a:hover,
ul.horizmenu#the1920s li#href-1920s a:hover,
ul.horizmenu#the1930s li#href-1930s a:hover,
ul.horizmenu#the1940s li#href-1940s a:hover,
ul.horizmenu#the1950s li#href-1950s a:hover,
ul.horizmenu#the1960s li#href-1960s a:hover,
ul.horizmenu#the1970s li#href-1970s a:hover,
ul.horizmenu#the1980s li#href-1980s a:hover,
ul.horizmenu#the1990s li#href-1990s a:hover,
ul.horizmenu#the2000s li#href-2000s a:hover,
ul.horizmenu#thenotknown li#href-notknown a:hover,
ul.horizmenu#suggest li#href-suggest a:hover,
ul.horizmenu#mountain li#href-mountain a:hover,
ul.horizmenu#llaingoch li#href-llaingoch a:hover,
ul.horizmenu#seaandships li#href-sands a:hover,
ul.horizmenu#town li#href-town a:hover,
ul.horizmenu#pandp li#href-pandp a:hover,
ul.horizmenu#peopleandpets li#href-peoppets a:hover,
ul.horizmenu#historical li#href-historical a:hover,
ul.horizmenu#graf li#href-graf a:hover,
ul.horizmenu#derelict li#href-derelict a:hover,
ul.horizmenu#other li#href-other a:hover,
ul.horizmenu#showall li#href-showall a:hover,
ul.horizmenu#most_viewed li#href-most_seen a:hover,
ul.horizmenu#search li#href-pics_search a:hover,
ul.horizmenu#contributions li#href-contributions a:hover,
ul.horizmenu#pichome li#href-pichome a:hover,
ul.horizmenu#revhome li#href-revhome a:hover,
ul.horizmenu#linkshome li#href-linkshome a:hover,
ul.horizmenu#holyhead li#href-holyhead a:hover,
ul.horizmenu#latest li#href-latest a:hover,
ul.horizmenu#shopped li#href-shopped a:hover,
ul.horizmenu#anglesey li#href-anglesey a:hover,
ul.horizmenu#sportandleisure li#href-sportandleisure a:hover,
ul.horizmenu#funnies li#href-funnies a:hover,
ul.horizmenu#games li#href-games a:hover,
ul.horizmenu#blogs li#href-blogs a:hover,
ul.horizmenu#design li#href-design a:hover,
ul.horizmenu#pub li#href-pub a:hover,
ul.horizmenu#food li#href-food a:hover,
ul.horizmenu#takeaways li#href-takeaways a:hover,
ul.horizmenu#clubs li#href-clubs a:hover,
ul.horizmenu#arts li#href-arts a:hover,
ul.horizmenu#sport li#href-sport a:hover,
ul.horizmenu#upload_image li#href-upload a:hover,
ul.horizmenu#discussion li#href-discussion a:hover  {
background-color: #F7F7F7;
color: #FC0008;
border: 1px solid #06133A;
}
ul {
list-style-position: outside;
list-style-type: none;
background-color: transparent;
color: #06133A;
font-size: 1em;
text-align: left;
}
li {
background-color: transparent;
color: #06133A;
}

ul.pics {
margin: 1.6em;
padding: 0;
list-style-type: none;
}
ul.pics li {
width: 120px;
line-height: 1.4em;
padding: 0;
height: 17.1em;
text-align: center;
margin: 1em;
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3;
color: #363C4E;
background-color: #FFFFFF;
float: left;
}
ul.pics li ul {
width: 100%;
height: 15em;
margin: 0;
padding: 0;
}
ul.pics li ul li {
height: 15.6em;
line-height: 1.4em;
padding: 0;
text-align: center;
border: 0;
margin: 0;
color: #363C4E;
background-color: #FFFFFF;
float: none;
}
ul.pics li ul li img {
float: right;
margin-bottom: 0.1em;
}
ul.pics li ul li.pic_copy {
height: 1.4em;
border-top: 1px dotted #363C4E;
line-height: 1.3em;
text-align: center;
color: #363C4E;
background-color: #F7F7F7;
}
ul.pics li ul li.pic_copy a {
margin: 0;
padding: 0;
display: block;

background-color: #F3F3F3;
text-decoration: underline;
}
ul.pics li ul li.pic_copy a:hover {
background-color: #FFFFFF;

text-decoration: none;
}
ul.pics_admin li {
width: 96%;
border: 1px dotted #800000;
color: #363C4E;
background-color: #FFFFFF;
margin: 0.4em;
float: none;
}
ul.pics_admin li img{
margin: 0.6em;
border: 1px solid #800000;
}
ul.piccomments {
float: left;
width: 16%;
margin: 0.2em;
padding: 0;
list-style-type: none;
}
ul.piccomments li{
display: list-item;
border: 0;
margin: 0;
padding: 0;
}
ul.piccomments li ul {
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3;
width: 100%;
margin: 0.3em 0 0.3em 0.4em;
padding: 0;
}
ul.piccomments li ul li {
display: block;
line-height: 1.4em;
padding: 0.2em;
text-align: center;
border: 0;
margin: 0;
color: #363C4E;
background-color: #FFFFFF;
}
ul.piccomments li ul li.comm_time {
font: 0.9em Arial, sans-serif;
text-align: right;
}
ul.piccomments li ul li.pic_copy {
border-top: 1px dotted #363C4E;
text-align: center;
color: #363C4E;
background-color: #F7F7F7;
}
ul.piccomments li ul li.pic_copy a {
margin: 0;
padding: 0;
display: block;

background-color: #F3F3F3;
text-decoration: underline;
}
ul.piccomments li ul li.pic_copy a:hover {
background-color: #FFFFFF;

text-decoration: none;
}
fieldset {
border: 2px solid #CCCCCC;
background: #FFFFFF;
color: #363C4E;
margin: 1.4em 4% 1.4em auto;
padding: 0.4em;
width: 90%;
}
fieldset.internal {
background-color: #F7F7F7;
color: #363C4E;
border: 1px solid #CCCCCC;
margin: 1.4%;
width: 97.2%;
}
legend {
font-weight: bold;
font-size: 1.1em;
border: 1px solid #405080;
background-color: #F9F9F9;
color: #405080;
padding: 0.2em;
}
label {
display: block;
cursor: pointer;
}
input, select, textarea {
margin-top: 0.6em;
border: 1px solid #405080;
background-color: #F5F7FF;
color: #405080;
}
input, select {
width: 96%;
}
textarea {
width: 96%;
height: 12em;
}
input.radio, input.tick {
width: 1em;
border: 1px solid #F9F9F9;
background-color: #FFFFFF;
}
label.radio, label.tick {
display: block;
width: 86%;
margin-top: 0.4em;
margin-left: 7%;
background: #FFE9D3;
border: 1px solid #FF9933;
padding: 2%;
}
label.right {
display: block;
float: left;
width: 37.5%;
margin-top: 0.4em;
margin-left: 7%;
background: #FFE9D3;
border: 1px solid #FF9933;
padding: 2%;
}
label.right:hover, label.radio:hover, label.tick:hover {
background: #FFFFFF;
}
label.tick {
margin-bottom: 1.2em;
}
input#send {
width: 6em;
height: 3em;
margin-left: 12%;
}
input#send:hover {
background: #7DAACB;
color: #FFFFFF;
cursor: pointer;
}
input#go {
width: 6em;
height: 3em;
margin-left: 12%;
}
input#go:hover {
background: #7DAACB;
color: #FFFFFF;
cursor: pointer;
}
input.radio:focus, input.tick:focus, input:focus, #mini_form input:focus, select:focus, textarea:focus, #mini_form textarea:focus, input#users_pic:focus {
border: 1px solid #C00000;
background-color: #FFFFFF;
color: #405080;
}
#search_form fieldset {
float: right;
width: 38%;
border: 1px solid #CCCCCC;
background: #FFFFFF;
color: #363C4E;
margin: 0.6em 1.2em 1.8em 1.6em;
padding: 0.1em;
}
#search_form input#send {
float: right;
margin: 0.4em 0.2em 0.4em 0;
height: 1.8em;
width: 5.2em;
}
#search_form label.right {
width: 66%;
margin: 0.2em 0 0.2em 0.2em;
padding: 0 0 1.2em 1.2em;
}
#mini_form fieldset {
width: 99%;
margin: 0.6em 0 1em 0.4em;
padding: 0.1em;
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3;
background: #FFFFFF;
color: #363C4E;
}
#mini_form legend {
font-weight: bold;
font-size: 0.8em;
border: 1px solid #405080;
background-color: #F9F9F9;
color: #405080;
padding: 0.1em;
}
#mini_form input#send {
margin-left: 6%;
margin-bottom: 0.6em;
height: 1.8em;
width: 5.2em;
}
#mini_form label.right {
width: 94%;
margin-top: 0.2em;
margin-left: 3%;
padding: 0;
}
#mini_form input, select, textarea {
margin-top: 0.1em;
border: 1px solid #405080;
background-color: #F5F7FF;
color: #405080;
}
#mini_form textarea {
width: 96%;
height: 6.4em;
}
#header_login fieldset {
padding: 0;
margin-top: 2em;
margin-left: 2em;
width: 36em;
border: 0;
background-color: transparent;
}
#header_login label {
margin: 0;
padding: 0.1em 0 0.1em 0;
float: left;
width: 44%;
height: 100%;
font-size: 0.9em;
background-color: transparent;
border: 0;
}
#header_login input {
width: 58%;
margin: 0;
padding: 0;
font-size: 0.9em;
background-color: #F7F7F7;
border: 1px solid #0066B3;
}
#header_login input:focus {
background-color: #FFFFFF;
}
#header_login input#send {
border: 1px solid #0066B3;
padding: 0;
margin: 0;
float: right;
width: 12%;
height: 90%;
}
.greeting {
float: right;
}
.blank fieldset {
border: 0;
padding: 0;
margin: 0 0 0.4em 0;
width: 92%;
}
.blank label {
float: right;
font-size: 0.9em;
}
.blank input {
margin-right: 1em;
font-size: 0.9em;
border: 1px dotted #E1E7FF;
width: 36em;
}
ul.vids {
list-style-type: none;
}
ul.vids li {
float: left;
width: 44%;
margin: 1em 0 0.5em 4%;
background-color: #FFFFFF;
border-top: 1px solid #0066B3;
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
padding: 0;
}
ul.vids li ul.vids_internal {
margin: 0;
padding: 0;
}
ul.vids li ul.vids_internal li {
margin: 0;
padding: 0;
float: none;
}
ul.vids li ul.vids_internal li.comm_img {
float: left;
background-color: #FCF8FA;
margin: 0;
padding: 0;
border-top: 0;
border-right: 1px solid #E6CEDA;
border-bottom: 1px solid #E6CEDA;
border-left: 0;
}
ul.vids li ul.vids_internal li.comm_img img {
border-top: 1px solid #0066B3;
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
margin: 1em;
}
ul.vids li ul.vids_internal li.pic_title {
width: 100%;
margin: 0;
padding: 0;
background-color: #F6EEF2;
line-height: 1.8em;
border: 0;
}
ul.vids li ul.vids_internal li.the_comment {
padding: 0;
border: 0;
margin: 0.4em;
line-height: 1.4em;
text-align: left;
}
ul.vids li ul.vids_internal li.copyrt {
border: 0;
float: none;
clear: both;
text-align: right;
line-height: 1.6em;
margin: 0;
background-color: #F3F3F3;
padding: 0;
width: 100%;
}
.centred a span {
display: none;
}
.centred a:hover span {
display: block;
background-color: #FFFFFF;
color: #06133A;
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3;
padding: 0.2em;
text-align: center;
right: 5em;
top: 3em;
word-spacing: normal;
line-height: 1.4em;
position: absolute;
}
.centred#abc a:hover span {
top: 0;
}
ul.encyc_horizmenu {
position: absolute;
margin: -1.25em 0 0 1em;
padding: 0;
border-left: 1px solid #06133A;
border-top: 1px solid #06133A;
}
ul.encyc_horizmenu li {
padding: 0;
border: 0;
margin: 0;
float: left;
}
ul.encyc_horizmenu li a {
text-align: center;
line-height: 1.2em;
display: block;
width: 8em;
color: #06133A;
background-color: #F4F4F4;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
border-right: 1px solid #06133A;
border-bottom: 0.1em solid #CCCCCC;
padding: 0;
margin: 0;
}
ul.encyc_horizmenu li a.letter {
width: 1.8em;
}
ul.encyc_horizmenu li a:link, ul.encyc_horizmenu li a:visited {
background-color: #F4F4F4;
text-decoration: none;	
}
ul.encyc_horizmenu li a:hover {
background-color: #7DAACB;
color: #FFFFFF;
text-decoration: none;
}
ul.encyc_horizmenu li a#current_ltr {
background-color: #FFFFFF;
color: #FC0008;
border-bottom: 0.1em solid #FFFFFF;
}
ul.encyc_horizmenu li a#current_ltr:hover {
background-color: #7DAACB;
border-bottom: #7DAACB;
}
ul.ehy {
width: 90%;
margin: 2.4em 4% 0 auto;
list-style-type: none;
padding: 0;
border: 0;
display: block;
}
ul.ehy li ol {
list-style-type: none;
}
ul.ehy li ol.def li p, ul.ehy li ul.def li p {
padding: 0;
margin: 0;
line-height: 1em;
}
ul.ehy li p {
padding: 0;
margin: 0;
line-height: 1em;
}
ul.ehy li {
display: block;
float: none;
width: 96%;
margin: 1em 0 0.5em 1.8%;
border-top: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
border-left: 2px solid #CCCCCC;
padding: 0;
background-color: #FFFFFF;
}
ul.ehy li ol.def li, ul.ehy li ul.def li {
margin: 0.4em 3em 0.6em 0;
color: #06133A;
background-color: #FAFCFE;
border-top: 1px solid #DBE9F3;
border-right: 1px solid #DBE9F3;
border-bottom: 1px solid #DBE9F3;
border-left: 1em solid #DBE9F3;
}
ul.ehy li ol.def li.alt {
background: #FFF4E9;
border-top: 1px solid #FFE9D3;
border-right: 1px solid #FFE9D3;
border-bottom: 1px solid #FFE9D3;
border-left: 1em solid #FFE9D3;
}
ul.ehy li.l_grey {
background-color: #F6F6F6;
}
.def_eg {
font-style: italic;
color: #363C4E;
background: #F7F7F7 url('images/speech_bg.gif') no-repeat top left;
border: 1px solid #DBE9F3;
padding: 4em;
margin: 0 1em 0.6em 1em;
line-height: 1.8em;
min-height: 35px;
text-indent: 1.4em;
}
.def_eg_alt {
font-style: italic;
color: #363C4E;
background: #F7F7F7 url('images/speech_bg.gif') no-repeat top left;
border: 1px solid #E6CEDA;
padding: 4em;
margin: 0 1em 0.6em 1em;
line-height: 1.8em;
min-height: 35px;
text-indent: 1.4em;
}
#br_test {
position: fixed;
right: 0;
bottom: 0;
width: 20%;
border-top: 1px solid #0066B3;
border-right: 0;
border-bottom: 0;
border-left: 1px solid #0066B3;
background-color: #FFFFFF;
color: #06133A;
margin: 0;
padding: 0.3em;
}
#br_test p {
margin: 0;
line-height: 1.2em;
text-align: center;
}
.single_comments_container {
float: none;
width: 100%;
display: block;
margin: 0;
}
.latest_comments_container {
position: relative;
float: none;
width: 90%;
left: 5.85%;
}
.latest_comms {
color: #363C4E;
width: 40%;
background-color: #FFFFFF;
float: left;
margin: 0.3em 0 0.4em 7%;
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3; 
padding: 0;
display: inline;
}
.comment_pic_from {
background-color: #FCF8FA;
border-bottom: 1px solid #E6CEDA;
text-align: left;
text-indent: 0.4em;
line-height: 1.6em;
margin: 0;
padding: 0;
width: 100%;
}
.comment_from {
clear: left;
background-color: #F8F8F8;
border-top: 1px solid #E6E4E4;
text-align: right;
text-indent: -0.4em;
line-height: 1.6em;
margin: 0;
padding: 0;
width: 100%;
}
.latest_comms p {
margin: 0.3em;
text-align: left;
}
.latest_comms img {
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3; 
}
/* Photo display for js elements */
a.two {
padding: 0.6em;
background-color: #FCF8FA;
border-top: 0;
border-right: 1px solid #E6CEDA;
border-bottom: 1px solid #E6CEDA;
border-left: 0;
float: left;
margin: -1px 0.6em 0 0;
}
.clear {font-size: 1px; height: 1px}
.PopBoxImageSmall{
border: 0;
cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge{
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3; 
cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink{
cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink{
cursor: pointer;
}
.PopBoxImageMove{
border: 0;
cursor: pointer;
}
table {
margin: 2em auto 2em auto;
padding: 0;
border: 1px solid #333333;
border-collapse: collapse;
font: 1em verdana, tahoma, sans-serif;
color: #363C4E;
background-color: #FFFFFF; 
}		
tr {
background-color: #FCF8FA;
}
tr.alt {
background-color: #F6F8FB;
} 
th {
text-align: center;
width: 12em;
border: 1px solid #333333;
color: #FFFFFF;
background-color: #363C4E;
}
td {
text-align: center;
vertical-align: top;
border: 1px solid #363C4E;
}
.pinkbg{
background-color: #FAFCFE !important;
}
.ltbluebg{
background-color: #FFF4E9 !important;
}
.narrow {
width: 3em;
}
.wide {
width: 24em;
}