/*----------------------------------------------------------------------- page id design*/
body
{
 background-color: white;
 /*background-image: url(../images/page.gif);*/
 background-position: center;
 background-repeat: repeat-y;
}
#page
{
 width: 1003px;
/* height: 700px;*/
 background-color: white;
 margin: 0px auto 0px auto;
}

.blue #page {background-position: right; background-image: url(../images/content.gif); } 
.pink #page {background-position: right; background-image: url(../images/spacer.gif); } 
.silver #page {background-position: right; background-image: url(../images/s_content.gif); } 
/*help k FF pro natahování sidebar*/

#top
{
 height: 110px;
 background-repeat: no-repeat;
 margin: 0px;
 padding: 0px;
 border: 0px;
 text-align: right;
}
.blue #top { background-image: url(../images/topbg.jpg);}
.pink #top { background-image: url(../images/p_topbg.jpg);}
.silver #top { background-image: url(../images/s_topbg.jpg);}

#content
{
 background-position: right;
 background-repeat: repeat-y;
}

.blue #content {}
.pink #content {}
.silver #content {}


#main
{
 width: 772px;
 margin: 0px;
 padding: 3px;
 padding-bottom: 0px;
 border: 0px;
 text-align: justify;
}
#sidebar
{
 width: 217px;
 height: 405px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 float: right;
 text-align: left;
}

.blue #sidebar { background-color: #247EC3; /*background-image: url(../images/sidebarbg.jpg);*/}
.pink #sidebar { background-repeat: no-repeat;}
/*padding-bottom: 90px; _padding-bottom: 0px; background-image: url(../images/p_sidebarbg.jpg);*/
.silver #sidebar {}

#sidebarend {}
.blue #sidebarend {}
.pink #sidebarend {background-image: url(../images/p_x_sidebarbg.jpg); background-repeat: no-repeat; height: 65px;}
.silver #sidebarend {}

#bottom{
 clear: both;
 height: 100px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 background-color: white;
 background-repeat: no-repeat;
 }

.blue #bottom { background-image: url(../images/bottombg.jpg);}
.pink #bottom {margin-top: 5px; padding-top: 10px; background-image: url(../images/p_bottombg.jpg);}
.silver #bottom { background-image: url(../images/s_bottombg.jpg);}

/*----------------------------------------------------------------------- menu id design*/
#navcontainer { margin-left: 0px; }
.blue #navcontainer {}
.pink #navcontainer {padding-left: 6px; padding-top: 80px; background-image: url(../images/p_sidebarbg.jpg);} /* 55px*/
.silver #navcontainer {}

#navcontainer * { _font-size: 95%; }

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#navcontainer li {}
.blue # navcontainer li { margin: 0;}
.pink # navcontainer li { margin: 0 0 1px 0; _margin: 0;} 
.silver # navcontainer li { margin: 0;}

/* pridava carky mezi menu pro firefox*/
#navcontainer li {}
.blue #navcontainer li { border-top: 1px; border-top-style: solid; border-top-color: #69C; _border-top: none;}
.pink #navcontainer li {}
.silver #navcontainer li {border-top: 2px; border-top-style: solid; border-top-color: transparent; _border-top: none;}

#navcontainer a
{
display: block;
padding: 2px 5px;
color: #fff;
text-decoration: none;
}
.blue #navcontainer a { background-color: #003366; width: 207px;_width: 217px;}
.pink #navcontainer a { background-color: #8C0B55; width: 194px;_width: 203px; height: 12px; _height: 15px;}
.silver #navcontainer a { color: #000000; background-image: url(../images/s_menubgon.jpg); width: 202px;_width: 212px;}

#navcontainer a:hover
{
color: #fff;
background-repeat: no-repeat;
text-decoration: none;
}

.blue #navcontainer a:hover { background-color: #6699CC; background-image: url(../images/menubgoff.gif);}
.pink #navcontainer a:hover { background-color: #BB0F72; background-image: url(../images/p_menubgoff.gif);}
.silver #navcontainer a:hover { background-color: ; background-image: url(../images/s_menubgb.jpg);}


#navcontainer ul ul li {}
.blue #navcontainer ul ul li { margin: 0; }
.pink #navcontainer ul ul li { margin: 0 0 1px 0; _margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 2px 2px 2px 30px;
color: #fff;
text-decoration: none;
}
.blue #navcontainer ul ul a { padding: 2px 2px 2px 30px; width: 185px;_width: 217px; background-color: #369;}
.pink #navcontainer ul ul a { padding: 1px 1px 1px 30px; width: 172px;_width: 203px; background-color: #E9128D;}
.silver #navcontainer ul ul a { padding: 1px 1px 1px 30px; width: 180px;_width: 212px; background-color: #EEEEEE;}

#navcontainer ul ul a:hover
{
color: #fff;
text-decoration: none;
}
.blue #navcontainer ul ul a:hover { background-color: #69C; background-image: url(../images/spacer.gif);}
.pink #navcontainer ul ul a:hover { background-color: #F154AE; background-image: url(../images/spacer.gif);}
.silver #navcontainer ul ul a:hover { background-color: #CCCCCC; background-image: url(../images/s_menubgg.jpg);}


/*--------------------------------------------------------------- registration and setting page*/