﻿* {
    margin: 0;
}

html, body {
    	background-color: #000;
}

body {
    font-family:Tahoma;    
    font-size:62.5%;
}

#wrapper {
    position: relative;	
    display: block;	
    margin: 2em auto;	
    width: 800px;	
    height: auto;	
}

#page-logo {
    width: 380px;
    height: 496px;	
    position: absolute;	
    top: 0;	
    right: 0;	
    z-index: 100;
}

#top-menu {
    position: absolute;	
    top: 0;	
    right: 380px;	
    width: 397px;	
    height: 34px;	
    background-color: #ccc;
    direction:rtl;
}

#top-menu a {
	display:block;
	float:right;
	margin-left:2em;
	text-decoration:none;
	color:#666;
	padding:3px;
}

#top-menu a:hover {
	background-color:#FFFFFF;
}

#gmenu {
     width: 420px;	
     height: 180px;	
     position: absolute;	
     top: 34px;	
     right: 380px;	
     z-index: 100;
}

#gmenu img {
    border: none;
}

#top-left {
    width: 23px;	
    height: 34px;	
    position: absolute;	
    top: 0;	
    left: 0;	
    background-image: url(../images/topleft.jpg);	
    z-index: 100;
}

#content-wrapper {
    display: block;	
    width: 800px;	
}

#content-bg {
    color: #fff;	
    display: block;	
    width: 800px;	
    position: absolute;	
    top: 214px;	
    left: 0;	
    background-image: url(../images/background.jpg);	
    background-repeat: repeat;
}

#content {
    display: block;	
    width: 350px; 	
    margin: 1em 1em 2em 2em;	
    min-height: 800px;	
    height: 800px;		
    direction:rtl;	
    color:#333;
}

div[id] #content {
    height: auto;
}

#right-menu {
    display: block;	
    position: absolute;	
    width: 300px;	
    top: 526px;	
    right: 0;	
    margin: auto 1em;	
    text-align: center;	
    z-index: 100;
}

#right-menu h3 {
	text-align:center;
	color:#666;
	font-size:1.1em;	
}

#right-menu ul.menu1 {
	text-align:right;
	list-style-type:none;
	line-height:2;	
	margin-right:10em;
	direction:rtl;
}

#right-menu ul.menu1 a, .menu1 a {
	color:Maroon;
	text-decoration:none;
	font-weight:bold;
}

#right-menu ul.menu1 a:hover, .menu1 a:hover {
    color:#336;
}

#footer {
    display: block;	
    width: 800px;	
    background-color: #ccc;	
    margin-top: 1em;	
    font-size: 0.9em;	
    text-align: center;	
    color: #333;	
    line-height: 2em;	
    z-index: 500;
}

#footer ul {
    list-style: none;
}

#footer ul li {
    display: inline;	
    margin: 1em;
}

#footer a {
    font-style: normal;
    color: #333;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#map {
}

hr {
    background:#ddd;	
    border-top-style: none;	
    border-right-style: none;	
    border-bottom-style: none;	
    border-left-style: none;	
    height:1px;
}

/* OTHER ELEMENTS */

.img_left {
		float: left;
		padding: 1px;
		border: 1px solid #cccccc;
		margin: 0 10px 10px 0;
}

.img_right {
		float: right;
		padding: 1px;
		border: 1px solid #cccccc;
		margin: 0 10px 0 10px;
}

input.button {
		margin: 0;
		padding: 2px;
		border: 3px double #999999;
		border-left-color: #ccc;
		border-top-color: #ccc;
		background: url(../images/button.gif) repeat-x left top;
		font-size: 11px;
		font-family: Tahoma;
}

.formview p {
	clear:right;
	margin:0;
	padding:0;
	padding-top:5px;
	font:normal 0.9em Tahoma, Helvetica, sans-serif;
}

.formview p label {
    float:right;
    margin:0 1em 0 1em;
    width:30%;
    vertical-align:middle;
    font-weight:bold;
    color:#111;
    font-size:0.9em;
}

