@import "/css/lightbox.css";
/* CSS Document */
	
body {
behavior: url(/behavior/csshover.htc);
background-color:#CCCCCC;
color:#FFFFFF;
padding:0px;
margin:0px;
}

a {
color:#6C6346;
text-decoration:none;
}

a:visited {color:#6C6346;}
a:hover {color:#AC9F80;}
a:active { color:#FF0000;}

/* image related CSS */
img {
border-color: #999999 #666666 #666666 #999999;
/*border-width: 1px 2px 2px 1px;*/
}

img.inline {
float:left; 
margin-right:12px;
}

img.articles {
border-color:#CCCCCC;
vertical-align:top;
}

img.articles:hover {
border-color:#CBF17C;
}

img.intext {
float:left; 
border-color:#999999;
vertical-align:text-top;
padding-top:0px; 
padding-right:0px; 
padding-bottom:0px; 
margin-right:7px;
}
/* end of image related CSS */

img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {
width: 850px;
height:550px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
height:86px;
text-align: right;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
border-width:1px 1px 1px 1px;
border-color:#999999;
border-style:solid;
background:url(/images/banner.jpg);
overflow:hidden
}


/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 200px #FFFFFF; /* color of the left column  */ 
border-right: solid 0px #FFFFFF; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */

} 

#inner{margin:0; width:100%;} /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:200px; 
 height:550px;
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 border-width:0px 1px 0px 1px;
 border-style:solid;
 border-color:#999999;
 }
 

#left ul {
	display:block;
	white-space:nowrap;
	font: 11px/16px arial,helvetica,sans-serif;
	text-decoration:none;
	}
		
.menugroup {
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font: 11px arial,helvetica,sans-serif;
	text-decoration:none;
	font-weight:600;
	color:#757157;
	list-style-type: none;
	background-color:#cac3ae;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#999999;
	}

.menuItem {
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font: 11px arial,helvetica,sans-serif;
	text-decoration:none;
	list-style-type: none;
	background-color:#FFFFFF;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#CCCCCC;
	}
		
.menuItem:hover{
	color:#000000;
	background-color:#CCFF66;
	font-style:normal;
	}
	
/* CSS rule for dynamically highlighting navigation based on user's location in the site hierarchy*/	
#main .main, #about .about, #books .books, #orderinfo .orderinfo, #media-press .media-press, #publications .publications, #travels .travels, #faq .faq, #contact .contact, #sitemap .sitemap {
	background-color:#DCE1BB;
	/*font-size:14px;*/
	font-style:normal;
	}	
		
#left a{
	/*overwrite the default formatting for links*/
	text-decoration: none;
	color:#666666;
	}
	
 
 /*#right {
 width:200px;

 height:550px; 
 float:right;
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 padding: 0px 3px 0px 3px;
 border-width:0px 1px 0px 1px;
 border-color:#999999;
 border-style:solid;
 font-size:10px;
 font-family:Arial, Helvetica, sans-serif;
 overflow:hidden;
 display:none;
 }
 
 #right h1 {
 font-family:Arial, Helvetica, sans-serif;
 font-variant:small-caps;
 font-size:12px;
 color:#cac3ae;
 margin-bottom:4px;
 }
 
 #right a {
 font-variant:small-caps;
 }
 
 #right .date {
 color:#FFB997;
 }
 
 #right .description {
 color:#999966;
 }*/

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0 0;
padding: 0px 120px 0px 55px;
height:550px;
color:#333333;
overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border-color:#999999;
border-style:solid;
border-width:0px 1px 0px 0px;

}

#content p {
line-height:14px;
letter-spacing:+1;
padding: 5px 5px;
margin:0px; 
}

#content p.quote {
text-align:left;
padding-left:10px;
padding-right:10px;
font-style:italic;
font-size:11px;
color:#5B5B5B;
}

#content .first:first-letter {
	font-size:16px;
	font-weight:bold;
	color:#666666;
	}

#content #mainblockquote.quotes{
background-image: url("/images/quote_open.gif");
background-position: 25px 0;
background-repeat: no-repeat;
width:400px;
}

#content #mainblockquote.quotes blockquote{
padding-left: 35px;
padding-right: 20px;
margin-left:25px;
margin-right:35px;
background-image: url("/images/quote_close.gif");
background-position: bottom right;
background-repeat: no-repeat;
}

#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
padding: 20px 0 0 0;
}

#content h2 {
font-size:12px;
font-weight:600;
color:#666666;
}

#content h3 {
font-size:11px;
font-weight:600;
color:#666666;
padding-bottom:0px;
margin-bottom:3px;
}

#content h4 {
font-size:9px;
font-weight:600;
color:#666666;
}

#content ul {
list-style-image:url(/images/bullet.gif);
list-style-position: 0%;
}

#content li {
margin-bottom:3px;
}

#content a {

}

#content a:hover {
text-decoration:underline;
}

#panorama {
margin-left: 10px;
}

#panorama img {
margin-bottom: 15px;
}


/* TABLE STYLING */
#content label {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-variant:small-caps;
color:#333333;
}

#content .textbox, textarea {
border:1px;
border-color:#CBCB98;
background-color:#E1D78E;
border-style:solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:14px;
font-style:
}

.custombutton {
border-width:1px;
border-style:solid;
color:#FFFFFF;
background-color:#666666;
font-size:10px;
font-variant:small-caps;
font-weight:bold;
}

.custombutton:hover {
color:#FF0000;
background:#000000;
}


/*  ----------------footer---------------------- */ 
#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
clear:left;
padding:0px;
text-align:center;
color:#999999;
background-color: #FFFFFF;
border-width:1px 1px 1px 1px;
border-color:#999999;
border-style:solid;
}