@charset "utf-8";
/* CSS Document */

body {
	background-color: #FDFEF3;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	text-align:center; /* centers the layout in IE */
	behavior:url(css/csshover.htc); /* behaviour script for dropdown & rollover in IE */
	}
	
* {margin:0; padding:0;} /* removes defaults of all elements */

/* ============================================================================================================== [ P / H2 / UL ] */
p {
	font-size:.72em;
	line-height:1.3em;
	margin-top:7px;
}
p a, ul a{
	color:#78820A;
	text-decoration:none;
	}
p a:hover, ul a:hover{
	text-decoration:underline;
	}
/* ============================ */
p.pTop {
	margin-top:0px;
}
p.pRight {
	text-align:right;
	}
p.pRightTop {
	text-align:right;
	margin-top:0px;
	color:#666;
	}
p.author {
	color:#666;
	font-size:.66em;
	margin-top:0px;
	}
p.red {
	color:#900;
	}
p.green {
	color:#78820A;
	}
p.dotLine {
	border-top:dotted 1px #E4BF86;
	}
p.pNote {
	color:#666;
	font-size:.62em;
	}
/* ============================ */
h2 {
	font-size:.82em;
	color:#C63;
}
h2 a{
	font-size:.92em;
	color:#C63;
	text-decoration:none;
}
h2 a:hover{
	text-decoration:underline;
	}
h2.h2NewsTopMargin{
	margin-top:-16px;
	}
/* ============================ */
ul, ol {
	font-size:.72em;
	line-height:1.3em;
	list-style-position:outside;
	padding-left:16px;
}
ol {
	padding-left:22px;
}
ul.ulTop {
	margin-top:7px;
}
ul li ul {
	font-size:1em;
	line-height:1.3em;
	list-style-position:outside;
	padding-left:16px;
}
/* ============================ */
img, img a {
	border-width:0;
	}
img.imgBorder {
	border:1px solid #333;
	}
img.rM {
	margin-right:20px;
	}
img.rM2 {
	margin-right:10px;
	}
img.testM {
	margin-left:6px;
	margin-bottom:5px;
	}
/* ============================================================================================================== [ BODY ] */
div#bodyContent {
	width:1015px;
	margin-left:auto; margin-right:auto;
	margin-top:0px; margin-bottom:0px;
	text-align:left;
	}
	
/* ============================================================================================================== [ MENU & THEME IMAGE ] */
div#menuLeft, div#menuMiddle, div#menuRight {
	float:left;
	}
/* ============================ */
div#themeLeft, div#themeMiddle, div#themeRight {
	float:left;
	}
div#themeLeft {
	text-align:right;
	}

/* ============================================================================================================== [ HOME ] */
div#contentHolder {
	width:1001px;
	margin:5px 0 0 7px;
	}
div#leftContent, div#middleContent, div#rightContent {
	float:left;
	}
div#leftContent {
	width:193px;
	margin-right:42px;
	}
div#middleContent {
	width:533px;
	margin-right:42px;
	margin-top:14px;
	}
div#rightContent {
	width:191px;
	}
/* ============================ */
div#aimDiv {
	width:193px;
	height:100px;
	margin-top:10px;
	background:url('../images/aimBg.jpg') no-repeat 0px 0px;
	}
div#aimDiv p{
	padding:2px 8px 0 8px;
	color:#000;
	}
div#aimDiv p.pMore, div#aimDiv p.pMore a{
	color:#EFF1D9;
	}
div.aimCon {
	width:100%;
	}
div.aimLh, div.aimRh {
	float:left;
	}
div.aimLh {
	width:8%;
	}
div.aimRh {
	width:92%;
	}

/* ============================ */
div#mayapurWorldText {
	margin-top:5px;
	margin-bottom:12px;
	}
div.currentNews {
	margin-top:6px;
	padding-bottom:3px;
	border-bottom:dotted 1px #E4BF86;
	}
div.newsImg, div.newsText {
	float:left;
	}
div.newsImg {
	width:16%;
	}
div.newsText {
	width:84%;
	}