.notice {
	display:block;
	background: #D0C184; 
	border: 1px solid #ccc; 
	padding: 15px 15px 15px 15px; 
	margin-bottom: 15px;
	margin-left:15px;
	font-size: 1.2em;
	color: #eee;
}

.notice_error {
	display:block;
	background: #B1403A; 
	border: 1px solid  #ccc; 
	padding: 15px 15px 15px 15px; 
	margin-bottom: 15px;
	margin-left:15px;
	font-size: 1.2em;
	color: #000;
}

.notice a {
	color: #333333;
	text-decoration: underline;
}

input.inputgri, select.inputgri, textarea.inputgri {
	background: #eeeeee;
	font-size: 14px;
	border: 1px solid #cccccc;
	padding: 3px;
}

input.inputgri:focus, select.inputgri:focus , textarea.inputgri:focus {
	background: #ffffff;
	border: 1px solid #686868;
}

#AlbumsBreadCrumb {
	margin-bottom:3em;	
}

#AlbumsBreadCrumb span, #AlbumsBreadCrumb a {
	font-weight:bold
}

#AlbumsBreadCrumb span {
    color:#444;
}

#AlbumsBreadCrumb a {
    text-decoration:none;color:#963;
}

h1, h2, h3, h4 {
    line-height:2;
    color:#666;
}

h4 {
    font-size:1.2em;
}

/* NEWS */
.news {
    direction:rtl;
    padding:3px;
    margin-bottom:2em;
    padding-left:2em;
}

.news-box {
	padding:1em;
}

.news-related {
	margin-top:1em;
	margin-bottom:1em;	
}

.news-related li {
	margin-right:1em;
}

.news-related li a {
	font-weight:bold;
	color:#f62;
	text-decoration:none;
}

.news-related strong {
	color:#444;
}

.news-print a {
	font-weight:bold;
	color:#444;
	text-decoration:none;
}

.news-item {
	padding-bottom:1em;
	border-bottom:1px solid #ccc;
	padding-top:1em;
	padding-left:1em;
}

a.news-title {
	font-weight:bold;
	color:#963;
	text-decoration:none;
}

.news-comments {
	color:#444;
}

.news-comments:first-line {
	color:#333;font-weight:bold;
}

.news-date {
	direction:ltr;
	display:block;
}

/* albums */
.Albums {
	margin:0 auto;
}

.album-item {
	text-align:center;
	vertical-align:top;
	padding:1em;
	background:#999;
	margin:1px;
}

.album-item span {
	display:block;
	text-align:center;
	font-weight:bold;
	color:#eee;
}

.album-item a img {
	border:1px solid #ccc;
	padding:1px;
	margin:2em 0 2em 0;
}

.page a {
	text-decoration:none;
	color:#324;
}

/* LOGIN FORM */
.login-form {
    padding: 8px;  
    margin:0 auto;  
}

.login-form-title {
    font-size: 1.5em;
    font-weight: bold;
    color: #666;
    line-height:2;
}

.login-form  input.inputgri {
    text-align: left;
    direction: rtl;
    width: 10em;
}

.login-form-failure {
    color: #ffc;
    line-height: 2;
}
/* FORM TABLE */
.form_table {
	margin-bottom: 15px;
	font-size: 1.1em;
}

.form_table p {
	margin: 0;
	padding: 0;
}

.form_table td {
	padding: 5px 10px;
	vertical-align:top;
}
.form_table th {
	text-align:left;vertical-align:top;
	padding-top:5px;
}

.form_table .table_header th {
	text-align:center;
}

.form_table .table_header {
	line-height:2;
	background: #bbb;
}
.albums-list {
	background: #cccccc;
}
.albums-list ul {
	list-style-type: none;	
}
.albums-list li {
	float: right;
	margin-left: 6px;
	margin-bottom: 10px;
	color: #333;
}
.albums-list img {
	display: block;
	border: 1px solid #330;
}

.clear {
	clear:both;
}
.albums-list li span 
{
	display: block;
	text-align: center;
	margin-bottom: 6px;
}
