ACC SHELL

body{
	padding: 0px;
	margin: 0px;
}

.main{
	width: 780px;
	height: auto;
	
	padding: 0px;
	margin: 0px;
	
	background-image: url('gfx/main_bg.png');
	background-repeat: repeat-y;	
}

.super_main{
	padding: 0px;
	margin: 1em;
	
	background-image: url('gfx/top_menu_rect.png');
	background-repeat: repeat-x;
	
	margin-left: auto;
	margin-right: auto;
	width:788px;	
}

.left_column{	
	float: left;
	width: 190px;
	padding: 0px;
}

.right_column{
	padding-top: 10px;
	margin-left: 190px;
	
	/*background-color:red;*/
	padding-left: 10px;
}

.logo{
	margin-left: 9px;
	margin-top: 10px;
	margin-bottom: 7px;
	width: 180px;
	height: 146px;
	/*background-color: yellow;*/
	background-image: url('gfx/logo.png');
}

.top_menu{
	padding: 0;
	margin: 0;
	margin-bottom: 7px;
	
	
	/*width: 580px;*/
	/*width: 586px;*/
	height: 1.3em;
	background-color: #F4F4F4;
}

.banner{
	background-color: white;
	background-image: url('gfx/banner2.png');
	width: auto;
	height: 125px;

}

.spacer_4px{
	width:1px;
	height: 4px;
	overflow: hidden;
}

.space_10px{
	width: 1px;
	height: 10px;
	overflow: hidden;
}

.news_item{
	height: 100px;
	/*width: 415px;*/
	
	overflow: hidden;
	
	margin-bottom: 10px;
	margin-right: 0px;
		
	padding: 10px;
	padding-right: 160px;	
	
	font-family:  Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	
	
	border-top: 5px solid #21409A;
	border-bottom: 5px solid #21409A;
	background-color:white;
	
	background-image: url('gfx/perex/dummy.png');
	background-position: top right;
	background-repeat: no-repeat;
}

.content_text{
	margin-bottom: 10px;
	min-width: 513px;
	height: 1%;
		
	padding-left: 2.5em;
	padding-right: 0.5em; /*2.5em;*/
	padding-top: 1em;
	padding-bottom: 2em;
	
	
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	
	text-align: justify;
	
	border-top: 5px solid #21409A;
	border-bottom: 5px solid #21409A;
	background-color:white;	
}

img{
	border: 1px solid #999;
}

img.content_img{
	border: 1px solid #999;
}


.gallery_image{
	margin: 5px;
}

a.gallery_link{


}

a.left_img{
	float: left;
	border: 0;
	margin: 1em;
	margin-left: 0em;
}

a.right_img{
	float: right;
	border: 0;
	margin: 1em;
	margin-right: 0em;	
}

a:hover{
	color: orange;
}

a, a:visited{
	color: blue;
}



h1{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #216BB6;
}

h3, td h3{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: black;
}

