body {
	font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	padding: 15px;
	margin: 0;
}

/* ul { margin-left: 1em; margin-top: 0em; list-style-type: disc; list-style-position: outside; } */

h1 {
    text-align: left;
    margin: 0;
    font-size: 150%;
    border-bottom: solid 1px #999999;
}

h2 {
    border-bottom: solid 1px #999999;
    font-size: 125%;
    margin: 0;
}

a:link { color: #0000ff; background-color: transparent; }
a:visited { color: #000099; background-color: transparent; }
a:active, a:hover, a:focus { color: #ff0000; background-color: transparent; }

address, blockquote {
    margin: 0 0 0 0.5em;
    padding: 0 0 0 0.5em;
    font-style: italic;
    border-left: solid 3px #999999;
}
abbr, acronym { letter-spacing: 0.1em; border-bottom: dotted 1px black; cursor: help; }
form { margin: 0; }

.prominent { font-weight: bold; font-size: larger; text-align: center; }
.error { color: #ff0000; background-color: transparent; }
.v { display: none; }
span.at { content: "@"; }
img.left {
    padding-right: 1em;
    padding-bottom: 1em;
}
img.right {
    padding-left: 1em;
    padding-bottom: 1em;
}

#footer {
	margin-top: 1em;
	padding-top: 3px;
	border-top: solid 1px #999999;
	text-align: right;
	clear: both;
}

/* REAL STYLE NOW - 2005-08-17 - AND IT'S ABOUT TIME! */

ul#main_menu {
    clear: right;
    padding: 0;
    margin: 1.5em 0 0 390px;
    list-style-type: none;
}
#main_menu li {
    float: left; width: 49%;
    margin: 0;
    padding: 0;
}
#main_menu li a {
    display: block;
    background-color: #ffffff;
    min-height: 74px;
    background-repeat: no-repeat;
    padding: 0 0 1em 85px;
    text-decoration: none;
}
#main_menu li a span.d {
    color: #000000;
    display: block;
}
#main_menu li a span.u {
    text-decoration: underline;
}
#main_menu li.nl {
    clear: left;
}

ul#main_menu li#triskell a {background-position: 8px 0%; }
ul#main_menu li#triskell a:link, ul#main_menu li#triskell a:visited {background-image: url("/images/triskell0.gif"); } /* 60x57 */
ul#main_menu li#triskell a:hover, ul#main_menu li#triskell a:focus {background-image: url("/images/triskell1.gif"); }
ul#main_menu li#tree a { 	background-position: 12px 0%; }
ul#main_menu li#tree a:link, ul#main_menu li#tree a:visited {	background-image: url("/images/tree0.gif"); } /* 54x74 */
ul#main_menu li#tree a:hover, ul#main_menu li#tree a:focus { 	background-image: url("/images/tree1.gif"); }
ul#main_menu li#swirl a { 	background-position: 9px 0%; }
ul#main_menu li#swirl a:link, ul#main_menu li#swirl a:visited {	background-image: url("/images/swirl0.gif"); } /* 60x59 */
ul#main_menu li#swirl a:hover, ul#main_menu li#swirl a:focus {	background-image: url("/images/swirl1.gif"); }
ul#main_menu li#glass a { 	background-position: 14px 0%; }
ul#main_menu li#glass a:link, ul#main_menu li#glass a:visited {	background-image: url("/images/glass0.gif"); } /* 51x56 */
ul#main_menu li#glass a:hover, ul#main_menu li#glass a:focus {	background-image: url("/images/glass1.gif"); }
ul#main_menu li#waves a { 	background-position: 6px 0%; }
ul#main_menu li#waves a:link, ul#main_menu li#waves a:visited {	background-image: url("/images/waves0.gif"); } /* 66x63 */
ul#main_menu li#waves a:hover, ul#main_menu li#waves a:focus {	background-image: url("/images/waves1.gif"); }
ul#main_menu li#dots a { 	background-position: 9px 0%; }
ul#main_menu li#dots a:link, ul#main_menu li#dots a:visited {	background-image: url("/images/dots0.gif"); } /* 61x57 */
ul#main_menu li#dots a:hover, ul#main_menu li#dots a:focus { 	background-image: url("/images/dots1.gif"); }
ul#main_menu li#infinity a {    background-position: 0px 0%; }
ul#main_menu li#infinity a:link, ul#main_menu li#infinity a:visited {background-image: url("/images/infinity0.gif"); } /* 78x33 */
ul#main_menu li#infinity a:hover, ul#main_menu li#infinity a:focus {background-image: url("/images/infinity1.gif"); }
ul#main_menu li#tetra a { 	background-position: 9px 0%; }
ul#main_menu li#tetra a:link, ul#main_menu li#tetra a:visited {	background-image: url("/images/tetra0.gif"); } /* 61x63 */
ul#main_menu li#tetra a:hover, ul#main_menu li#tetra a:focus { background-image: url("/images/tetra1.gif"); }

