﻿/* by Ido Gendel, October 2009 */

Body {
	font-size		: 100%;
	font-family		: Arial;
	color		: Black;
	background-color	: White;
}

/* Page is divided to Navigation+contents ("Main") on the left, 
   and misc+ads ("Side") on the right = 150px.
   At the bottom, the QuickBar  */

#SideLevel1 {
	Position		: Fixed;
	Top		: 0;
	Right		: 0;
	Bottom		: 0;
	Width		: 150px;
	Overflow		: Hidden;
	Background-color	: Black;

	Border-width	: 0;
	Border-Bottom	: 3px solid black;
	Margin		: 0 auto;
	Padding-Top	: 0.2em;
	Font-Weight	: Bold;
	Direction		: rtl;
	Color		: #FFDC00; 
}

#SideLevel2 {
	Position		: Fixed;
	Top		: 1.6em;
	Right		: 0;
	Bottom		: 0;
	Width		: 150px;
	Overflow		: Hidden;
	Background-color	: #96DA96;

	Border-width	: 0;
	Border-Bottom	: 3px solid #96DA96;
	Padding-Top	: 0.2em;
	Margin		: 0 auto;
	Direction		: rtl;
	Color		: White; 
}

#SideLevel2 a {
	Color		: White;
}

#SideContents {
	Position		: Fixed;
	Top		: 3.2em;
	Right		: 0;
	Bottom		: 0;
	Width		: 149px;
	Padding		: 0;
	Overflow		: Auto;

	Background-color	: #EEEEEE;
	Border-Top	: 1px Solid Black;
	Border-Left	: 1px Solid Black;
	Padding-Top	: 0.5em;
	Color		: Black;
	Direction		: rtl;
	Text-align		: Center;
}

#MainLevel1 {
	Position		: Fixed;
	Top		: 0;
	Right		: 150px;
	Left		: 0;
	Bottom		: 0;
	Overflow		: Hidden;
	Background-color	: Black;

	Border-width	: 0;
	Border-Bottom	: 3px solid black;
	/*Padding-Right	: 5px;*/
	Padding-Top	: 0.2em;
	Direction		: rtl;
	Margin		: 0 auto;
	Color		: #FFDC00; 
}

#MainLevel1 .Item {
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel1 a {
	Color		: #FFDC00; 
	Text-Decoration	: None;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel1 a:hover {
	Background-Color	: #38a438;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
	Border-Bottom	: 1em solid #38a438;
	Color		: White;
 }

#MainLevel1 .Active {
	Background-color	: #96DA96;
	Border-Bottom	: 1em solid #96DA96;
	Color		: White;
	Font-Weight	: Bold;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel1 .Active a {
	Color		: White;
	Font-Weight	: Bold;
 }

#MainLevel1 .Active a:hover {
	Background-Color	: #96DA96;
	Border-Bottom	: 1em solid #96DA96;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel2 {
	Position		: Fixed;
	Top		: 1.6em;
	Right		: 150px;
	Left		: 0;
	Bottom		: 0;
	Overflow		: Hidden;
	Background-color	: #96DA96;

	Border-width	: 0;
	Border-Bottom	: 5px solid #96DA96;
	Padding-Right	: 10px;
	Padding-Top	: 0.2em;
	Direction		: rtl;
	Margin		: 0 auto;
	Color		: White; 
}

#MainLevel2 .Item {
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel2 a {
	Color		: White; 
	Text-Decoration	: None;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel2 a:hover {
	Background-Color	: #afe2ae;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
	Border-Bottom	: 1em solid #afe2ae;
	Color		: Black;
 }

#MainLevel2 .Active {
	Background-color	: #CBEDCB;
	Border-Bottom	: 1em solid #CBEDCB;
	Color		: Black;
	Font-Weight	: Bold;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel2 .Active a {
	Color		: Black;
	Font-Weight	: Bold;
 }

#MainLevel2 .Active a:hover {
	Background-Color	: #CBEDCB;
	Border-Bottom	: 1em solid #CBEDCB;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel3 {
	Position		: Fixed;
	Top		: 3.2em;
	Right		: 150px;
	Left		: 0;
	Bottom		: 0;
	Overflow		: Hidden;
	Background-color	: #CBEDCB;

	Border-width	: 0;
	Border-Bottom	: 3px solid #CBEDCB;
	Direction		: rtl;
	Padding-Right	: 20px;
	Padding-Top	: 0.2em;
	Margin		: 0 auto;
	Color		: Black; 
}

#MainLevel3 .Item {
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel3 a {
	Color		: Black; 
	Text-Decoration	: None;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel3 a:hover {
	Background-Color	: #e9f7e9;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
	Border-Bottom	: 1em solid #e9f7e9;
	Color		: Blue;
 }

#MainLevel3 .Active {
	Background-color	: White;
	Border-Bottom	: 1em solid White;
	Font-Weight	: Bold;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#MainLevel3 .Active a {
	Color		: Blue;
	Font-Weight	: Bold;
 }

#MainLevel3 .Active a:hover {
	Background-Color	: White;
	Border-Bottom	: 1em solid White;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
 }

#Logo {
	Position		: Fixed;
	Top		: 0;
	Left		: 0;
}

#MainContentsNav {
	Position		: Fixed;
	Top		: 4.8em;
	Right		: 150px;
	Left		: 0;
	Bottom		: 0;
	Overflow		: Hidden;
	Background-color	: White;
	Color		: Black;
	Border-width	: 0;
	Direction		: rtl;
	Padding-Right	: 0.5em;
	Padding-Top	: 0.2em;
}

#MainContentsNav a {
	Text-Decoration	: None;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
}

#MainContentsNav a:hover {
	Background-Color	: #f2f2f2;
	Padding-Right	: 5px;
	Padding-Left	: 5px;
	Border-Bottom	: 1em solid #f2f2f2;
}

#QuickNavBar {
	Font-size		: 80%;
	Position		: Fixed;
	Bottom		: 0;
	Left		: 0;
	Right		: 0;
	Overflow		: Hidden;
	Background-color	: #CBEDCB;

	Border-width	: 0;
	Border-top		: 1px Solid #96DA96;
	Padding-Right	: 10px;
	Direction		: rtl;
	Margin		: 0 auto;
	Color		: Black; 
}

#MainContents {
	Position		: Fixed;
	Top		: 6.3em;
	Right		: 150px;
	Left		: 0;
	Bottom		: 1em;
	Overflow		: Auto;
	Background-color	: White;

	Border-width	: 0;
	Border-Top	: 1px Solid #f2f2f2;
	Direction		: rtl;
	Margin		: 0 auto;
	Padding-Top	: 0em;
	Padding-Bottom	: 1em;
	Padding-Left	: 2em;
	Padding-Right	: 2em;
	Color		: Black;
	Text-align		: Justify; 
}

.SmallerFont {
	Font-size		: Smaller;
}


#MainContents h2 {
	Font-size		: 2em;
	Color		: Black;
}

#MainContents h3 {
	Font-size		: 1.5em;
	Font-Style		: Italic;
	Color			: #005000;
}

#MainContents table {
	Align		: Center;
}

#MainContents .TableHeader {
	Color		: Black;
	Text-align		: Right;
	Background-color	: #CBEDCB;
}

#MainContents .TableCell {
	Color		: Black;
	Background-color	: #E2E2E2;
}


