@charset "utf-8";
@import url("styles/form_clean.css");
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: justify;
	background-color: #000;
	font-size: 12px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}
.oneColFixCtr #container {
	width: 980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #FFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	background-image: url(images/jodibg.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	background-position: center top;
	height: 800px;
	min-height: 800px;
}
.oneColFixCtr #mainContent {
	padding: 0;
	margin: 0;
	max-height: 800px;
}
#maintext {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	text-align: left;
	width: 520px;
	max-height:656px;
	min-height:656px;
	overflow:auto;
	height: 656px;
}
.textwithfoot {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align: justify;
	width: 540px;
	overflow:auto;
	height: 500px;
	line-height: 14px;
	float: left;
}
#maidbut {
	z-index:1;
	left: 312px;
	padding-top: 14px;
	padding-left: 310px;
}
#cantbut {
	padding-top: 26px;
	padding-left: 285px;
}
img {
	border:none;
}
#addy {
	position:absolute;
	z-index:1;
	left: 775px;
	top: 0px;
	font-size: 14px;
	text-align: right;
	width: 200px;
}
#copyright {
	text-align: center;
	padding-top: 1px;
	clear: both;
	width: 980px;
	margin: 0 auto;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.accessholder {
	text-align: justify;
	overflow: auto;
	max-height: 480px;
	height: 480px;
	margin: 0;
	padding: 0 10px 0 0;
}
.gallholder {
	overflow: auto;
	padding: 0;
	margin: 0;
	height: 417px;
}
/* - WILL VALID WHEN CSS3 IS AN OPTION */
.gallholder a img {
	opacity:0.8;
}
.gallholder a:hover img {
	opacity:1;
}
/* WILL VALID WHEN CSS3 IS AN OPTION <--- */
.oneColFixCtr1 #container {
	width: 980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #FFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	background-image: url(images/jodimanbg.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	padding: 0;
	background-position: center top;
	height: 800px;
}
.oneColFixCtr1 #mainContent {
}
.menu {
	display: block;
	padding:0;
	width: 116px;
	height: 20px;
	margin: 0 0 0 11px;
	_margin: 0 0 0 6px;
	float:left;
	
	
}
.menu li {
	height: 20px;
	list-style:none;
}
.menu li a {
	display: block;
	background-image: url(images/menubg.gif);
	background-position: 0 20px;
	height: 14px;
	padding-left: 5px;
}
.menu li a:hover {
	background-color: #FFF;
	color: #333;
	background-image: url(images/menubg.gif);
	background-position: 0 -20px;
}
.menu li a.active, .menu li a.active:hover {
	color:#FFF;
	background-image: url(images/menubg.gif);
	background-position: 0px 0px;
}

#menmenu {
	position:absolute;
	z-index:1;
	left: 254px;
	top: 202px;
}
#clogo {
	position:absolute;
	z-index:1;
	left: 283px;
	top: 114px;
}
.center {
	text-align:center;
	padding-left: 7px;
}
#acctext {
	width:520px;
	height:512px;
	text-align: justify;
	padding-right: 10px;
	overflow: auto;
}
#xhtmlvalid {
}
#cssvalid {
	z-index:1;
}
#ellalogo {
	position:absolute;
	z-index:1;
	left: 308px;
	top: 95px;
}
#sotlogo {
	text-align: center;
}
#rubylogo {
	position:absolute;
	z-index:1;
	left: 290px;
	top: 114px;
}
#oclogo {
	position:absolute;
	z-index:1;
	left: 330px;
	top: 102px;
}
#event {
	position:absolute;
	width:170px;
	height:350px;
	z-index:1;
	left: 762px;
	top: 147px;
}
#tabholder {
	z-index:1;
	text-align: justify;
}
#dessylogo {
	position:absolute;
	z-index:1;
	left: 271px;
	top: 109px;
}
#ianlogo {
	position:absolute;
	z-index:1;
	left: 279px;
	top: 109px;
}
#eblogo {
	position:absolute;
	z-index:1;
	left: 244px;
	top: 116px;
}
#esslogo {
	position:absolute;
	z-index:1;
	left: 305px;
	top: 106px;
}
#maglogo {
	text-align: center;
}
#pronologo {
	position:absolute;
	left: 312px;
	top: 116px;
}
.footlinks {
	font-size:9px;
	left: 93px;
	top: 818px;
	text-align: center;
	color: #666;
	margin: 0 auto;
	width: 980px;
}
.footlinks a:active, .footlinks a:link, .footlinks a:visited {
	font-size:9px;
	color: #666;
}
.footlinks a:hover {
	color:#999;
}
#spacer {
	height:67px;
	width: 980px;
}
.fltleft {
	float:left;
}
.fltright {
	float:right;
}

#accfooter {
	clear: both;
	text-align: center;
	padding-top: 44px;
}
#bigspace {
	clear:both;
	height:144px;
}
#bigspace1 {
	clear:both;
	height:182px;
}
#spacerella {
	height:200px;
}
#sotmidlogo {
	position:absolute;
	z-index:1;
	left: 261px;
	top: 107px;
}
#magsotlogo {
	position:absolute;
	z-index:1;
	left: 264px;
	top: 109px;
}
#valid {
	position:absolute;
	left: -1px;
	top: 804px;
	font-size:9px;
}
#css {
	position:absolute;
	z-index:1;
	left: 899px;
	top: 804px;
}
#counterbox {
	position:absolute;
	width:200px;
	height:20px;
	left: 90px;
	top: 804px;
}
#martinalogo {
	position:absolute;
	z-index:1;
	left: 261px;
	top: 113px;
}
.cantline {
	line-height:16px;
}
#contactsheet {
	height:482px;
}

.footer {
	clear:both;
	padding-top:26px;
	height:128px;
	text-align:center;
	background-image:url(images/colourfooter.png);
	_background-image:url(images/colourfooter.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.acfooter {
	clear:both;
	padding-top:26px;
	height:128px;
	text-align:center;
	background-image:url(images/colouraccfooter.png);
	_background-image:url(images/colouraccfooter.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
p {
	margin-top:15px;
	margin-bottom:14px;
}