#lastupdated {
	clear: both;
}

#content {
	max-width: 60em;
}

#container {
    margin-left: -12em;
    width: 100%;
    float: right;
}
#text {
    margin-left: 12em;
}

#header {
	background-position: 100% 50%;
	background-repeat: no-repeat;
        _height: 74px;
	min-height: 74px;
        margin-bottom: 1em;
        border-bottom: solid 1px #999999;
}
#header h1 {
	text-align: left;
        font-weight: normal;
        font-size: 100%;
        border-bottom: none;
}
#header span {
    font-size: 200%;
    color: #666666;
    background-color: #ffffff;
}
#header span small {
    font-size: 50%;
    color: #666666;
    background-color: #ffffff;
}
#header p {
	text-align: right;
	margin: -30px 55px 0 190px;
	font-style: italic;
	font-variant: small-caps;
}

#triskell #header {	background-image: url("/images/triskell0.gif");}
#tree #header {		background-image: url("/images/tree0.gif");}
#swirl #header {	background-image: url("/images/swirl0.gif");}
#glass #header {	background-image: url("/images/glass0.gif");}
#waves #header {	background-image: url("/images/waves0.gif");}
#dots #header {		background-image: url("/images/dots0.gif");}
#infinity #header {	background-image: url("/images/infinity0.gif");}
#tetra #header {	background-image: url("/images/tetra0.gif");}
#triskell #header:hover, #triskell #header.on {	background-image: url("/images/triskell1.gif");}
#tree #header:hover, #tree #header.on {			background-image: url("/images/tree1.gif");}
#swirl #header:hover, #swirl #header.on {		background-image: url("/images/swirl1.gif");}
#glass #header:hover, #glass #header.on {		background-image: url("/images/glass1.gif");}
#waves #header:hover, #waves #header.on {		background-image: url("/images/waves1.gif");}
#dots #header:hover, #dots #header.on {			background-image: url("/images/dots1.gif");}
#infinity #header:hover, #infinity #header.on {	background-image: url("/images/infinity1.gif");}
#tetra #header:hover, #tetra #header.on {		background-image: url("/images/tetra1.gif");}

ul#menu {
    color: #000000;
    background-color: #ffffff;
    width: 10em;
    float: left;
    padding: 0 2em 0 0;
    margin: 0 0 1em 0;
    list-style-type: none;
}
ul#menu ul {
	padding: 0 0 1em 25px;
	margin: 0;
	font-size: 83%;
}
ul#menu ul ul {
	padding: 0 0 0 25px;
	font-size: 100%;
}
ul#menu li a, ul#menu li span {
    display: block;
    vertical-align: middle;
    text-decoration: none;
    padding: 2px 0 2px 34px;
    min-height: 28px;
    background-repeat: no-repeat;
}

ul#menu ul li a, ul#menu ul li span {
    display: inline;
    padding: 0;
    min-height: 0;
    height: auto;
    background: none;
}
ul#menu ul li a:hover {
    background: none;
}

li#menu_smtriskell a, li#menu_smtriskell span {  background-position: 5px 40%; }
li#menu_smtree a, li#menu_smtree span {	background-position: 5px 40%; }
li#menu_smswirl a, li#menu_smswirl span { background-position: 5px 40%; }
li#menu_smglass a, li#menu_smglass span { background-position: 5px 40%; }
li#menu_smwaves a, li#menu_smwaves span { background-position: 2px 40%; }
li#menu_smdots a, li#menu_smdots span {	background-position: 3px 40%; }
li#menu_sminfinity a, li#menu_sminfinity span { background-position: 0px 40%; }
li#menu_smtetra a, li#menu_smtetra span { background-position: 4px 40%; }

