body {
background-attachment:fixed; 
background-image:url(http://www.cardiffians.co.uk/images/bgroundlogo.gif);
}

#wrapper
{ 
text-align:justify; margin:0 auto;position:relative; 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
max-width:1024px;
min-width:610px
}

/* Mozilla Firefox - Rounded Corners Code (Experimental) */
.roundedborder1 {-moz-border-radius:1em; -webkit-border-radius:1em;}
.roundedborder2 {-moz-border-radius:2em; -webkit-border-radius:2em;}
.roundedbottomborder1 {-moz-border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em;}





#mainlogo
{
	width:100%; height:157px;
	background-image:url('http://www.cardiffians.co.uk/images/greenfadebg.png');
	background-repeat:repeat-x;
}


#imagechanger
{
	position: relative;
	z-index: 1;
	top: -140px;
	left: 682px;
	width: 247px;
	height: 78px;
}


.mapborder {border-style:none}
.middle {text-align:center;}

#RSS  {border-style:none;position:absolute;width: 40px;height: 40px;z-index: 1;left: 930px;top: 110px}
.rsslogo {border-style:none}
a#rsslink:hover {background-color:transparent}



ul {background-color: inherit;color: #000000;font-size: 85%;text-decoration: none;}
a img {border: 0;}
a.clear:hover {background: transparent}
h1 {background-color: inherit;color: #0081D7;display:inline;}
h2 {background-color: inherit;color: #00B359;display:inline;}
h3 {background-color: inherit;color: #0000FF;display:inline;}
h4 {background-color: inherit;color: #0000FF;display:inline;}
h5 {background-color: inherit;color: #0000FF;display:inline;}




/* Sortable tables */
table.sortable thead {
	font-size: small;
	background-color: #00B359;
	text-align: left;
	color: #FFFFFF;
}
table.sortable td {
	text-align: left;
	background-color: #fff;
	border-top: 1px solid #000000;
	font-size: small;
}



#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 0px solid #E7EAFF;
}
#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}
#navlist a:hover { color: #000; }


#cardiffian_photo 
{
	margin: 1em;
	float: right;
}
#cardiffian_details
{
	list-style: none;
	float: right;
	width: 30%;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
}

.spacer	
a {font-size:larger;}
li.stats {padding-bottom: 15px; list-style-type:none}

.spacer2
li.stats2 {
	list-style-type: square;
	padding-bottom: 15px;
}



#cardiffiansmenu_placeholder
{
	padding: 1em;
	font-weight: bold;
	float: left;
	text-align: left;
}

#main_bio
{
	padding:1em
}

.img_padding_style1
{
	padding:1em;
}

.img_padding_style2
{
	padding:2em;
}



.more{
	font-size: small;
	font-weight:normal;
}

#biolist_wrapper
{
	text-align: center;
	float: none;
}






dl.biolist
{
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	background-position: bottom;
	border: 1px solid #000;
	width: 156px;
	text-align: center;
	padding: 0 0 1em 0;
	float: left;
	margin: 1em;
	background-image: url('/images/cardiffians/dragon1.png');
	background-repeat: no-repeat;
}

dl.notready
{
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	background-position: bottom;
	border: 1px solid #000;
	width: 156px;
	text-align: center;
	padding: 0 0 1em 0;
	float: left;
	margin: 1em;
	background-image: url('/images/cardiffians/dragon2.png');
	background-repeat: no-repeat;
}





.notready dt
{
	font-weight: bold;
	color: #000;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 80%;
}
.biolist dt
{
	font-weight: bold;
	color: #000;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 80%;
}




.notready dd
{
margin: 0;
padding: 0px 0px 5px 0px;
font-size: 75%;
color: #fff;
font-weight:bold
}


.biolist dd
{
margin: 0;
padding: 0px 0px 5px 0px;
font-size: 75%;
color: #fff;
font-weight:bold
}



.biolist img 
{
	border: 3px solid #fff;
}
.biolist a img
{
	text-decoration:none
}

.notready img 
{
	border: 3px solid #fff;
}
.notready a img
{
	text-decoration:none
}














/* TIMELINE MENUS - THIS IS THE OLD ONE */
#timelinemenu
{font-size: 115%;margin: 0;padding: 0 0 20px 10px;border-bottom: 0px solid #58b30d;}
#timelinemenu ul, #timelinemenu li
{margin: 0;padding: 0;display: inline;list-style-type: none;}
#timelinemenu a:link, #timelinemenu a:visited
{line-height: 14px;font-weight: bolder;margin: 0 10px 4px 10px;text-decoration: none;color: #58b30d;}
#timelinemenu a:link#current, #timelinemenu a:visited#current, #timelinemenu a:hover
{border-bottom: 4px solid #58b30d;padding-bottom: 2px;background: transparent;color: #58b30d;}
#timelinemenu a:hover { color: #234705; }



#timelinemenu2
{font-size: 115%;margin: 0;padding: 0 0 20px 10px;border-bottom: 0px solid #58b30d;}
#timelinemenu2 ul, #timelinemenu2 li
{margin: 0;padding: 0;display: inline;list-style-type: none;}
#timelinemenu2 a:link, #timelinemenu2 a:visited
{line-height: 14px;font-weight: bolder;margin: 0 10px 4px 10px;text-decoration: none;color: #58b30d;}
#timelinemenu2 a:link#current, #timelinemenu2 a:visited#current, #timelinemenu2 a:hover
{border-bottom: 4px solid #58b30d;padding-bottom: 2px;background: transparent;color: #58b30d;}
#timelinemenu2 a:hover { color: #234705; }
/* TIMELINE MENUS - THIS IS THE END OF THE OLD ONE */














/* TIMELINE PAGE */
#timeline_mainbody {float: left;clear: right;width: 62%;margin: 1em 1em 1em 2em}
#timeline_contents_wrapper {float: right;background-color: #009900;clear: right;width: 22%; margin: 1em 2em 1em 1em}
#timeline_contents {background-color: #D9FFD9; padding-left:1em}
h3.timeline_contents {color:white; padding-left:1em}
#timeline_contents a:link {font-size:small;}
#timeline_contents a:hover {background-color: #66FF99;color: black; font-weight:bold;font-size:medium;}
/* TIMELINE PAGE */















/* CSS INFO POP-UP BALLOON STYLING */
a.infopopup{position:relative;z-index:24;}
a.infopopup:hover{z-index: 25;}
a.infopopup span{display: none; font-size:small}
a.infopopup:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 30em;
	border: 1px solid #0cf;
	background-color: #66FF99;
	color: #000;
	text-align: center;
}


/* SUBURB PAGE STYLING */

.superscript {font-size:x-small;font-weight:bold; color:blue;text-decoration:underline; }

#suburbmenu
{
text-align:left;
font-weight: bold;
background-color:#EAFFEA;
border-style:groove;
border-color:green;
width:100%;
}
#suburbmenu a:hover 
{
text-decoration:underline;
background-color:#009900;
color:white;
padding-top:2px;padding-bottom:2px;
}






#suburb_history
{
	padding:2em;
}
#coatofarms
{
	float:right;
	padding:1em;
	margin: 2em 1em 2em 2em;
	font-size:small;
	width:238px;
	border-width:1px;
	border-color:black;
	border-style:solid;
	background-color:#DFDFDF;
	}
#smallmap
{
	float:right;
	padding:1em;
	margin: 2em 1em 2em 2em;
	font-size:small;
	width:301px;
	border-width:1px;
	border-color:black;
	border-style:solid;
	background-color:#DFDFDF;
	}
#smallmap2
{
	float:right;
	padding:1em;
	margin: 2em 1em 2em 2em;
	font-size:small;
	width:250px;
	border-width:1px;
	border-color:black;
	border-style:solid;
	background-color:#DFDFDF;
	}
#smallmap3
{
	float:right;
	padding:1em;
	margin: 2em 1em 2em 2em;
	font-size:small;
	width:301px;
	border-width:1px;
	border-color:black;
	border-style:solid;
	background-color:#DFDFDF;
	}
#smallmap4
{
	float:right;
	padding:1em;
	margin: 2em 1em 2em 2em;
	font-size:small;
	width:300px;
	border-width:1px;
	border-color:black;
	border-style:solid;
	background-color:#DFDFDF;
	}
#stdavids
{
	float: right;
	padding: 1em;
	margin: 2em 1em 2em 2em;
	font-size:small;
	border-width:1px;
	border-color:black;
	border-style:solid;
	background-color:#DFDFDF;
	}
#cityview
{
	float: left;
	padding: 1em;
	margin: 2em 1em 2em 2em;
	font-size:small;
	border-width:1px;
	border-color:black;
	border-style:solid;
	background-color:#DFDFDF;
	}
#williamI
{
	float: right;
	padding: 1em;
	margin: 2em 1em 2em 2em;
	font-size:small;
	border-width:1px;
	border-color:black;
	border-style:solid;
	background-color:#DFDFDF;
	}








#referencebox_suburb_wrapper {}
.referencebox_suburb p {padding: 1em; position: relative; font-size: small; }
.referencebox_suburb h3 {padding-left: 1em; color:white;}
.referencebox_titlebg {background-color: #336699;}
#referencebox_suburb a:hover {background-color:#99CCFF;}

.referencebox_suburb {position: relative;width: auto;background: #E1F0FF;color: #000;float: left;}
#ctl {position:absolute; width:20px; height:20px; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#cbl {position:absolute; width:20px; height:20px; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctr {position:absolute; width:20px; height:20px; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#cbr {position:absolute; width:20px; height:20px; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}

.referencebox_suburb em b {position:absolute; font-size:150px; font-family:arial; line-height:40px; font-weight:normal;}
#ctl b {left:-8px; color:#336699;}
#ctr b {left:-25px; color:#336699;}
#cbl b {left:-8px; top:f-17px; color:#E1F0FF;}
#cbr b {left:-25px; top:-17px; color:#E1F0FF;}





#links_mainbody {padding:2em}

div.linklist li {padding-bottom:1em}
div.linklist a:hover {background-color:#FFAEAE;padding-top:2px;padding-bottom:2px;color:black}

#links_contentslist {margin: 1em;background: #D9FFD9;float: right;text-align: left;width: 328px;font-size: smaller;}
b.linkstop, b.linksbottom{display:block;background:#fff;}
b.linkstop b{display: block;height: 1px;overflow: hidden;background: #009900;}
b.linksbottom b{display:block;height: 1px;overflow: hidden; background:#D9FFD9;}
b.links1{margin: 0 5px;}
b.links2{margin: 0 3px;}
b.links3{margin: 0 2px;}
b.links b.links4, b.rbottom b.links4 {margin: 0 1px;height: 2px}
.links_contentslist a:hover {background-color: #66FF99;color: black;}
.links_contentslist p {padding: 0 1em 0 1em;}
.links_contentslist h3 {padding: 0 1em 0 1em; color:white;}
#links_contentslistheading {background-color: #009900; padding-top:1em;}


















#suburb_contentslist {margin: 1em;background:#FFD9D9;float:right;text-align:left;width:328px;font-size:smaller;}
b.rtop, b.rbottom{display:block;background:#fff;}
b.rtop b{display:block;height: 1px;overflow: hidden; background:#CE0000;}
b.rbottom b{display:block;height: 1px;overflow: hidden; background:#FFD9D9;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px;height: 2px}
.suburb_contentslist a:hover {background-color: #FF9980;color:black;}
.suburb_contentslist p {padding: 0 1em 0 1em;}
.suburb_contentslist h3 {padding: 0 1em 0 1em; color:white;}
#suburb_contentslistheading {background-color: #CE0000; padding-top:1em;}


#suburb_referencelist {clear:both;margin: 1em;background:#E1F0FF;float:right;text-align:left;width:328px;font-size:smaller;}
b.rrtop, b.rrbottom{display:block;background:#fff;}
b.rrtop b{display:block;height: 1px;overflow: hidden; background:#336699;}
b.rrbottom b{display:block;height: 1px;overflow: hidden; background:#E1F0FF;}
b.rr1{margin: 0 5px;}
b.rr2{margin: 0 3px;}
b.rr3{margin: 0 2px;}
b.rrtop b.rr4, b.rrbottom b.rr4 {margin: 0 1px;height: 2px}
.suburb_referencelist a:hover {background-color:#99CCFF;color:black;}
.suburb_referencelist p {padding: 0 1em 0 1em}
.suburb_referencelist h3 {padding: 0 1em 0 1em; color:white;}
#suburb_referencelistheading {background-color: #336699; padding-top:1em; padding-bottom:20px;}
#suburb_referencelistheading a:hover {background-color:#336699;color:#fff;}






#left_column_in_gallery {float:left; width:150px;clear:both; padding-top:2em;padding-right:0.5em;}

div.floating-menu {vertical-align:top;padding-top:3em;padding-bottom:3em;background-image:url('http://www.cardiffians.co.uk/images/gallery/gallerylistbackground.gif');background-repeat:no-repeat;background-position:center bottom;border:1px solid #ffcc00;width:150px;z-index:100;-moz-border-radius:1em;-webkit-border-radius:1em;}
h3.floating-menu {margin-top:-5px; margin-left:15px;color:black;}
#gallerylistmenu {margin-left:-20px; text-align: left;}
#gallerylist {font-size: 100%;font-weight:bold;border-bottom: 0px solid #8080ff;}
#gallerylist ul, #gallerylist li {list-style-type: none;}
#gallerylist a:visited {line-height: 30px;text-decoration: none;color: #0000FF;}
#gallerylist a:link {color:#000; line-height: 30px;text-decoration: none;} 
#gallerylist a:hover{font-size:110%;font-weight:bold; border-bottom: 2px solid #0000FF;padding-bottom: 2px;background: transparent; color: #0000FF;}



/* New 2010 Lightbox gallery */
td.tdImg {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: 1px solid;
	border-color: #aaa #666 #666 #aaa;
	text-align: center;
	background-color: #EAEAEA;
	vertical-align: middle;
	padding: 2px;
	width: 4em;
}
a:active {outline:none;/*remove dotted links*/}
#divWG {
	padding-top: 2em;
	margin-left: 160px;
	text-align: center;
	font-size: small;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
#divWG img, #divWG table {border:none;}
#divWG a:link, #divWG a:visited {text-decoration:none;}
#divWG a:hover {text-decoration:underline;}
#tblThumbsLayout {margin: 0 auto;}
#currentGalleryLocation {font-weight:bold;}
td.tdImg img {margin:3px;}
td.custom a {display:block;position:relative;}
.text {padding-top:0.5em; font-weight:normal; text-align:center;}


#updated {padding-top:1em; text-align:center;}
#top {padding-top:1em; text-align:center;}
img.top {}



#linktext {
text-align: left;
color: white;
background-color: #006C23;
font-size: small;
font-weight:bold;
padding: 1em;
}

.linktext a:link {color:white;}
.linktext a:visited {color:yellow;}
.linktext a:hover {color: white;background-color: #00B359;}
.linktext a:focus {}
.linktext a:active {}
.linktext img {float:right; border-style:none;}
.linktext {-moz-border-radius:1em; -webkit-border-radius:1em;}