body {
		background: #222222;
		font-family: arial, Verdana, sans-serif;
		text-align: center;
		margin: 10px;
		margin-bottom: 10px;
}

.main {
		width: 870px;
		background: white;
		text-align: left;
		margin: 0 auto;
		padding: 0;
	
}

.header {
		height: 99px;
		width: 870px;
		background: white;
		margin: 0 auto;
}

#title {
		background: url("../images/sulis-soft.jpg") top left no-repeat;
		line-height: 100px;
		text-align: center;
		padding-left: 110px;
}

.sidebar {
		width: 150px;
		min-height: 440px;
		float: left;
		background: white;
		text-align: left;
		padding-left: 0px;
}
.content {
		background: white;
		width: 695px;
		float: left;
		text-align: left;
		padding: 2px;
		padding-left: 7px;
		border-left: thin dashed gray;
		min-height: 440px;
}

.clear {
		clear: both;
}
.gap {
		height: 20px;
		width: 695px;
}
.footer {
		text-align: center;
		font-size: 10px;
		height: 40px;
        padding-top: 1px;
        padding-bottom: 2px;
		margin-top:0px;
		margin-bottom: 0px;
		background: white;
		padding-right: 1px;
		border-top: thin dashed gray;
		margin-right: 0px;
		line-height: 14px;
}

h1 {
		font-size: 24px;
}
h2 {
		font-family: arial, Verdana, sans-serif;
		font-size: 20px;
}
h3 {
		font-family: arial, Verdana, sans-serif;
		font-size: 16px;
}
.center {
		text-align: center;
}


.blue {
		color: #000099;
}
.black {
		color: black;
}
ul.links {
		list-style-type: none;
		padding-left: 0px;
		display: block;
		text-align: left;
        margin: 0px 0px 0px 0px;
		margin-top: 12px;
        display: block;
}
ul.links a {
display: block;
}
ul.linkpage {
        list-style-type: none;
		padding-left: 0px;
	    text-align: left;
        margin: 0px 0px 0px 0px;
		margin-top: 12px;
}


li.links, li.sublinks {
		padding-top: 8px;
		padding-bottom: 8px;
		text-indent: 7px;
		font-size: 13px;
		display: block;
		margin-left: 0px;
		text-align: left;
}

li.sublinks {
		text-indent: 27px;
		padding-right: 5px;
		text-align: left;
		display: block;
}
li.links:hover, li.sublinks:hover { 
		background: #CCCCFF
}
li.linkpage {
		text-align: left;
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 12px;
}
.horizbar {
		height: 11px;
		background: #000099;
}
.horizbarsmall {
		height: 11px;	
		background: #000099;
}
img.right {
		float: right;
		padding-top: 10px;
		padding-left: 10px;
}
img.left {
		float: left;
		padding-top: 10px;
		padding-right: 10px;
}
img.centre {
		padding: 10px;
}
img {
		border: none;
		padding: 0;
}

.pic_caption {
		width: 100%;
	    text-align: center;
}

.intr {
		text-align: center;
}
.logos {
}
a.menu {
		text-decoration: none;
		color: black;
        
}
a:visited {
		color: black;
}
.lefttextbox {
        float:left;
        text-align: left;
        padding-left:10px;
        width: 45%;
}
.righttextbox {
        float:right;
        text-align: left;
        padding-right:10px;
        width: 45%;
}
.pict1 {
		float: left;
		vertical-align: text-bottom;
		padding: 0px;
		padding-left: 00px;
}
.pict2 {
		float: right;
		padding: 00px;
		padding-right: 00px;
        text-align: center;
}
.pictcenter {
		/*margin: 0 auto;*/
	    /*float: center;*/
        vertical-align: text-bottom;
		padding-left: 140px;
}
.smallfont {
		font-size: 12px;
}
.pic_members_big {
		width: 200px;
		text-align: center;
		float: left;
}
.pic_gallery {
		width: 210px;
		text-align: center;
		float:left;
}
.pic_members {
		width: 165px;
		text-align: center;
		float: left;
}
.pic_members_small {
		width: 150px;
        text-align: center;
		float: left;
}
.pic_cap_center {
	width: 145px;
	text-align: center;
	/*float: center;*/
    padding-right: 10px;
}
.pic_left {
	width: 120px;
	float: left;
	text-align: center;
	padding-left: 10px;
}
.pic_mid {
	width: 150px;
	float: left;
	text-align: center;
	padding-left: 10px;
}
picright {
	float: right;
}
#mytable {
		margin: 0px;
		
}
th, td {
		padding: 2px;
}

th.topboxleft {
		font-size: 12pt;
		border-right: thin solid gray;
		border-top: solid  black;
		border-bottom: thin solid gray;
}
th.topbox {
		font-size: 12pt;
		border-right: thin solid gray;
		border-left: thin solid gray;
		border-top: solid black;
		border-bottom: thin solid gray;
}
th.topboxright {
		font-size: 12pt;
		border-left: thin solid gray;
		border-top: solid black;
		border-bottom: thin solid gray;
}
td.leftmid {
		font-size: 10pt;
		border-right: thin solid gray;
		border-top: thin solid gray;
		border-bottom: thin solid gray;
}
td.rightmid {
		font-size: 10pt;
		border-top: thin solid gray;
		border-bottom: thin solid gray;
        border-left: thin solid gray;
}
td.midmid {
		font-size: 10pt;
		border-left: thin solid gray;
		border-top: thin solid gray;
	    border-bottom: thin solid gray;
		border-right: thin solid gray;
}
td.bottomright {
		font-size: 10pt;
		border-bottom: solid black;
		border-top: thin solid  gray;
		border-left: thin solid gray;
}
td.bottommid {
		font-size: 10pt;
		border-top: thin solid gray;
		border-bottom: solid black;
		border-left: thin solid gray;
		border-right: thin solid gray;
}
td.bottomleft {
        font-size: 10pt;
		border-top: thin solid gray;
		border-bottom: solid black;
		border-right: thin solid gray; 
} 

.menuy { cursor: default; list-style:none; padding-top: 15px; 
margin-bottom:20px; } 

.menuy a { cursor: default; } 

.menuy a .preview { 
    display: none;
}    
.menuy a:hover .preview {
    display: block;
    position: absolute;
    top:-10px;
    left: -20px;
    z-index: 1;
}
.menuy img {
    background: #fff;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    padding: 10px;   /*padding around picture itself*/
    color: inherit;
    vertical-align: top;
    width: 80px;
    height:80px;
}    
.menuy li {
    background: #eee;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    color: inherit;
    margin: 5px;
    padding: 15px;
    position: relative;
    display: inline;
    float: left;
    text-align: center;
}
.menuy .preview {
    border-color: black;
    border-width: 2px;
    width: 150px;
    height: 150px;
}
#scroll {
position:absolute;
top:0;
bottom:-0.1px;
width:1em;
z-index:-1;
}
