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;
}

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



#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 {

	border-collapse: collapse;
	background-color:#eee;
    color:#666666;
    font-size: large;
    font-weight: bold;
    cursor: default;
    text-align: left;
}
table.sortable td {
	text-align: left;
	background-color: #E6FFE6;
	border-left: 1px solid #C0C0C0;
	border-right-style: solid;
	border-right-width: 1px;
	border-top: 1px solid #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	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
}















#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; }





#gallerylist
{
font-size: 100%;
font-weight: bold;
border-bottom: 0px solid #8080ff;
}
#gallerylist ul, #gallerylist li
{
list-style-type: none;
}
#gallerylist a:link, #gallerylist a:visited
{
line-height: 25px;
font-weight: bold;
text-decoration: none;
color: #8080ff;
}
#gallerylist a:link#current, #gallerylist a:visited#current, #gallerylist a:hover
{
border-bottom: 4px solid #0000c0;
padding-bottom: 2px;
background: transparent;
color: #0000c0;
}
#gallerylist a:hover { color: #0000c0; }
#gallerylist a:link#current2, #gallerylist a:visited#current2, #gallerylist a:hover
{
border-bottom: 4px solid #0000c0;
padding-bottom: 2px;
background: transparent;
color: #0000c0;
}
#gallerylist a:hover { color: #0000c0; }




/* DELETE WHEN SUBURB PAGES ARE UPGRADED */

#suburbmenulayout
{
	vertical-align: bottom;
	text-align: left;
	font-weight: bold;
	background-color: #EAFFEA;
	border-style: groove;
	border-color: green;
	width: 100%;
}

/* END DELETE */



#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:-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;}












#linktext {
text-align: left;
color: white;
background-color: #006C23;
font-size: x-small;
font-weight:bold;
padding: 1em;
width:100%;
}
.linktext a:link {color:white;font-size:small;}
.linktext a:visited {color:yellow;font-size:small;}
.linktext a:hover {color: white;font-size: small;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;}