body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: #000000;

	padding-left: 10px;

	padding-right: 10px;

	font-size: 11px;

	background-color:black;	

	text-align: center;

	margin: 0px; padding: 0px;

}



p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: #000000;

	padding: 10px;

	margin: 0px;

}



/* Menu */

ul#menuBar {

	position: absolute;

	top: 10px;

	left: 150px;

	margin: 0px; padding: 0px;

}

#menuBar li {

	display: inline;

	list-style-type: none;

	padding-right: 13px;

}

ul#menuBar a {

	color: white;

	font-size: 15px;

	text-decoration: none;

}

ul#menuBar a:hover {

	color: #A3E85C;

	text-decoration: none;

}



/* Submenu */





/* Form */

form {

padding: 10px;

}

fieldset {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	background-color: #b4a3f8;

	border: 1px solid #fff;

	padding: 5px;

	margin: 0px 10px;

}

fieldset hr {

	height: 1px;

	margin: 10px -5px;

	padding: 0;

	border: 0;

	color: #fff;

	background: #fff;

}

fieldset sup {

	color: #DA251D;

	font-size: 100%;

}

fieldset label {

	line-height: 20px;

}



/* Errors */

ul.error {

	color: red;

	font-weight: bold;

}





/* My style */

div#content {

	background: url('../images/background.jpg') repeat-y;

	width: 879px;

	text-align: left;

	margin: auto;

	padding-left: 58px; padding-right: 60px;

	margin-top: 30px;

	margin-bottom: 30px;

}

div#headerArea {

	background: url('../images/header-pic.jpg') no-repeat; 

	width: 879px;

	height: 203px;	

}



div#menuArea {

/*	background: url('../images/menu-bg.jpg') no-repeat; 

	width: 879px;

	max-height: 203px;*/

	position: relative;

}



div#mainArea {

	background-color: white;

	width: 879px;

	min-height: 500px;

}

div#leftArea {

	float: left;

	width: 570px;

	padding: 20px;

	text-align: left;

	padding-top: 0px;

	font-size: 12px;

}
div#leftAreaCenter {

	float: center;

	width: 570px;

	padding: 50px;

	text-align: left;

	padding-top: 0px;

	font-size: 12px;
	
}

div#leftArea p {

	text-indent: 16px;

	text-align: justify;

}

div#rightArea {

 	float: right;

	width: 228px;

	padding: 20px;

	border-left: 1px dotted green;

	padding-top: 0px;

}

div.notesArea {

 	background: url('../images/notes-bg.jpg') no-repeat;

	background-color: #427A0A;

	width: 208px;

	min-height: 122px;

	margin-bottom: 20px;

	color: white;

	padding: 10px;

	text-align: left;

}

div.notesArea p {

	color: white;

	text-indent: 10px;

	text-align: left;

}

div.notesTitle {

	font-weight: bold;

	font-size: 15px;

	margin-bottom: 15px;	

}



div#footerArea{

	background-color: #9E324E;

	width: 879px;

/*	height: 20px;	*/

}



/* Styles used inside one page */

div.areaTitleCont {	

	padding-left: 80px;

	border-bottom: 5px solid #9E324E;

	margin-bottom: 10px;

}

div.areaTitle {

	color: white;

	font-size: 20px;

	float: left;

	padding: 10px;

	padding-bottom: 0px;

	padding-top: 0px;

/*	margin-top: 6px;*/

	margin-left: 3px;

}

div.areaHidden {	display: none; }

div.activeTitle { 	background-color: #9E324E; }

div.passiveTitle {	background-color: #D6A9B5;	}

div.passiveTitle:hover { background-color: #B96B7F;}



img.alterImage {

	width: 170px;

	float: right;

	padding-left: 10px;

}



/* Archive links and styles */

div.greenArchive div.notesArea {

	padding-right: 0px;

}

div.pinkArchive div.notesArea {

 	background: url('../images/notes-pink-bg.jpg') no-repeat;

	background-color: #9E324E; 	

	padding-right: 0px;	

}

div.greenArchive span.link, div.pinkArchive span.link {

 	display: block;

	height: 26px;

	margin-bottom:3px;

	padding-left: 23px;

	padding-top: 9px;

	font-size: 14px;

}

div.greenArchive span.link {	background-image: url('../images/archlink-green.jpg');}

div.pinkArchive span.link {		background-image: url('../images/archlink-pink.jpg'); }

div.pinkArchive span.link:hover, div.greenArchive span.link:hover {

	cursor: pointer;

	color: yellow;	

}

div.greenArchive span.link:hover {	background-image: url('../images/archlink-green-over.jpg');}

div.pinkArchive span.link:hover {	background-image: url('../images/archlink-pink-over.jpg');}