li#menu_smtriskell a { background-image: url("/images/smtriskell0.gif");}
li#menu_smtree a { background-image: url("/images/smtree0.gif");}
li#menu_smswirl a { background-image: url("/images/smswirl0.gif");}
li#menu_smglass a { background-image: url("/images/smglass0.gif");}
li#menu_smwaves a { background-image: url("/images/smwaves0.gif");}
li#menu_smdots a { background-image: url("/images/smdots0.gif");}
li#menu_sminfinity a { background-image: url("/images/sminfinity0.gif");}
li#menu_smtetra a { background-image: url("/images/smtetra0.gif");}

li#menu_smtriskell a:hover, li#menu_smtriskell span {	background-image: url("/images/smtriskell1.gif"); } /* 23x22 */
li#menu_smtree a:hover, li#menu_smtree span {		background-image: url("/images/smtree1.gif"); }		/* 21x28 */
li#menu_smswirl a:hover, li#menu_smswirl span {		background-image: url("/images/smswirl1.gif"); }	/* 23x22 */
li#menu_smglass a:hover, li#menu_smglass span {		background-image: url("/images/smglass1.gif"); }	/* 19x21 */
li#menu_smwaves a:hover, li#menu_smwaves span {		background-image: url("/images/smwaves1.gif"); }	/* 25x24 */
li#menu_smdots a:hover, li#menu_smdots span {		background-image: url("/images/smdots1.gif"); }		/* 23x21 */
li#menu_sminfinity a:hover, li#menu_sminfinity span {	background-image: url("/images/sminfinity1.gif"); } /* 30x13 */
li#menu_smtetra a:hover, li#menu_smtetra span {		background-image: url("/images/smtetra1.gif"); }	/* 24x25 */

#column {
    float: left;
    width: 390px;
}
.box {
    background-color: #ffffff;
    margin-bottom: 1em;
    padding-right: 30px;
}
.box p {
    font-style: italic;
    margin: 0;
}

#latest_news {
    margin-left: 390px;
    clear: right;
}
#latest_news ul {
    margin: 0 0 1em 1.5em;
    padding: 0;
}

#flickr p {
    text-align: center;
}
#flickr img {
    border: solid 1px #cccccc;
    margin-right: 4px;
}

#sitelink, .sitelink {
    text-align: center;
    font-size: 120%;
}

dt {
    font-weight: bold;
    float: left;
    width: 5em;
    clear: left;
}
dd {
}

/* BBC */

div#main-image div {
    text-align: center;
    float: left;
    border: solid 1px #999999;
    width: 300px;
    margin: 10px;
    padding: 10px;
}

#missing {
    font-size: larger;
    color: #cc0000;
    background-color: #ffffff;
    height: 150px;
}

div#category div {
    float: left;
    width: 25%;
    border: solid 1px #999999;
    margin: 10px;
    padding: 10px;
}
div#category dt {
    font-weight: bold;
    float: none;
    width: auto;
    margin-top: 0.5em;
}

#key {
    font-size: 83%;
    text-align: right;
}

#key span {
    border: solid 1px green;
    border-width: 1px 1px 1px 1em;
    padding: 4px;
}

#loading {
    position: absolute;
    top: 50%; left: 50%;
    margin: 0 0 0 -16px;
    text-align: center;
    width: 32px;
    color: black;
    background-color: white;
    border: solid 1px #999999;
    padding: 4px;
    display: none;
    line-height: 1;
}

p#url {
    color: #666666;
    font-size: 83%;
}

#photos {
    margin: 1em 0;
    text-align: center;
}
#photos img {
    margin: 0 5px 5px 0;
}

span.uri {
    font-style: italic;
    display: block;
    margin-left: 4em;
}

.message {
    text-align: center;
    font-size: 200%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #ffcc99;
    padding: 0.5em 2em;
    margin: 0.5em 0;
}