html,
.outer,
body
{
	background-image: url(images/bg.jpeg); 
	background-color: #fdcb72; 
}

*.inner
{	background-image: url(images/fg.jpeg);
	background-color: #fcf0da;
}

/*	the div#all only exists becaues
	IE doesn't like treating html as a normal block
	level element */
div#all
{
	width:95%;
/* 	min-width    : 780px; */
	margin-left  : auto;
	margin-right : auto;
}

#badges
{	text-align   : right;
	padding-right : 14px;
	padding-top   : 0.25em;
}
#badges img
{	border : none;
	margin : 3px 0px 0px 3px ;
	vertical-align : middle;
}

#languages
{	text-align   : right;
	padding-right : 24px;
}
#languages img /*flag image*/
{
	margin-left    : 0.25em ;
	margin-right   : 0.75em ;
 	border         : 1px solid black; 
	background-color : #e5e5e7;	
}
#languages a
{	font-size : 90%;
}
#languages a,
#languages span.cur
{	text-decoration : none;
	white-space : nowrap;	
}
#languages a:hover
{	color : red;
}
#languages a:hover img
{	border-color: white;
}


*
{	font-family:  "Bitstream Vera Sans", "Verdana", sans-serif ;
}

img:link
{	text-decoration: none;
}

#construction	
{
	text-align:  center;
	color: green;
	font-size:90%;
}

h2{	font-size : 1.3em; }
/*h3{	font-size : 1.1em; }*/


.linklist
{
	text-align : center;
	margin-top : 8px	; 
	margin-bottom : 8px;
	vertical-align : middle;
	font-size : 90%;
}
.linklist a
{	color: red ;
	text-decoration : none;
}
.linklist a:hover
{	color: blue;
	text-decoration : underline;
}
.linklist span.cur
{	color: green ;
}
.linklist *
{	margin-left    : 0.25em ;
	margin-right   : 0.75em ;
/* 	white-space    : nowrap; */
}

#special
{	text-align:center; 
	color: red;
	font-size:125%;
	font-weight:bold;
	/*margin-top : 0px; 
	margin-bottom : 0px ;*/
	clear:both;
	position:relative;
	bottom : 6px;
}

h1 span
{	
/*	visibility:hidden; */
	display:none;
}
h1
{
	width : 206px;
	height : 135px;
	background:url(images/maslogo-fs8.png) no-repeat bottom right;
	position:relative;
	left:13px;
	top : 13px;
	margin-left:auto;
	margin-right:auto;	
}
.cy h1
{
	background-image:url(images/maslogo-fs8.cy.png);
}
#logo img
{	width : 206px;
	height : 135px;
	clear:none;
}
#logo div.l
{	width:40%;
	float:left;
	text-align:right;
	margin-right: -206px;
}
#logo div.r
{
	width:40%;
	float:right;
	text-align:left;
	margin-left: -206px;
}
#logo div.l div
{	float:right;
	background-image:url(images/dragon-l.png);
	width : 206px;
	height : 135px;
}
#logo div.r div
{	float:left;
	background-image:url(images/dragon-r.png);
	width : 206px;
	height : 135px;
}
#logo
{	position:relative;
	bottom:16px;
}


hr
{	
	clear : both;
	height       : 2px;
	border-top   : #bf954d dotted 2px;  
	border-bottom: none;  
	border-left  : none;
	border-right : none;
	max-width : 1000px;
	width : 95%;
	margin-left : auto;
	margin-right : auto;
}
#main p,
#main li
{	
	text-align : justify ;
	line-height: 1.5em; 
	margin-top : 6px;
}
#main p
{	margin-bottom : 1.1em;
}
.contact #main p
{	margin-left : 1em;
}
#main li
{	margin-bottom : 0.5em;
}
#main
{	text-align : left ;
	max-width : 1000px;
	width : 95%;
	margin-left : auto;
	margin-right : auto;
	font-size : 90%;
}


.backtop
{	font-size:   small;
	color   : #88672e;
	text-align : center;
}
.backtop:hover
{	color: blue;
}


*.image_replacement ,
img.fullsize-image
{	text-align:  center ;
	margin-left  : auto;
	display: block;
	margin-right : auto;
/*  for image loading...*/
	background-color: #e5e5e7; 
	background-image: url(images/background.png);
}

.copyright
{	display 	: block;
	text-align	: center;	
	margin-left : auto; 
	margin-right: auto;
	vertical-align : middle;
}

img.fullsize_image
{	display: block;
 	margin-left: auto;
 	margin-right: auto ;
	text-align: center ;
	border : #bf954d solid 1px ;
}

li.browser
{
	display : block;
 	float   : left;
	clear   : both;
	width   : 30%;
	margin  : 5px;
}

li.browser img
{	
	padding: 2px;	
	vertical-align : middle;
	background-color: #fffdf9;
	border:#d0a352 solid 1px;
}
li.browser img:hover
{	border-color:blue;
}

.gallery
{
	padding:5px 5px;
	text-align : center;
	list-style:none;
	position:relative;
	left:6px;
	
	max-width:850px;
	margin-left : auto;
	margin-right : auto;
}
.gallery li
{	
	display:inline;
}
.gallery img
{	
	width:132px;
	height:137px;
	border:none;
	background-image: url(images/port-frame-norm-fs8.png); 
}

/*	unfortunatly this is a non-IE feature,
	it just can't handle it */
.gallery img:hover
{
	background-image: url(images/port-frame-blue-fs8.png); 
}
.gallery img:link:visited
{
	background-image: url(images/port-frame-purp-fs8.png); 
}