/* $Id: style.css,v 1.4 2005/10/24 11:23:59 tony Exp $ */
body
{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 0em;
	padding: 0em;
	text-align: left;
	vertical-align: top;
    font-size: 14px;
}
img
{
	border-width: 0em;
}
h1
{
	margin: .5em 0em .5em 0em;
}
h2
{
	margin: 0em;
}
.hidden
{
	display: none;
}
.menuitem, #menusel
{
	margin: 0em;
	padding: 0em .5em 0em .5em;
	border-bottom: none;
}
.sidesel
{
    display: block;
    padding: 0 1em;
    background: url(sidebarback.gif) left bottom repeat-x;
    border-left: 1px solid #181172;
    border-right: 1px solid #181172;
    border-bottom: 1px solid #181172;
}
.sidesel2
{
    display: block;
    padding: 0 1em 0 2em;
    background: url(sidebarback.gif) left bottom repeat-x;
    border-left: 1px solid #181172;
    border-right: 1px solid #181172;
    border-bottom: 1px solid #181172;
}
.sideitem, .sideitem2
{
    display: block;
}
.imginlt
{
    vertical-align: bottom;
}
html>body .shadow-1, .sidebar-shadow-1
{
    background: url(upperrightfade.png) right top no-repeat;
    float: left;
    margin-right: 1.5em;
    margin-bottom: .5em;
}
html>body .shadow-2
{
    background: url(lowerleftfade.png) left bottom no-repeat;
    padding-top: 8px;
    padding-left: 8px;
}
html>body .shadow-3
{
    background: url(shadow.png) bottom right;
}
html>body .shadow-4
{
    position: relative;
    top: -8px;
    left: -8px;
}
html>body .inner-shadow-1
{
    background: url(upperright.png) right top no-repeat;
    margin-left: 1em;
    margin-right: 1.5em;
    margin-bottom: .5em;
}
html>body .inner-shadow-2
{
    background: url(lowerleft.png) left bottom no-repeat;
}
html>body .inner-shadow-3
{
    background: url(bottomright.png) right bottom no-repeat;
    padding-top: 8px;
    padding-left: 8px;
}
html>body .inner-shadow-4
{
    position: relative;
    top: -8px;
    left: -8px;
    padding-top: 7px;
    padding-left: 7px;
    border-top: 1px solid #181172;
    border-left: 1px solid #181172;
}
html>body .inner-shadow-5
{
    position: relative;
    top: 8px;
    left: 0px;
    background: url(lowerfade.png) right bottom repeat-x;
}
html>body .inner-shadow-6
{
    background: url(rightfade.png) right bottom repeat-y;
    position: relative;
    top: -8px;
    left: 8px;
}
html>body .inner-shadow-7
{
    position: relative;
    top: -8px;
    left: -8px;
}
.footnote
{
	border-style: solid none none none;
	border-width: 1px;
}
.fnref
{
	vertical-align: super;
}
#header
{
	float: left;
	margin: 10px 0em 10px 10px;
}
#choosecss
{
	float: right;
	margin: 1em;
}
#menu
{
	clear: both;
}
#breadcrumb
{
	clear: both;
	padding: 0em 0em 0em 10px;
}
#outer
{
	margin: 10px 0px 10px 0px;
    clear: both;
}
#leftbar
{
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 10em;
}
#rightbar
{
	float: right;
	right: 0px;
	top: 0px;
	width: 140px;
}
.sidebar
{
	width: 10em;
	margin-bottom: 3em;
}
.sidetitle
{
    display: block;
	padding: 0em 1em 0em 1em;
    text-align: center;
    font-weight: bold;
    background: url(headback.gif) left bottom repeat-x;
}
.sidecontent
{
    background-color: #e5e5f1;
}
#menu ul, #menu li
{
	display: inline;
	list-style: none;
	margin: 0em;
	padding: .5em;
}
.sidecontent ul, .sidecontent li
{
	list-style: none;
	margin: 0em;
	padding: 0em;
}
.sidecontent dt
{
	font-weight: bold;
}
.sidecontent dd
{
}
.bnimembers td
{
	padding: .2em;
}
.bniname
{
	display: block;
	font-weight: bold;
}
.bnicomp
{
	display: block;
}
.bnidesc
{
	display: block;
	font-style: italic;
	font-size: 80%;
}
.bniweb
{
	display: block;
	font-size: 80%;
}
.softimg
{
    border: 1px solid #181172;
	padding: 1em;
    vertical-align: bottom;
}
.softname
{
	display: block;
	font-weight: bold;
}
.softdesc
{
	display: block;
}
.softweb
{
	display: block;
	font-size: 80%;
}
.newsdate
{
	font-style: italic;
}
.newstitle
{
	padding-top: 0em;
}
#main
{
	margin: 0em 154px 0px 11em;
    padding: 0em;
}
#inner
{
    margin: 0em;
    padding: 0em 1em 0px 1em;
    overflow: auto;
    vertical-align: bottom;
}
#footer
{
	clear: both;
	text-align: center;
	margin-top: 1em;
    background: url(headback.gif) left bottom repeat-x;
}
#footer p
{
	margin: 0em;
	padding: 1px;
}
#w3c
{
	text-align: center;
	margin: 1em;
}
#w3c A
{
	margin: 1em;
}
#texts
{
	font-size: 0.9em;
}
#textr
{
	font-size: 1em;
}
#textl
{
	font-size: 1.1em;
}
#main ul, #main ol
{
    list-style-position: inside;
}
#main A
{
	text-decoration: none;
    border-top: dotted 1px #ffffff;
    border-bottom: dotted 1px #181172;
    border-left: dotted 1px #ffffff;
    border-right: dotted 1px #ffffff;
}

