@charset "UTF-8";

/*Main style sheet for Photos*/


body {background-color: #ffffff; 
	margin: 10px; 
	padding: 10px; 	
	color: #333;
	line-height: 1.5;
	font-size: 1.2em;
	font-family: Optima, sans-serif;
}

body,td,th {
	font-family: Optima, sans-serif;
}

.text {
	color: #000000;
	color: #333;
	line-height: 140%;
	font-size: normal;
	font-style: normal;
}

.centre
{
background: white;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
margin-top:5px;
width: 100%;
text-align:center;
font-size:90%;
}


h1
{
	line-height: 160%;	
}

h2
{   
    margin-left: auto;
    margin-right: auto;
    font-size:130%;
	line-height: 120%;	
}

h3
{    margin-left: auto;
     margin-right: auto;
    font-size:120%;
    padding-top:15px;
	line-height: 105%;	
}



.greybacktext {	
	text-decoration: none; 
	color: #FFFFFF;
	line-height: normal;
	font-size: 16px;
	font-style: normal;
	}
	
.lgrey {background-color: #F8F8F8 ;}

.greyback {background-color:#666666;}
	
	
.friendly {
	position: absolute; 
	top:560px; 
	left:10px; 
	width: 151px; 
	height: 93px; 
	z-index: 1;
	}
	
.brown {
	color: #CD7F32;
}
	
.small {font-size: small}

A.greybacktext:link {color: #FFFFFF; text-decoration: none; }
A.greybacktext:active {color: #FFFF66; text-decoration: none; }
A.greybacktext:hover {color: #FFFF66; text-decoration: none; }
A.greybacktext:visited {color: #FF9933; text-decoration: none; }

A:link {color: #4F8EB6; text-decoration: none; }
A:active {color: #FFFF66; text-decoration: none; }
A:hover {color: #FFFF66; text-decoration: none; }
A:visited {color: #FF9933; text-decoration: none; }



.top {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	visibility: visible;
	padding: 0px;
	}

 

.content {
	position: absolute;
	left: 5px;
	top: 160px;
	visibility: visible;
	z-index: 3;
	padding: 15px;
}



/* fluid images */

.clear {
  clear: both;
  height: 0;
  width: 0;
  font-size: 1px;
  line-height: 0;
}

.photos
{
  border:1px solid black;
  padding-top:5px;
  padding-bottom:5px;
  font-style:italic;
}


img
{
	max-width: 100%;
	
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
	_width: 100%;
}

img.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.left {
  float: left; 
  margin: 0px 5px 5px 0px;
}

img.right {
  float: right; 
  margin: 0px 5px 5px 0px;
}

.half-page-image {
  margin-left:5px;
  width: 47%;
  display: inline-block;
  margin-top:15px;
}

.details
{
  border:1px solid black;
  margin-top: 10px;
  margin-bottom: 5px;
  padding:5px;
  font-size:85%;
  line-height: normal;
}


   
.style2 {font-size: 9px;
         color: #000099}
.style1 {color: #000099}
.style3 {font-size: small}
.style4 {color: #CCCCFF}
.style5 {font-size: 9px;
         color: #CCCCFF}
.style6 {font-style: italic;
text-decoration: none;}		 

.ajp {font-weight: normal;
         color: #000099;
    font-family: : 平成角ゴシック, ＭＳ ゴシック;}
		 
.asc {font-weight: normal;
         color: #000099;
    font-family: 华文黑体, Hei;}
		 
.atc {font-weight: normal;
         color: #000099;
    font-family: "儷黑 Pro", "Apple LiGothic Medium";}
		 
.avn {font-weight: normal;
         color: #000099;
		 font-family: Arial, Helvetica, sans-serif;}
		 
		 
.title1 {
	font-size: x-large;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}

.toptitle {
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #333333;
	margin-bottom: 20px;}
	

.red {
	color: #FF0000;
}

.pageHeader {color: #3366CC; text-decoration: none; font-weight: 800; font-size: 150%; display: block;}

.noscriptnotice {
    position: absolute;
	left: 7px;
	top: 100px;
	visibility: visible;
	z-index: 3;
	font-size: 12px;
	font-style:italic;
}

.girlphoto {
	position: absolute;
	left: 10px;
	top: 150px;
	visibility: visible;
	z-index: 3;
	padding: 5px;
}

.photo {
	position: absolute;
	right: 5px;
	top: 0px;
	padding: 5px;	
}


@media (min-width: 750px)


{
	
body {position:relative;
	margin-left:auto;
    margin-right:auto;
    width:750px;}
							
}