body {background-color : #ffc;}

p.link {font-variant : small-caps; font-weight : normal; text-align : left; color : #00c;}

#whole {position : absolute; left : 50%; width : 900px; margin-left : -450px; border-width : 1px; border-color : #f60; border-style : solid; margin-top : 7px;}

#head {width : 100%; border-bottom-width : 1px; border-bottom-color : #f60; border-bottom-style : solid;}

#nav {float : left; width : 150px;}

	#nav p {text-align : center; color : #f33; font-weight : bold;}

	#nav ul {list-style-type : none; padding : 0; background-color : #ff9; border : 1px outset #f33; margin-left : 10px; margin-right : 10px;}
	#nav li {position : relative; padding-left : 5px; padding-bottom : 3px; border-bottom : 1px solid #333; font-weight : bold;}
	#nav a {color : #f33; text-decoration : none;}
	#nav a:link {color : #f33;}
	#nav a:visited {color : #c09;}
	#nav a:hover {color : #39f;}
	#nav a:active {color : orange;}
	#nav li ul {display : none; position : absolute; width : 138px; top : -1px; left : 110px;}
	#nav li:hover ul {display: block;}

        #nav img {position : relative; left : 31px; padding-bottom : 0.3em;}

#index {float : left; width : 580px; background-color : #ff9; border-right-width : 1px; border-right-color : #f60; border-right-style : solid; border-left-width : 1px; border-left-color : #f60; border-left-style : solid; padding-left : 7px; padding-right : 7px; text-align : justify; color : #00c}

	#index p {font-family : sans-serif; font-size : 0.9em;}

	#index i {color : red;}

	#index a {text-decoration : underline;}
	#index a:link {color : #00c;}
	#index a:visited {color : #00f;}
	#index a:hover {text-decoration : none;}
	#index a:active {color : #00c;}

#content {float : left; width : 580px; background-color : #ff9; border-right-width : 1px; border-right-color : #f60; border-right-style : solid; border-left-width : 1px; border-left-color : #f60; border-left-style : solid; padding-left : 7px; padding-right : 7px; text-align : justify; color : #00c}

	#content p {font-family : sans-serif; font-size : 0.9em;}

	#content i {color : red;}

	#content ul {list-style-type : none; padding : 0;}
	#content li {font-family : sans-serif; font-weight : bold;}
	#content a {text-decoration : none;}
	#content a:link {color : #00c;}
	#content a:visited {color : #00f;}
	#content a:hover {text-decoration : underline;}
	#content a:active {color : #00c;}

#catalog {float : left; width : 580px; background-color : #ff9; border-right-width : 1px; border-right-color : #f60; border-right-style : solid; border-left-width : 1px; border-left-color : #f60; border-left-style : solid; padding-left : 7px; padding-right : 7px; text-align : justify; color : #00c;}

	#catalog p {font-family : sans-serif; font-size : 0.9em;}

	#catalog ul {list-style-type : none; padding : 0;}
	#catalog li {font-family : sans-serif; font-weight : bold;}
	#catalog a {text-decoration : none;}
	#catalog a:link {color : #00c;}
	#catalog a:visited {color : #00f;}
	#catalog a:hover {text-decoration : underline;}
	#catalog a:active {color : #00c;}

#karta {float : left; width : 580px; background-color : #ff9; border-right-width : 1px; border-right-color : #f60; border-right-style : solid; border-left-width : 1px; border-left-color : #f60; border-left-style : solid; padding-left : 7px; padding-right : 7px; text-align : justify; color : #00c}
	
	#karta li {font-family : sans-serif; line-height : 2em;}
	#karta a {text-decoration : none;}
	#karta a:link {color : #00c;}
	#karta a:visited {color : #00f;}
	#karta a:hover {text-decoration : underline;}
	#karta a:active {color : #00c;}

#article {float : left; width : 580px; background-color : #ff9; border-right-width : 1px; border-right-color : #f60; border-right-style : solid; border-left-width : 1px; border-left-color : #f60; border-left-style : solid; padding-left : 7px; padding-right : 7px; text-align : justify; color : #00c}

        #article p {font-family : sans-serif; font-size : 0.9em;}
        #article li {font-family : sans-serif; font-size : 0.9em;}

#werb {float : left; width : 150px;}

    #werb p {text-align : center; color : #f33; font-weight : bold;}

    #werb p.werb {position : relative; left : 5px; font-family : sans-serif; font-size : 0.8em; font-weight : normal; text-align : left; color : #00c;}

    	#werb a {text-decoration : none;}
	#werb a:link {color : #00c;}
	#werb a:visited {color : #00f;}
	#werb a:hover {text-decoration : underline;}
	#werb a:active {color : #00c;}

#foot {float : left; width : 100%; background-color : #f60; clear : both; text-align : center;}