/**************************
 *
 * FAMILY CSS
 *
 **************************/


body 
{
	font-family : Andy,Arial,sans-serif;
	font-size : 12pt;
	margin : 0px;
	padding : 0px;
}

/**************************
 *
 * POSITIONING OF NAVIGATION PANELS
 *
 **************************/

#top
{
	position : absolute;
	top : 0px;
	left : 0px;
}

#splash 
{
	position : absolute;
	top : 0px;
	width : 100%;
	height : 90px;
	border-bottom : solid 2px #dfdfdf;
}

#toppanel
{
	position : absolute;
	top : 0px;
	right : 0px;
	/*width : 100%;*/
	height : 30px;
	
	padding-right : 10px;

	border-bottom : solid 2px #dfdfdf;
	font-weight : bold;
	font-variant : small-caps;
	text-align : right;
}

#locationpanel
{
	position : absolute;
	top : 90px;
	padding-left : 170px;
	height : 15px;
	font-size : 80%;
}

.bottompanel
{
/*	position : absolute;
	bottom : 0px;
*/
	height : 10px;
	width : 100%;
	font-size : 10px;
	font-weight : bold;
	font-variant : small-caps;
	text-align : right;
	margin : 0px;
}

#leftpanel 
{ 
	position: absolute; 
	top: 90px; 	/* resize these bits to liking */ 
	left: 0px; 
	width: 160px; 	/* works best with fixed  
					width right - left divs*/ 
	padding : 0px;
	padding-bottom : 10px;
	
	border-right : solid 2px #dfdfdf;
	border-bottom : solid 2px #dfdfdf;
}     

#rightpanel 
{ 
	position: absolute; 
	top: 120px; 	/* resize these bits to liking */ 
	right: 0; 
	width: 200px; 	/* works best with fixed  
					width right - left divs*/
	font-size : 70%;
	
	padding-bottom : 10px;
} 

#content 
{ 
	position: absolute; 
	top: 120px;
	padding-left: 170px;
	padding-right: 220px;
} 

/***
 * Formatting of navigation items
 ***/
 
#splash1, #splash1 A   {
	color: #000;
	font: italic 50px/1 Algerian;
}
#splash2, #splash2 A   {color: #DDD; font: 70px/1 Impact, Helvetica Narrow, sans-serif}
#splash1  {position : absolute; top : 0px; left: 0px;}
#splash2  {position : absolute; top : 10px; left: 30px;}

h1
{
	font-size : 400%;
	font-weight : bold;
	font-variant : small-caps;
}

/***
 * Main menu items
 ***/
h2
{
}

/***
 * Sub headings on page
 ***/
h3
{
	font-size : 120%;
	border-top : solid 1px #dfdfdf;
	border-left : solid 1px #dfdfdf;
	
	margin : 0px;
	padding : 0px;
}

/***
 * Content text
 ***/
p, div.code, dl
{
	margin : 5px;
	padding : 0px;
	margin-left : 20px;
	margin-bottom : 10px;
	
}

#rightpanel p
{
	margin-left : 10px;
}

.intro
{
	font-weight : bold;
	padding-right: 5px;
}

/***
 * Hide item when style sheet loaded
 * Useful for displaying something when no styles available
 ***/
.hidden 
{
	display : none;
}

ul.link1
{ 
	list-style-type : none; 
	padding : 0px;
	padding-left : 10px;
	margin : 0px;
}
ul.link2 
{
	font-size : 80%;
	list-style-type : circle; 
	list-style-position : inside; 
	padding : 0px;
	padding-left : 10px;
	margin : 0px;
}
ul.section
{
	list-style-type : none; 
	font-size : 80%;
	font-style : italic;
	padding : 0px;
	padding-left : 10px;
	margin : 0px;
}
li
{
	display : block;
	padding : 0px;
	margin : 0px;
}

div.code
{
	font-family : Lucida Console, Courier, monospaced;
	background-color : #eef;
	color : #000;
	border : solid 1 #000;
}

/***
 * Links
 ***/
a:link, a:visited, a:hover, a:active, a:focus
{
	padding-left : 0px;
	text-decoration:none;
	padding-right : 0px;
}

a:hover
{
	padding-left : 0px;
	padding-right : 0px;
	border-bottom : dotted 3px #f00;
}