#nocss { display: none; }

body {
 font-family:Tahoma, Arial, sans-serif;
 font-size:medium;
 color:black;
 /*background:#fff url('images/background.jpg') repeat-y fixed left;*/
 background:url('images/background2.jpg') no-repeat fixed bottom right;
 text-align:center;
}
hr {
 margin: 1em;
 border: 0px;
 border-top: 1px solid #4A79CD;
}

.vspacer {
 height:0.5em;
}
.hspacer {
 display:table-cell;
 width:1em;
}
.error{
 color:red;
 font-weight:bolder;
}
.success{
 color:green;
 font-weight:bolder;
}
#mainpage body, #menupage body {
 margin:1.5em 0em;
}

a {
 text-decoration:none;
 font-family:sans-serif;
}

a:hover {
 text-decoration:underline;
}

img {
 border:none;
}

.rtl {
 direction: rtl;
 text-align:right;
}
.submenu_em {
 list-style-type:square;
}
.submenu {
 font-size:smaller;
 list-style-type:square;
}

#titleImage {
 width:55em;
 margin-left: auto;
 margin-right: auto;
}

#menu {
 width:100%;
 position:relative;
 display:block;
 border-bottom:1px solid silver;
 border-right:1px solid silver;
 padding: 0px;
}
#main {
 width:57em;
 margin-left: auto;
 margin-right: auto;
}
#mainmenu {
 color:black;
 background-color:white;
 text-align:left;
 border:1px solid #4A79CD;
 margin-left: 0px;
}

#googleSearch {
 font-size:smaller;
}
#q, #sa { border:1px solid #999;}
#q { background:#EEE;}
#q:focus { background:white;}
#sa { background:#CCC;}
#sa:hover { background:#DDD;}
#googleSearchTable {
 margin-top:0.5em;
}
#googleSearchTable td {
 vertical-align:middle;
}

#tools {
 text-align:left;
 vertical-align:top;
 width:35%;
 position:absolute;
 right:10px;
 top: 10px;
 font-size:small;
 color:black;
 background: url('images/faded_corner_small.jpg') no-repeat top left;
 padding: 10px 25px;
}
#tools p {
 margin-left:1em;
}

#contact {
 width:auto;
 color:black;
 text-align:left;
 font-size:smaller;
 vertical-align:middle;
 padding: 0px 5px 2px;
 border:1px solid #4A79CD;
 background-color:#99CCFF;
}
#mainfooter .hspacer {
 display:none;
}

#icons {
 position:fixed;
 bottom:0px;
 left:0px;
 width:20px;
 z-index:3;
 border:1px solid green;
 background-color:#B9EFA2;
}

#supporticons {
 width:50em;
 margin-left: auto;
 margin-right: auto;
 text-align:center;
 font-family:sans-serif;
 font-size:x-small;
 border:none;
}
#supporticons td {
 padding-right:3px;
}

#textbody {
 width:55em;
 margin-left: auto;
 margin-right: auto;
 padding:1em;
 color:black;
 background-color:white;
 margin-top:1em ;
 margin-bottom:1em ;
 text-align:left;
 border:1px solid #4A79CD;
}
#textbody p, #textbody table {
 margin-left: 1em;
 margin-right: 1em;
}
#textbody h4 {
 margin-left: 0.5em;
}
.textbodyTitle {
 text-align: center;
 margin:1px;
 font-variant:small-caps;
 text-shadow:gray 1px 1px 2px;
 background-color:#B9EFA2;
 border:1px solid green;
}
#persianCD {
 text-align:center;
 font-size:smaller;
}

#footnote {
 text-align:left;
 font-size:xx-small;
 width:90%;
 margin-bottom: 1em;
}
#footnote hr {
 margin:1em 0;
}
#footnote address {
 display:inline;
}

.new_item {
 font-size:x-small;
 color:red;
 font-weight:bolder;
}

/* Top Menu */
#topmenucontainer {
 position:fixed;
 top:0em;
 left:0em;
 right:0em;
 width:100%;
 text-align:left;
 z-index:2;
}
#topmenucontainer ul {
 height:1.3em;
 margin:0px;
 padding-left:30px;
 list-style-type:none;
 border:1px outset green;
 background-color:#B9EFA2;
}
#topmenucontainer li
{
 font-size:smaller;
 display:inline;
 text-align:center;
 margin:0px;
}
#topmenucontainer li .goBack
{
 background-color:#B9EFA2;
}
#topmenucontainer li a
{
 padding: 0px 5px;
 text-decoration: none;
 color: black;
 border:1px solid green;
 background-color:#F0F0F0;
}
#topmenucontainer li a:hover
{
 background-color:white;
 border-width:1px 1px 2px 1px;
}
.topsubmenu {
 display: none;
}
#topmenu_close {
 position:fixed;
 top:1px;
 left:1px;
 z-index:3;
}

#style_picker {
 font-size:xx-small;
 position:absolute;
 margin: 0px;
 top:20px;
 right:5px;
 z-index:3;
}

.flasher {
 color:red;
 font-weight:bold;
 font-style:oblique;
}

.camp_image {
  float:right;
  margin: 10px;
}

/* Pictures */
#textbody.pictures {
 width:900px;
}
.picture_frame {
 width:100%;
}
.picture_frame div.picture {
 float:left;
 text-align:center;
 padding:0.5em;
}
.picture_frame img {
 border: 2px solid silver

}
.picture_frame img:hover {
 border: 2px solid #4A79CD
}
.picture_comment {
 font-size:x-small;
 display:block;
 min-height:1.4em;
}
.morePictures {
 text-align:right;
 margin:5px;
 font-weight:bold;
}