/* Main Contents BG (top, middle & Bottom) for AO */

.contents  {
	width: 748px;
	margin: auto;
	border: 4px solid white;
	background-image: url("imgs/mainbg_AO.gif");
	background-repeat: repeat-y;
}

.maintop-AO     {
	background-color: #af7885;
	background-image: url("imgs/maintop_AO.gif");
	background-repeat: no-repeat;
	width: 748px;
	height: 15px;
	text-align: left;
	background-position: top;
	line-height: 5px;
	font-size: 1px;
}


.maintop-AO-2     {
	background-color: #af7885;
	background-image: url("imgs/maintop_AO-2.gif");
	background-repeat: no-repeat;
	width: 748px;
	height: 15px;
	text-align: left;
	background-position: top;
	line-height: 5px;
	font-size: 1px;
}

.mainbg-AO    {
	background-image: url("imgs/mainbg_AO.gif");
	background-repeat: repeat-y;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 748px;
}

.mainbg-AO-2    {
	background-image: url("imgs/mainbg_AO-2.gif");
	background-repeat: repeat-y;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 748px;
}

.mainbtm-AO      {
	background-color: #af7885;
	background-image: url("imgs/mainbtm_AO.gif");
	background-repeat: no-repeat;
	text-align: left;
	margin: 0px;
	width: 748px;
	height: 33px;
	clear: left;
}

.mainbtm-AO span {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	padding-left: 220px;
	}


/* Main Contents Menu (Left) for AO */
.menu-AO    {
	width: 182px;
	left: 4px;
	float: left;
	margin: 0px;
}

.menu-AO ul   {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menu-AO li  {
	background-color: white;
	color: #900;
	line-height: 10px;
}

ul li#cat1   {
	border-bottom: 1px solid white;
	font-weight: bold;
}

ul li#cat2   { 
border-bottom: 1px dotted white 
}

ul li#cat3   {
}

.menu-AO li a {
	display: block;
	background-color: #af7885;
	color: white;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
}

.menu-AO li a:hover {
	background-color: #c69aa5;
	color: #900;
}

.menu-AO li a:visited {
	color: white;
}

li.top {
border-top: 1px solid white;
}

li.btm {
border-bottom: 1px solid white;
}

.menu-AO img  { 
vertical-align: middle; 
border-width: 0 
}

div.directory h1 {
	background-image: url(imgs/bar_AO.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 1px;
	width: 361px;
	height: 20px;
	text-align: center;
	color: #900;
	margin-top: 15px;
	background-position: top left;
}

div.directory h1.AO-3 {
	background-image: url(imgs/bar_AO-3.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 1px;
	width: 361px;
	height: 20px;
	text-align: center;
	color: #900;
	margin-top: 15px;
	background-position: top left;
}

div.directory h1.AO-4 {
	background-image: url(imgs/bar_AO-4.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 1px;
	width: 361px;
	height: 20px;
	text-align: center;
	color: #900;
	margin-top: 15px;
	background-position: top left;
}

div.directory h2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div.directory h3.AO-1     { 
	margin: 0px; 
	font-size: 10px; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color:white;
}

div.information h4 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


h3.AO-1 a {color: #6699CC}
h3.AO-1 a:hover {color: #FF6666}

div.directory p {
	color: #333;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

div.informationAO-1 {
	margin: 0 0 0 200px;
	width: 530px;
	font-weight: normal;
	padding-bottom: 15px;
}

div.informationAO-1 p {
	color: white;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
}


div.informationAO-1A {
	margin: 0 0 15px 200px;
	width: 530px;
	font-weight: normal;
	padding-right: 7px;
}

div.informationAO-1A p {
	text-indent: 15px;
}


img#AO-1image{
	margin-left: 60px;
	margin-top: 10px;
	margin-bottom: 10px;

}

img#AO-2Aimage{
 	margin-left: 80px;
	margin-top: 50px;
	margin-bottom: 40px;

}

img#AO-2Bimage{
 	margin-left: 70px;
	margin-top: 35px;
	margin-bottom: 20px;

}

img#AO-2Cimage{
 	margin-left: 160px;
	margin-top: 50px;
	margin-bottom: 30px;

}

img#AO-2Dimage{
 	margin-left: 200px;
	margin-top: 30px;
	margin-bottom: 10px;

}

img#AO-2Eimage{
 	margin-left: 120px;
	margin-top: 20px;
	margin-bottom: 20px;

}

img#AO-2Himage{
 	margin-left: 70px;
	margin-top: 20px;
	margin-bottom: 10px;

}

