/* CSS for Carved Stones Adviser */



body {
	background-color: #efefff; /* lilac background hue */	
	font-family: Arial, sans-serif;
	margin: 0;
	height: 95%;
	width: 100%;
	text-align: justify;
}



body > #menu {
	position: fixed; /* stops menu scrolling off screen on compliant browsers */
}


/* menu rules */

#skip {
	display: none;
}


/* menu has absolute width to allow popout boxes to appear hard-against right side - */

/* otherwise they won't work */


#menu {
	position: absolute;
	left: 5px;
	top: 10px;
	width : 185px;;
	height : 95%; 
	z-index: 99;
}



#menu h4 {
	background-color: #66AAFF;
	color: #fff;
	font-size: smaller;
	font-size: 9pt;
	margin: 0;
	width: 185px;;
}



#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


#menu li {
	/* make the list elements a containing block for the nested lists */

	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: 1px solid #66AAFF;
} 



#menu ul li ul {
	position: absolute;
	top: 0;
	left: 185px;; /* to position them to the right of their containing block */
	z-index: 1; /* to make them appear in front of other content */
	border: 1px solid black;
	width: 100%;
	background-color: #ffffff;
}



#menu ul li ul li {
	padding-left: 5px;
}


/* pop-out menu css */

#menu ul li ul {
	display: none;
}


#menu ul li:hover ul {
	display: block;
}


#menu ul li:hover{
	background: #66AAFF;
}



#menu a {	
	text-align: left; 
	text-transform: lowercase; 
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: smaller;
	letter-spacing: 1px;
	color: #3366BB;
	width: 100%;
	display: block;
}





#menu a:link:hover, #menu a:visited:hover {
	color: #000000;
	background: #66AAFF;
}



/* sponsors' logos beneath the menu */

#sponsors {
	padding-top: 100px;
	font-size: 7pt;
	color: #3366BB;
	width: 185px;;
}




/* some pages have submenus at top of page */

#topmenu {
	font-size: smaller;
	padding-bottom: 5px;
	text-align: center;
}




/* all links are blue */

#content a, #content a:visited{
	text-decoration: none;
	color: #3366BB;
}



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




/* the main content block */



#content {
	position: absolute;
	top: 10px;
	left: 210px;
	border-left: 2px solid #666666;
	border-top: 2px solid #666666;
	border-bottom: 1px solid #CBC8C8;
	height: 95%;
	width: 70%;
	overflow: auto;
	background-attachment: fixed;
	padding: 10px;
	padding-right: 20px;
	line-height: 150%;
}




#content h1 {
	font-size: 1.8em;
}



#content h2 {
	font-size: 1.2em;
}





#content h3 {
	margin-top: 10px;
	font-size: 1.1em;
}





#content h2.italic {
	font-style: italic;
	font-size: 1.2em;
}



#content p {
}





#content #update {
	text-align: right;
	font-size: x-small;
}


.contentlist {
}


#pagenav {
	text-align: right;
	font-size: x-small;
}