/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
	
	body {
		background: url(bg3.gif) repeat-x  #333333;min-width:850px;
	font-family: Arial, Helvetica, sans-serif; font-size:9pt; list-style:none;}
	
a:link { text-decoration:none; color: #CC0000;}
a:active { text-decoration: none; color: #666666}
a:visited { text-decoration: none; color: #CC0000}
a:hover { text-decoration:none; background-color: #CC0000; color: white;}

	#wrap {
		background:white;
		margin:0 auto; margin-top:20px;
		width:850px;
	}
	#header {
		background:#ddd;
	}
	#header h1 {
    	padding:5px;
	    margin:0;
    }
	/*------------------------------------------------------------------------------------------------------------------------------------*/
/*  Navigation */
/*------------------------------------------------------------------------------------------------------------------------------------*/	
#nav {background:black;padding:0px;height:30px; margin:0px; width:100%}
	
#nav ul{margin:0;padding:0;list-style:none;}

#nav li{display:inline;margin:0;padding:0px;line-height:30px;
}
	
#nav li a {
	height: 30px;
	float: left;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-left: 39px;
	padding-right:39px;
	color:white} 

#nav li a:hover {
	background: #333333;
	height: 30px;
	float: left;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-left: 39px;
	padding-right:39px;
	color:white} 


	#main {
		background:white;
		float:left;
		width:500px;margin:10px;margin-right:0px; padding-left:5px
	}
	#main-gallery {
		background:white;
		float:left;
		width:100%x;margin:10px;margin-right:0px; padding-left:5px
	}
	#main h2, #main h3, #main p {
		
    }
	
	#sidebar h1, h3 {
	
    }
	
	#sidebar {
		background:white;
		float:right;
		width:290px;
	list-style:none; margin:10px; padding:10px; padding-top:0px;margin-top:20px; border-left: 1px solid #CCCCCC;line-height:14pt }
	#sidebar ul {
		margin:0px;padding-bottom:0px; margin-left:-40px; list-style:none; padding-right:10px;}
	
	#sidebar li {
		width:270px; margin-top:0;padding-bottom:5px; list-style:none; padding-top:5px; padding-left:10px; padding-right:10px}
    #sidebar h3, #sidebar p {
	}
	
	#sidebar li.month {background:#CCCCCC; color:#333333; margin-top:2px; border-bottom: 1px solid white;
}

	#sidebar li.date {color:#666666; font-weight:bold; font-size:10pt; padding:0; margin:0; padding-bottom:5px; padding-top:5px }
	#sidebar li.place {color:#333333; font-size:10pt ; padding:0; margin:0; padding-bottom:5px}
	
	#sidebar li.contact {font-size:9pt; border-bottom: 1px solid #CCCCCC; padding:0; margin:0; padding-bottom:5px; color:#999999 }
	#topbar {background: url(bg4.gif) repeat-x #CC0000;color: white;height:20px; font-size: 10pt; padding:10px; padding-bottom:0px; border-bottom: 1px solid white;line-height:10px }

	#footer {
		background: #666666;
		clear:both; color:white; text-align:center;
	}
	#footer p {
		padding:5px;
		margin:0;font-weight: normal
    }
	

#sidebar li.hr {
}
	
	/* for toggling the index parts */
#sidebar ul li.month { cursor: pointer;}
.index-hide { display: none}
.index-show { display: block}

/* for toggling the index parts */
#menu ul li.section-title { cursor: pointer;}
.index-hide { display: all}
.index-show { display: block}

#myGallery
{
text-align: center;
margin-top: 200px;
margin-left:auto;
margin-right:auto;
width: 450px !important;
height: 350px !important;
} 

#imageElement{
float: left}

$("div.content p.firstparagraph:hidden").slideDown("slow");
$("div.content p.firstparagraph:visible").slideUp("slow");