/* This layout CSS is copyrighted to www.cssplay.co.uk and used with the permmision of Stu Nicholls */

body {
	margin : 0;
	border : 0;
	padding : 0;
	height : 100%;
	max-height : 100%;
	font-family :Georgia, "Times New Roman", Times, Serif;
	font-size : 76%;
	text-align : center;
	overflow : hidden;
	background :  url("../images/main/als-bg-r.gif") repeat-y right;
	color : #fff;
}
* html body {
	font-size : 56%;
	padding : 120px 0 30px;
}
#container {
	position : fixed;
	top : 70px;
	right : 0;
	bottom : 30px;
	left : 0;
	padding : 20px;
	overflow : auto;
	font-family : Georgia, "Times New Roman", Times, Serif;
	text-align : center;
	color : #69c;
	z-index : 2;
}
* html #container {
	height : 100%;
	width : 100%;
}
p {
	font-size : 1.1em;
	font-weight:normal;
	line-height:1.2em; 
	letter-spacing:1px; 
	white-space:normal;
	color : #369;
	text-align : justify;
	font-family:Georgia, "Times New Roman", Times, Serif; 
}
* html p { 
font-size : 1.2em;
}
.boxcontent ul {
	font-size : 1em;
	font-weight:normal;
	line-height:1.1em; 
	letter-spacing:1px; 
	white-space:normal;
	color : #369;
	text-align : left;
	font-family:Georgia, "Times New Roman", Times, Serif; 
}

#header {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 80px;
	overflow : auto;
	background : #69c;
	border-bottom : 5px solid #369;
	z-index : 3;
}
* html #header {
	height : 100px;
}
#logo {
	position : absolute;
	width : 70px;
	height : 70px;
	top : 5px;
	left : 5px;
	background :   url("../images/main/badge.png") no-repeat;
	z-index : 7;
}
#dragon {
	position : absolute;
	width : 40px;
	height : 50px;
	top : 5px;
	right : 5px;
	background :   url("../images/main/dragon.gif") no-repeat;
	z-index : 7;
}
#footer {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 100%;
	height : 25px;
	overflow : auto;
	text-align : center;
	background : #69c;
	border-top : 5px solid #369;
	z-index:3;
}
* html #footer {
	height : 30px;
}

#footer-l {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 350px;
	height : 15px;
	padding-left : 5px;
	font-size : 0.8em;
	color : #eee;
	text-align : left;
	background : transparent;
}
.footer-c {
	text-align : center;
	font-size : 0.8em;
	color : #636;
}
#footer-r {
	position : absolute;
	bottom : 0;
	right : 0;
	width : 350px;
	height : 15px;
	padding-right : 5px;
	font-size : 0.8em;
	color : #eee;
	text-align : right;
	background : transparent;
}
h1 {
	font-size : 4em;
	color : #636;
	margin : 0;
	padding : 0;
}
h2 {
	font-size : 3em;
	color : #636;
	margin : 0;
	padding : 0;
}
h3 {
	font-size : 2em;
	color : #636;
	margin : 0;
	padding : 0;
}
h4 {
	font-size : 1.25em;
	color : #636;
	margin : 0;
	padding : 0;
}
h5 {
color:#369;
font-size:1.1em;
padding-left:5px;
margin: 0;
}

#container img {
	margin : 5px;
}
.red a, .red a:link {color:#FFF;	text-decoration : underline; border-bottom: 2px dotted #FFF;
}
.red a:visited {color:#000;	text-decoration : none; border-bottom: 0;
}
.red a:hover {color:#00ff00; text-decoration : none; border-bottom: 0;
}
a, a:link {
	color : #369;
	text-decoration : none;
	border-bottom : 1px dotted #369;
}
a:visited {
	color : #666;
}
a:hover {
	color : #636;
	text-decoration : underline;
	border-bottom : 0;}
	
img a, img a:link, img a:visited {
	text-decoration : none;
	border-bottom : 0px;
}
img {
	text-decoration : none;
	border : 0px;
}
hr {
	clear : both;
	height : 1px;
	color : #888;
	background-color : #888;
}

#menu-holder {
	position : absolute;
	left : 0;
	width : 100%;
	height : 40px;
	top : 53px;
	background : transparent;
	z-index : 4;
}
.menu {
	display : none;
}
#banner {
	width : 550px;
	height : 70px;
	margin-right : auto;
	margin-left : auto;
	background : transparent url("../images/main/banner.gif") no-repeat center;
	z-index : 7;
}
#wrapper {
	width:600px; 
	height:85%; 
	margin:0 auto; 
	text-align:center; 
	bottom:10px;
	z-index:3;
}
#errorwrapper {
	width:800px; 
	height:85%; 
	margin:0 auto; 
	text-align:center; 
	bottom:20px;
	z-index:3;
}
#background-right {
	position : absolute;
	width:100px; 
	max-height : 99%;
	height:99%; 
	left:0px;
	top:0px;
	background:transparent url("../images/main/als-bg-l.gif") repeat-y 0px 110px;
	overflow : auto;
	z-index:0;
}
#background-bottom {
	position : absolute;
	width:100%; 
	height:100px; 
	left:0px;
	bottom:40px;
	background:transparent url("../images/main/ausflag.gif") no-repeat center bottom;
	z-index:0;
}
#map-holder {
clear:both; 
display:block;
width:480px;
height:350px;
margin-right:auto;
margin-left:auto;
margin:0 5em;
text-align:center;
z-index:50;
}