div.newsTextNI {
	width:100%;
	}
div.currentNews2 {
	margin-top:10px;
	padding-bottom:6px;
	border-bottom:dotted 1px #E4BF86;
	}
div.newsImg2, div.newsText2 {
	float:left;
	}
div.newsImg2 {
	width:13%;
	border:solid 0px #FFF;
	}
div#rightContentText div.newsImg2 img {
	border:solid 0px #FFF;
	}
div.newsText2 {
	width:87%;
	}
/* ============================ */
div#homeAni {
	margin-top:20px;
	}

/* ============================================================================================================== [ DOWN PAGES ] */
div#contentHolderDown {
	width:937px;
	margin:0 0 0 53px;
	padding:0;
	}
div#leftContentDown, div#rightContentDown {
	float:left;
	}
div#leftContentDown {
	width:172px;
	margin-right:42px;
	margin-top:13px;
	}
div#rightContentDown {
	width:723px;
	}
/* ============================ */
div#header1, div#header2, div#header3 {
	float:left;
	}
div#rightContentText {
	width:682px;
	margin-top:32px;
	padding-left:14px;
	}
div#rightContentText img {
	border:1px solid #333;
	}
div#rightContentText a img {
	border-width:0;
	}
div#photoGallery img {
	margin-right:10px;
	margin-bottom:12px;
	}
div#photoGallery a img {
	border:1px solid #333;
	}
/* ============================ */
div#leftMenu {
	margin-top:30px;
	margin-left:-16px;
	}
div#leftGour {
	margin-top:30px;
	margin-left:-16px;
	}
div#leftMenu li {
	list-style-type:none;
	padding:4px 0;
	border-bottom:1px dotted #E4BF86;
	}
div#leftMenu li.liU {
	list-style-type:none;
	padding:4px 0;
	border-top:1px dotted #E4BF86;
	}
div#leftMenu li.li2 {
	list-style-type:circle;
	padding:2px 0;
	margin-left:26px;
	border-bottom:0px dotted #E4BF86;
	}
div#leftMenu li.noLink {
	color:#C63;
	}
div#leftMenu li.noLinkU {
	color:#C63;
	border-top:1px dotted #E4BF86;
	}
div#leftMenu li.li2noLink {
	/* color:#BEBE5A; */
	color:#C63;
	list-style-type:circle;
	padding:2px 0;
	margin-left:26px;
	border-bottom:0px dotted #E4BF86;
	}
div.leftMenuBottom {
	margin:32px 0 0 16px;
	}
/* ============================ */
div#rightContentText form div.clearfix {
	padding:3px 0;
	}
div#rightContentText form label {
	width:16%;
	float:left;
	font-weight:bold;
	color:#333;
	font-size:.75em;
	}
div#rightContentText form input {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding:2px;
	display: inline;
	border: 1px solid #666;
	}
div#rightContentText form textarea {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding:2px;
	display: inline;
	border: 1px solid #666;
	}
div#rightContentText form input.noBorderSub {
	border:0px solid #000;
	margin-left:106px;
	margin-bottom:0px; padding-bottom:0;
	}
div#rightContentText form p.pPass {
	padding:0;
	margin-top:2px;
	margin-left:110px;
	font-size:.65em;
	}
div#rightContentText form p.pPass a {
	color:#906;
	}
/* ============================ */
div#rightContentText form div.clearfix {
	padding:3px 0;
	}
div#rightContentText form.mayapur label {
	width:38%;
	float:left;
	font-weight:bold;
	color:#333;
	font-size:.75em;
	}
div#rightContentText form.mayapur input {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding:2px;
	display: inline;
	border: 1px solid #666;
	float:left;
	margin-right:20px;
	}
div#rightContentText form.mayapur textarea {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding:2px;
	display: inline;
	border: 1px solid #666;
	}
div#rightContentText form.mayapur select {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding:2px;
	display: inline;
	border: 1px solid #666;
	float:left;
	margin-right:6px;
	}
div#rightContentText form.mayapur input.noBorderSub {
	border:0px solid #000;
	margin-left:255px;
	margin-bottom:0px; padding-bottom:0;
	float:none;
	}