td h3{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

table.prices{
	border: 1px solid #ccc;
	width: 530px;
	margin-bottom: 2em;
	border-collapse:collapse;	
	
}

td.prices{
	border: 1px solid #ccc;
	padding: 0.25em;
}

th{
	background-color: #21409A;
	color: white;
	padding: 0.35em;
}

.button, .button:visited{
	display: block;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: black;
	
	
	border-left: 9px solid #21409A;
	background-color: #F4F4F4;
	
	width: 162px;
	height: auto;
	text-align: right;
	vertical-align: middle;
	padding-right: 18px;
	padding-top: 2px;
	padding-bottom:3px;
}

.calendar{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: bold;

	padding: 0;
	margin: 0;
	
	background-color: #21409A;
	border-left: 9px solid #3C64B4;

	padding: 6px;
	width: 168px;
	
	color: white;
}

.oh_button {
	display: block;
	
	padding: 0;
	margin: 0;
	
	border-left: 9px solid #3C64B4;

	/*padding: 6px;*/
	
	width: 180px;
	height: 93px;
	background: url('gfx/100.gif') 0 0 no-repeat;
}

.oh_button:hover {
	display: block;
	border-left: 9px solid #f00;
	width: 180px;
	height: 93px;
	background: url('gfx/100.gif') 0 -93px no-repeat;
}

.poster {
	width:180px;
	height: 255px;
	border-left: 9px solid #3C64B4;
	overflow:hidden;
	padding: 0;
	margin: 0;
}

.jobs_button {
	display: block;
	
	padding: 0;
	margin: 0;
	
	border-left: 9px solid #3C64B4;

	/*padding: 6px;*/
	
	width: 180px;
	height: 93px;
	background: url('gfx/jobs.gif') 0 0 no-repeat;
}

.jobs_button:hover {
	display: block;
	border-left: 9px solid #f00;
	width: 180px;
	height: 93px;
	background: url('gfx/jobs.gif') 0 -93px no-repeat;
}

.jantulik_button {
	display: block;
	
	padding: 0;
	margin: 0;
	
	border-left: 9px solid #3C64B4;

	/*padding: 6px;*/
	
	width: 180px;
	height: 93px;
	background: url('gfx/jantulik.gif') 0 0 no-repeat;
}


.jantulik_button:hover {
	display: block;
	border-left: 9px solid #f00;
	width: 180px;
	height: 93px;
	background: url('gfx/jantulik.gif') 0 -93px no-repeat;
}

.button:hover{
	display: block;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: black;
	
	border-left: 9px solid #f00;
	background: orange;
	
	
	width: 162px;
	height: auto; /*1.5em;*/
	
	text-align: right;
	vertical-align: middle;
	
	padding-right: 18px;
	padding-top: 2px;
	padding-bottom:3px;
}

.copyright{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.6em;
	color: #ccc;
	text-align: center;
}

a.copyright_link, a.copyright_link:visited{
	color: #ccc;	
}

a.copyright_link:hover, a.copyright_link:active{
	color: orange;
}

td.mbc {
	padding: 4px;
}

.odd_pr_line, .even_pr_line {
   background-color: LightPink;
}

.odd_pu_line, .even_pu_line {	
	background-color: #70a8e0;
}

.clothes_odd {
	padding: 5px;
	width: 520px;
    background-color: #e0f4ff;
}

.clothes_even {
	padding: 5px;
	width: 520px;
}

.clothes_left {
	text-align: left;
	width: 273px;
}

.clothes_right {
	text-align: left;
	vertical-align: top;
}

td.clothes_right p {
	text-align: left;
	margin-left: none;
	padding-left: none;
}

td.clothes_right h3 {
	text-align: left;
	margin-left: none;
	padding-left: none;
}

/* Menu */

#nav, #nav ul { /* all lists */
	
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0em;
	margin: 0em;
	list-style: none;
	line-height: 1;	
}

#nav a {
	display: block;
	margin: 0px;
	padding-left: 1.5em;
	padding-top: 0.25em;
	/*background-color: yellow;*/
	width: 8.5em;
	color: black;
	height: 1.25em;
	text-decoration: none;
}

#nav a {
	margin: 0;
	text-decoration: none;
}

#nav a.submenu {
	display: block;
	margin: 0px;
	padding-left: 1.5em;
	padding-top: 0.25em;
	/*background-color: yellow;*/
	width: 9.2em;
	color: black;
	height: 1.25em;
	text-decoration: none;
	
}

td{
	border: 0px;
	padding: 0.1em;
	margin: 0px;
	padding-right: 1em;
}


#nav li { /* all list items */
	/*margin-left: 0.1em;*/
	height: 1.5em;
	background-image: url('gfx/arrow.gif');
	background-position: center left;
	
	background-repeat: no-repeat;
	/*background: green;*/
	
	float: right;
	/*width: 10em;  width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-image: url('');
	background: orange;
	/* #F4F4F4;*/
	border: 0.2em solid orange;
	
/*	width: 10.1em;*/
	width: 10.7em;

	left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover, #nav li.over{
	background-color: orange;
	background-image: url('gfx/arrow_red.gif');
	background-position: center left;
}

#nav li ul li{
	background: #F4F4F4;
}

#nav li ul li:hover, #nav li ul li.over{
	background-image: url('gfx/arrow_red.gif');
	background-position: center left;
	background-repeat: no-repeat;
	background-color: orange;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */

	left: auto;	
}

td.profile_right{
	width: 13em;
	font-weight: bold;
	vertical-align: top;
	text-align: right;
	
	padding: 0.5em;
	
	border: 1px solid #ccc;
}

td.profile_left{
	padding: 0.5em;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}

td.calendar_left{
	text-align: right;
	vertical-align: top;
	font-size: 0.8em;
}

td.calendar_right{
	text-align: left;
	vertical-align: top;
	font-size: 0.8em;
	padding-bottom: 0.2em;
	
}

ul.sto {
	list-style-type: none;
	margin-left: 0em;
	padding-left: 0em;
	margin-bottom: 0.4em;	
}

ul.sto li {
	margin-bottom: 0.4em;
}