.center {
	clear:both; 
	text-align:center;
}
.left {
	clear:both; 
	float:left;
}
.right {
	clear:both; 
	float:right;
}
.center a, .center a:link, .center a:visited {
	text-decoration : none;
	border-bottom:0px;
}
.line-holder {
	clear:both;
	display:block;
	width : 100%;
	height : 12px;
	padding-left:5px;
	margin-right : auto;
	margin-left : auto;
	background : transparent url("../images/members/line-al.gif") no-repeat center bottom;
	overflow : hidden;
	z-index : 7;
}
.content-holder {
display:block;
width:100%;
height:100%;
margin-right:auto;
margin-left:auto;
margin-top:1em;
text-align:center;
}


.sub-img-holder {
width:100%;
margin-right:auto;
margin-left:auto;
margin-top:1em;
padding: 0;
text-align:right;
z-index:5;
}
.sub-img-left {
display:inline; 
width:275px; 
float:left; 
text-align:left;
z-index: 5;
}

.img-holder {
width:100%;
margin-right:auto;
margin-left:auto;
padding-top: 1em;
text-align:center;
z-index:50;
}
.sub-img-right {
clear:both;
display:inline; 
float:right; 
z-index: 5;
}


.img-holder a, .img-holder a:link, .img-holder a:visited {
	text-decoration : none;
	border-bottom:0 dotted #369;
}
.img-holder a:hover {
	text-decoration : none;
	border-bottom:0 dotted #369;
}

.broadband {
width:100%;
height : 50px;
margin-right:auto;
margin-left:auto;
margin-top:1em;
padding: 0;
text-align:right;
background: transparent url("../images/main/hd_dns.gif") 400px 0px no-repeat ;
z-index:5;
}
.dial-up {
display:inline; 
width:400px; 
height : 50px;
float:left; 
padding-left: 50px;
text-align:left;
background: transparent url("../images/main/modem.gif") 10px 0px no-repeat ;
z-index: 5;
}


.no-line {
width:100%;
margin-right:auto;
margin-left:auto;
padding-top: 1em;
text-align:center;
z-index:50;
}

.no-line a, .no-line a:link, .no-line a:visited {
	text-decoration : none;
	border-bottom:0px dotted #369;
}
.no-line a:hover {
	text-decoration : none;
	border-bottom:0px dotted #369;
}

.link-holder {
clear:both;
display:block;
width:580px;
height : 100%;
margin-right:auto;
margin-left:auto;
padding: 1px 5px;
font-size:1.2em;
font-weight:bold;
text-align:left;
z-index:50;
}

.link-holder a, .link-holder a:link, .link-holder a:visited {
color:#fff;
text-decoration: none;
	border-bottom : 0;
}
.link-holder a:hover {
	color:#BF9B60;
	text-decoration: none;
	border-bottom : 0;
}


.col1 {
display:block;
width:220px; 
height:auto;
float:left; 
padding-left:5px;
}
.col2 {
display:block;
width:350px; 
height:auto;
float:left; 
padding-left:5px;
}


.help {
	cursor: help;
	border-bottom : 1px dotted #369;
  }
acronym,abbr { border-bottom:1px dotted #369;cursor:pointer; }
.note {
	font-size:0.9em;
}
.first-letter {
font-weight:bold;
font-size:1.3em;
}
.red { color:#f00;}
.black {color:#000;}
.white {color:#fff;}
.grey {color:#999;}
.dk-grey {color:#666;}
.brown {color:#630;}
.lt-blue {color:#69c;}
.dk-blue {color:#369;}

.bold {font-weight:bold;}
.EmailLink {font-weight:bold;}

#dragon a, #dragon a:link, #dragon a:visited {
	text-decoration : none;
	border-bottom:0px dotted #69c;
}
.dottedline {border-bottom:1px dotted #369;}
.underline {text-decoration : underline;}

#adds {
	position : absolute;
	top : 5px;
	left : 60px;
	width : 250px;
	height : 150px;
	overflow : auto;
	background: transparent url("../images/main/new.gif") 1px 1px no-repeat ;
	color:#369;
	border : 5px solid #369;
	z-index : 100;
}
#adds a, #adds a:link, #adds a:visited {
	color:#fff;
	text-decoration: none;
	border-bottom : 0;
}
#footy {
	position : absolute;
	top : 160px;
	left : 200px;
	width : 350px;
	height : 150px;
	overflow : auto;
	color:#369;
	border : 5px solid #369;
	z-index : 100;
}
#footy a, #footy a:link, #footy a:visited {
	color:#fff;
	text-decoration: none;
	border-bottom : 0;
}

.clear {clear : both;
}