div#rightContentText form.mayapur input.radioIn {
	border:0px solid #000;
	margin-top:6px;
	}
div#rightContentText form.mayapur p.pPass {
	padding:0;
	margin-top:2px;
	margin-left:257px;
	font-size:.65em;
	}
div#rightContentText form.mayapur p.pPass a {
	color:#906;
	}
/* ============================ */
div.eBook {
	border-bottom:dotted 1px #E4BF86;
	margin-top:20px;
	padding-bottom:5px;
	width:100%;
	}
div.eBookImg, div.eBookText {
	float:left;
	}
div.eBookImg {
	margin-right:10px;
	width:14%;
	}
div.eBookText {
	margin-right:10px;
	width:83%;
	}
div#rightContentText div.eBookImg a img {
	border:1px solid #333;
	}
div.eBookText h2 a{
	font-size:1.1em;
	color:#C63;
	text-decoration:none;
}
div.eBookText h2 a:hover{
	text-decoration:underline;
}
/* ============================================================================================================== [ BOTTOM ] */
div#footerHolder {
	background:url('../images/footerBg.jpg') repeat-x 0px 0px;
	width:100%;
	height:62px;
	margin-top:14px;
	text-align:center;
	font-size:.92em;
	color:#330
	}
div#footerContent {
	width:1001px;
	margin-left:auto; margin-right:auto;
	padding-top:14px;
	text-align:right;
	}
div#footerContent p a {
	font-size:1em;
	color:#330;
	text-decoration:none;
	}
div#footerHolder p a:hover {
	text-decoration:underline;
	}
div#copyHolder {
	padding-top:4px;
	}
div#copy1, div#copy2 {
	float:left;
	width:50%;
	text-align:right;
	}
div#copy1 {
	text-align:left;
	}

/* ============================================================================================================== [ DROPDOWN MENU ] */
/* === HORIZONTAL MENU === */
div#listmenu {
	float:left; /*makes the div enclose the list */
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;	/* SET FONT-SIZE HERE */
	font-weight:normal;
	letter-spacing:.03em;
	height:43px;
	margin-left:-16px;
	}
div#listmenu ul {margin:0 0 0 0;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	}
div#listmenu a {
	display:block;
	padding:0; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FFF;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#F0D3C5;
	}
/* === the horizontal menu ends here === */
	
/* === the DROP-DOWN MENU starts here ==== */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - to remove if remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:14.6em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-16px; /*aligns the drop exactly under the menu */
	font-size:.75em;
	}
div#listmenu ul li ul.u2 {
	width:13.7em;
	}
div#listmenu ul li ul.u4 {
	width:10em;
	}
div#listmenu ul li ul.u5 {
	width:14.8em;
	}
div#listmenu ul li ul.u6 {
	width:10em;
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #DBA387; /*  three sides of each drop-down item */
	border-bottom:1px solid #DBA387;
	border-right:1px solid #DBA387;
	background-color:#78820A;
	background:url('../images/menuLiBg.png') top left;
	/*creates space each side of menu item's text */
	line-height:24px; padding-left:1.2em; padding-right:1.2em; padding-top:0px; padding-bottom:0px
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #DBA387; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
div#listmenu ul li ul li ul {
	position:absolute;
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:11.2em;
	width:10.5em;
	font-size:1em;
	}
div#listmenu ul li ul li ul.u4a {
	left:-17.8em;
	width:14em;
	}
div#listmenu ul li ul li ul.u5a {
	left:-17.8em;
	width:14em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level pop-out starts here */
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;}
	
/* THE HACK ZONE FOR HORIZONTAL & DROP DOWN MENU */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	}
* html div#listmenu ul li ul li a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #DBA387;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* === END OF DROP-DOWN WITH HORIZONTAL MENU & HACK === */


/* ============================================================================================================== */
/* === CLEARFIX CLASS ==== */
/* simply add the clearfix class to any containter that must enclose floated elements */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}


.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* ----- END of CLEARFIX CLASS ----- */