img#AO-1title{
	margin-left: 20px;

}

img#AO-2title{
	margin-left: 5px;
	margin-top: 7px;

}

img#AO-1next{
	margin: 0;
	margin-left: 230px;

}

img.imgright {
	margin: 0;
	float: right;
	margin-top: 15px;
	margin-left: 15px;
}

img.imgleft {
	margin: 0;
	float: left;
	margin-top: 15px;
	margin-right: 5px;
}
.contents .mainbg-AO .information .tn {
	margin-top: 5px;
	margin-right: 10px;
}
.contents .mainbg-AO .information .author {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 30px;
}
.contents .mainbg-AO .information .AO_photo200 {
	width: 200px;
	background-attachment: fixed;
	float: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 7px;}
.contents .mainbg-AO .information .AO_photo200 img {
	margin-bottom: 3px;
	border: 1px solid #666;
	width: 200px;
}

.contents .mainbg-AO .information .AO_photo150 {
	background-attachment: fixed;
	float: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 7px;
	width: 150px;
	
	}
.contents .mainbg-AO .information .AO_photo150 img {
	margin-bottom: 3px;
	border: 1px solid #666;
	width: 150px;

}

.contents .mainbg-AO .information .AO_photo250 {
	background-attachment: fixed;
	float: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 7px;
	width: 250px;
	
	}
.contents .mainbg-AO .information .AO_photo250 img {
	margin-bottom: 3px;
	border: 1px solid #666;
	width: 250px;

}

/*AO-2*/
.contentsAO-2  {
	width: 748px;
	margin: auto;
	border: 4px solid white;
	background-image: url("imgs/mainbg_AO-2.gif");
	background-repeat: repeat-y;
}

.contentsAO-2 .toptitlenavi a {
	color: #FFFF99;
}


div.directoryAO-2ind      {
	margin: 0 0 0 200px;
	width: 530px;
	height: 40px;
}

div.directoryAO-2ind h3     {
	margin: 0px;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}
div.directoryAO-2      {
	margin: 0 0 0 200px;
	width: 530px;
	height: 40px;
}

div.directoryAO-2 h3     {
	margin: 0px;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

.contents .mainbg-AO .informationAO-2 .vgtitle {
	text-align: center;
}

div.informationAO-2 {
	margin: 0 0 15px 200px;
	width: 530px;
	text-align: left;
	font-weight: normal;
}

div.informationAO-2 p {
	color: #333;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	text-indent: 15px;
}

div.informationAO-2 p a {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

}

div.directory h3.AO-2     { 
	margin: 0px; 
	font-size: 10px; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color:white;
}

h3.AO-2 a {color: #6699CC}
h3.AO-2 a:hover {color: #FF6666}
h3.AO-2 a:visited {color: #6699CC}

.naviAO-2 {
	font-size: 14px;
	line-height: 22px;
	font-family: Arial, Helvetica, Geneva, Verdana;
	color: #666666;
	text-align: center;
	margin: 5px 0px 5px 0px;
}
.contents .mainbg-AO .informationAO-2 .naviAO-2 a {
	font-weight: bold;
}

/*AO-3*/
div.directoryAO-3      {
	margin: 0 0 0 200px;
	width: 530px;
	height: 30px;
}

div.directoryAO-3 h3     { 
	margin: 0px; 
	font-size: 10px; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal
}


div.informationAO-3 {
	font-size: 12px;
	margin: 0 0 15px 200px;
	width: 530px;
	text-align: left;
	font-weight: normal;
}

div.informationAO-3 p {
	color: #333;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0px;
}

div.informationAO-3 p a {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

}

div.informationAO-3 h2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.pg_text  {font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, Geneva, Verdana; color : 996600;}
.pg_copy  {
	font-size: 11px;
	line-height: 14px;
	font-family: Geneva,Arial,Verdana,Helvetica;
	color : 996600;
	margin-top: 7px;
}
.pg_subtitle {
	font-size: 18px;
	line-height: 22px;
	font-family: Arial, Helvetica, Geneva, Verdana;
	color: #666666;
	text-align: center;
	margin-bottom: 5px;
}

.naviAO-3 {
	font-size: 14px;
	line-height: 22px;
	font-family: Arial, Helvetica, Geneva, Verdana;
	color: #666666;
	text-align: center;
	margin: 5px 0px 5px 0px;
}
.contents .mainbg-AO .informationAO-3 .naviAO-3 a {
	font-weight: bold;
}
.contents .mainbg-AO .informationAO-3 .pg_subtitle a {
	font-size: 12px;
	font-weight: bold;
}