#footer A
{
    text-decoration: none;
    border-bottom: solid 1px #ffffff;
}

#main .footnote A, #choosecss A, #toppage A, #menu A, #breadcrumb A
{
    text-decoration: none;
    border-top: dotted 1px #ffffff;
    border-bottom: dotted 1px #ffffff;
    border-left: dotted 1px #ffffff;
    border-right: dotted 1px #ffffff;
}

.sidebar A
 {
    text-decoration: none;
    display: block;
    border-left: 1px solid #181172;
    border-right: 1px solid #181172;
    border-bottom: 1px solid #181172;
    padding: 0 1em;
 }

.sideitem2 A
 {
    text-decoration: none;
    display: block;
    border-left: 1px solid #181172;
    border-right: 1px solid #181172;
    border-bottom: 1px solid #181172;
    padding: 0 1em 0 2em;
 }

#main A:hover
{
	text-decoration: none;
    border-top: dotted 1px #181172;
    border-bottom: dotted 1px #181172;
    border-left: dotted 1px #181172;
    border-right: dotted 1px #181172;
}
#footer A:hover
{
    text-decoration: none;
    border-bottom: dotted 1px #181172;
}
#slogan
{
	font-size: 120%;
	font-weight: bold;
}
#toppage A
{
	margin: 0em;
	padding: 0em .5em;
}
#photos img
{
	vertical-align: bottom;
}
.photoentry
{
    width: 100%;
    overflow: auto;
    vertical-align: middle;
}
#legal
{
	margin: auto 1.5em;
	padding: .5em;
}
#legaldisc
{
	display: block;
	font-weight: bold;
	padding-bottom: .5em;
	text-align: center;
}
/* ffffff - white */
/* ffffcc - cream */
/* ffff12 - yellow */
/* 454545 - dark grey */
/* e3e3e3 - light grey */
/* 181172 - dark blue */
/* 2319a8 - medium blue */
/* 7a70ff - light blue */
/* Background Colours */
body, #menu, #main .footnote A:hover
{
	background-color: #ffffff;
}
.sidebar A:hover
{
    color: #ffffff;
    background: url(sidebarback.gif) left bottom repeat-x;
}
#main A:hover, #choosecss A:hover, #footer A:hover, #toppage A:hover, #menu A:hover, .sidebar A:hover
{
	background-color: #ffff73;
}
#toppage A
{
    background-color: #181172;
    background: url(headback.gif) left bottom repeat-x;
}
#toppage A:hover
{
    background-color: #181172;
    background: url(headbackhigh.gif) left bottom repeat-x;
}
#footer, #menusel, #toppage A, .sidetitle
{
	background-color: #181172;
}
.sidesel, .sidesel2
{
    background-color: #3733c3;
}
/* Foreground Colours */
body, #main A, #choosecss A, #breadcrumb A, .sidebar A, #main .footnote A:hover
{
	color: #181172;
}
#menusel, #footer, .sidetitle, .sidesel, .sidesel2, #toppage A, #footer A
{
	color: #ffffff;
}
#menu A:hover,#main A:hover, #choosecss A:hover, #footer A:hover
{
	color: #181172;
}
#menu A
{
	color: #181172;
}
/* Border Colours */
.menuitem, #menusel
{
	border-left: solid 1px #181172;
	border-right: solid 1px #181172;
	border-top: solid 1px #181172;
}
#menu
{
	border-bottom: solid 1.5em #181172;
}
#breadcrumb
{
	border-bottom: solid 1px #181172;
}
#toppage A, .sidecontent
{
}
#legal
{
	border: solid 1px #454545;
}
/* End Colours */