/*@charset "utf-8"; */
body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #FFFFFF url(images/bodyBackground.jpg) top right no-repeat;
	margin: 0; /*  ez jó gyakorlat, hogy lenullázzák a testelem margóját és bélését hogy különböző böngészőalapértelmezéseket magyarázzanak meg  */
	padding: 0;
	text-align: center; /*  ez IE 5 irányítja a tartályt* böngészők. A szöveg az akkor szilárd balra egyenesbe állított alapértelmezés bent van az #konténerválasztó  */
	color: #333333;
}
a:link {
	color: #999999;
/*	text-decoration:underline; */
}

a:hover {
	text-decoration: none;
/*	text-decoration:underline; */
	color: #333333;
}

a:visited {
	color: #333333;
}
/*begin corners style*/
/*div#nifty{ margin: 10 10%;background: #000000}

b.rtop, b.rbottom{display:block;background: #000}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #000000}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 10px;height: 2px} */
/*end corners style*/
/*  Elastic alaprajzokért bukik fel  
1.  A rugalmas alaprajzok óta a teljes méretezés a felhasználó alapértelmezett betűtípusai alapján méret, ők kiszámíthatatlanabbak. Használt helyesen ők szintén hozzáférhetőbbek azokért, akiknek nagyobb betűtípusokra van szükségük, a méret a sorozathossz óta arányos marad. 
2. Méretezés a divsek ebben az alaprajzban a 100 százalékos betűméreten alapulnak a testelemben. Ha csökkensz a szövegméret teljes azáltal, hogy használ egy betűtípus-méretet: 80 százalékos a testelemen vagy az #tartály, emlékszik arra az egész alaprajz downsize arányosan. Növelni akarhatod a különféle divsek szélességeit hogy kárpótolj ezért. 3. Ha betűtípusméretezést változtatnak meg különböző összegekben mindegyik diven helyette a teljes terven (ie: #sidebar1 adnak egy 70 százalékos betűméretet és #mainContentnek adnak egy 85 százalékos betűméretet), ez arányosan mindenhol megváltoztatja a divsek közül mindegyiket méret. A végső betűtípusméretezésed alapján alkalmazkodni akarhatsz. 
3. Ha betűtípusméretezést változtatnak meg különböző összegekben mindegyik diven helyette a teljes terven (ie: #sidebar1 adnak egy 70 százalékos betűméretet és #mainContentnek adnak egy 85 százalékos betűméretet), ez arányosan mindenhol megváltoztatja a divsek közül mindegyiket méret. A végső betűtípusméretezésed alapján alkalmazkodni akarhatsz. 
*/
#container { 
	width: 700px;  /*  ez a szélesség létre fog hozni egy olyan tartályt, amit az illeszteni fog, egy 800 px böngészőablak ha szöveget hagynak böngészőalapértelmezés-betűtípus-méreteknél  */
	margin: 20px; 
	text-align: left; /* ez felülbírálja a szöveget-egyenesbe állít: a testelemre irányul. */
/*	margin:30;*/
padding: 0px 10px 0px 0px; 
/*	height:auto; */
	background:#ffffff; 
} 
#header { 
	padding: 0 20px;  /*  ez a bélés összeilleszti azoknak a divseknek az elemeinek a balra igazítását, amik megjelennek ezalatt. Ha egy képet használnak az #fejléc szöveg helyett el akarhatod távolítani a bélést.  */
} 
#header h1 {
	margin: 0; /*  lenullázó az utolsó margója elem az #fejléc a div margóösszeomlást fog elkerülni - egy divs. megmagyarázhatatlan hely Ha a divnek van egy határa ekörül, ez nem szükséges ahogy az szintén elkerüli a margót, döntsd le*/ 
 	padding: 10px 0; /* a használó bélés margó helyett meg fogja engedni neked, hogy távol tartsd az elemet a div éleitől*/
}

/*Sidebar1: felbukik
1. Legyél körültekintő az ha ráuszítottál egy betűtípus-méret-értéket erre a div,, a div teljes szélességét be fogják állítani miközben egyet ért.
2. Mióta dolgozunk ems, legjobb nem használni bélést magán a sidebarön. Azt standardokért fogják hozzáadni a szélességhez
 3. Tér a div oldalát és az ezen belüli elemeket létrehozhatja az, hogy azokra az elemekre tesznek egy bal és helyes margót, ahogy látott az . twoColElsLtHdr #sidebar1 p szabály. 
*/
#sidebar1 {
	float: left; /* left  right*/
	width: 180px; /* since this element is floated, a width must be given */
	padding: 3px 11px; /* felső és legalsó bélés vizuális teret hoz létre ezen belül a diven belül */
}

h3 {
	margin:0;
	padding:0;
}
#sidebar1 p {
	margin:0;
	padding: 10px;
}
#sidebar1 ul {
	margin:0;
	padding:0;
}
#sidebar1 ul li {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar1 h4 {
	margin:0;
	padding:10px 10px 0 10px;
}
#sidebar1 .sidebar1Title {
/*	background:url(images/titleBackground.jpg) left top no-repeat; */
	width:180px;
	height:48px;
/*	padding:15px 10px;*/
}
#sidebar1 .sidebar1Body {
/*	background:url(images/title2Background.jpg) left top no-repeat;*/

}
#sidebar1 h3 {
	padding:15px 10px;
}

/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
*/
#mainContent {
	margin: 0 10px 0 10px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 
#footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top:1px solid #333333;
	margin:12px;
} 
#footer p {
	margin: 0 auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	font-size:10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px; 
}
/*------------------------------*/
/*  begining MAIN TOP MENU   */
/*------------------------------*/
#navcontainer {
	padding:0 20px;
}
#navcontainer ul {
	background:url(images/menuBackground.gif) left top no-repeat; 
	width: 700px;
	height: 34px; /*34*/
	color: #333333;
	font-size:14px;
	margin:0;
	padding:0;
}
#navcontainer ul li { 
	display: inline; 
}
#navcontainer ul li a {
	padding: 2px 19px;
/*background-color: #627cb9; */
	color: #666666;
	text-decoration: none;
	float: left;
}
#navcontainer ul li a:hover {
	/*background-color: #ed7d96;*/
	color: #333333;
}
#navlist #active a {
	/*background-color: #ed7d96;*/
	color: #000000;
}
/*------------------------------*/
/*  ending MAIN TOP MENU   */
/*------------------------------*/