body		{
			background:	#F0F2F0; /*#fAe4B5;*/
			background-image:	url(images/sunrise-bg-2.jpg);
			background-position:	center center;
			background-repeat:	no-repeat;
			font-family:arial, helvetica, verdana, sans-serif;
			font-weight:bold;
			font-size:12pt;
			margin:2em 3em 1em;
			color:	#2A5C2A;
			}

h1, h2, h3, h4	{
			font-family: arial,hevetica,verdana,sans-serif;
			background:none;
			color:#2A5C2A;
			text-align:center;
			font-weight:bold;
			}

h1			{
			font-size:4em;
			line-height:1em;
			}

h2			{
			font-size:2em;
			}

h3			{
			font-size:1.6em;
			}

h4			{
			font-size:.8em;
			}

hr			{
			width:85%;
			background:#800001;
/*			color:#800000;*/
			height:3px;
			}

li			{
			border:0px solid red;
		padding-left:-1em;
			}

.istoria	{
			font-family:	garamond,'times new roman', times, serif;
			font-size:		1.15em;
			font-weight:	bold;
			}

.cap		{
			font-size:		1.2em;
			line-height:	.7;
			}

.footer		{
			font-size:.8em;
			font-weight:normal;
			}

.foot
			{
/*			font-family:	'times new roman', times, serif;*/
			font-size:		11pt;
			}

.caption	{
			font-size:.8em;
			text-align:center;
			}

.images		{
			border:1px solid black;
			margin:5px;
			}

.meridian	{
			font-variant:small-caps;
			}

.thumb		{
			float:left;
			margin-right:10px;
			margin-top:3px;
			border:0;
			}

#div1		{ 
			float:left; 
			margin-left:1em;
			_margin-left:0em;
			width:40%;
			width:674px;
/*			height:750px;*/
			padding:0;
			background:none;
			text-align:left;
			}

#div2		{ 
			position:relative;
			margin-left:74%;
			top:100px;
			_top:-650px;
			padding:0;
			width:28%;
			background:none;
			text-align:left;
			}

.addendum	{
			position:relative;
			top:6em;
			font-size:.8em;
			font-weight:normal;
			text-align:center;
			height:4em;
			}

/*	following are to create inactive buttons with the id 'blank-button' */

.blank-button	{
	position:relative;
	width:			350px;
	margin:			4px auto 4px;
	_top:-3em;
	font-family:	Arial, Helvetica, sans-serif;
	text-align:		center;
	font-size:		1.3em;
	font-weight:	bold;
	list-style:	 none;			/*	eleminates leading characters in list items */
	color:			#ffffff;
	background-color:	#599627;
	border-top:			3px solid #70c030;		/*	these four paramaters give boxes		*/
	border-left:		3px solid #70c030;		/*	a raised medallion appearance */
	border-bottom:		3px solid #2e3a0a;
	_border-bottom:		5px solid #2e3a0a;
	border-right:		3px solid #2e3a0a;
	padding:		 6px 10px 6px 11px;			/*	sets padding in boxes */
	_padding:		10px 0 10px;
		}

/*	following are to create active buttons with the id 'button' */

#button	{
	font-family:	 Arial, Helvetica, sans-serif;	/*	all text in the buttons will be sans serif */
	font-size:		 1.2em;			/*	text will be 30% bigger than base font size */
	font-weight:	 bold;			/*	text will be bold */
		}

#button ul	{				/*	this grouping sets up an unordered list for making buttons */
	display:	block;		/*	sets for vertical display of li boxes */
	display:	inline;		/*	sets for horizontal display of li boxes */
		}

#button li	{
	list-style:	 none;		/*	eleminates leading characters in list items */
	line-height:	1.9;	/*	sets spacing between buttons and eliminates jitter	*/
		}
  
#button a
		{
	padding:			3px 10px 3px 10px;	/*	in conjunction with line height above sets size and spacing */
	color:				#ffffff;			/*	sets text color for links */
	background:			#599627;			/*	sets background color for links */
	text-decoration:	none;				/*	eliminates underline for links */
		}

#button a:link, 
#button a:visited		{  
/*	display:			block;*/	/* setting block here makes button full width of container */
/*	_height:			1%;	*/		/* may be needed for ie to make the whole tab clickable */

	border-top:		 3px solid #70c030;		/*	these four paramaters give boxes	*/
	border-left:	 3px solid #70c030;		/*	a raised medallion appearance */
	border-bottom:	 3px solid #2e3a0a;
	border-right:	 3px solid #2e3a0a;
		}

#button a:hover	{
	font-style:		normal;					/*	counteracts italic hover set elsewhere	*/
	border-top:		3px solid #2e3a0a;		/*	these four paramaters give boxes		*/
	border-left:	3px solid #2e3a0a;		/*	a depressed medallion appearance		*/
	border-bottom:	3px solid #70c030;		/*	when mouse cursor is placed over them	*/
	border-right:	3px solid #70c030;
		}


div.w3c		{
/*		top:2em;
		background:none;
		width:20em;*/
			}

.w3c {
  background:none;
  position:relative;
  margin: 1em 0;
  width: 8em;
  font-family: helvetica,arial,sans-serif;
  font-size: .68em;
  font-weight: bold;
}

.w3c a {
  display: block;
  width: 100%;
}

.w3c a:link,
.w3c a:visited,
.w3c a:hover {
  background-color: #ffcc66; /* #b2cdeo for blue  #ffcc66; for yellow */
  background-color:	#599627; /* green */
background-color:	#709254;
  color: #fff;
  text-decoration: none;
}

.w3c a:link,
.w3c a:visited {
  border-top: 1px solid #70c030;
  border-bottom: 2px solid #2e3a0a;
  border-left: 1px solid #70c030;
  border-right: 2px solid #2e3a0a;
}

.w3c a:hover {
  border-bottom: 1px solid #70c030;
  border-top: 2px solid #2e3a0a;
  border-right: 1px solid #70c030;
  border-left: 2px solid #2e3a0a;
}

.w3c span.w3c {
  padding: .3em .4em .15em;
/*  padding: 0 0.4em;*/
  background-color: #fff;
  color: #0c479d;
}
/* Revised 29 May 2008 */