#nocss { display: none; }

body {
 font-family:Tahoma, Arial, sans-serif;
 font-size:medium;
 color:black;
 background:#fff url('images/background.jpg') repeat-y fixed top left;
}
.vspacer {
 height:0.5em;
}
.hspacer {
 display:table-cell;
 width:1em;
}

#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 {
 text-align:center;
 margin:0.5em;
}

#menu {
 width:100%;
 position:relative;
 display:block;
}
#main {
 width:57em;
 margin-left: auto;
 margin-right: auto;
}
#mainmenu {
 color:black;
 background-color:white;
 text-align:left;
}

#googleSearch {
 font-size:smaller;
}
#googleSearchTable {
 margin-top:0.5em;
}
#googleSearchTable td {
 vertical-align:middle;
}

#tools {
 text-align:left;
 vertical-align:top;
 font-size:smaller;
 color:black;
 width:35%;
 position:absolute;
 right:10px;
 top: 10px;
}
#tools p {
 margin-left:1em;
}

#contact {
 width:auto;
 color:black;
 text-align:left;
 font-size:smaller;
 vertical-align:middle;
 padding: 0px 5px 2px;
}
#mainfooter .hspacer {
 display:none;
}

#icons {
 position:fixed;
 right:0px;
 bottom:0px;
 width:20px;
 z-index:3;
}

#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;
}
#textbody p {
 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 2px 2px 3px;
}
#persianCD {
 text-align:center;
 font-size:smaller;
}

#footnote {
 font-size:xx-small;
 width:55em;
 margin-left: auto;
 margin-right: auto;
}

.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;
}
#topmenucontainer li
{
 font-size:smaller;
 display:inline;
 text-align:center;
 margin:0px;
}
#topmenucontainer li a
{
 padding: 0px 5px;
 text-decoration: none;
}
.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_comment {
 font-size:x-small;
}
.morePictures {
 text-align:right;
 margin:5px; 
 font-weight:bold;
}

body {
 font-size:large;
 font-weight:bold;
 text-align:left;
}
#titleImage {
 text-align:left;
}
#main, #supporticons, #textbody, #footnote {
 width:98%;
}
#mainmenu, #tools, #contact, #textbody {
 border:thin solid black;
}
#googleSearch {
 border-top:2px solid black;
 font-size:smaller;
}
#icons {
 display:none;
}
.textbodyTitle {
 color:yellow;
 background-color:black;
 text-align: center;
 margin:1px;
}
#persianCD {
 text-align:center;
 font-size:smaller;
}
#footnote {
 font-size:smaller;
}

/* Top Menu */
#topmenucontainer {
 color:white;
 background-color:black;
 border:2px dashed yellow;
}
#topmenucontainer ul {
 color:white;
 background-color:black;
 height:auto;
}
#topmenucontainer li
{
 margin-right:1em;
}
#topmenucontainer li a
{
 color: yellow;
 text-decoration: none;
}
.topsubmenu {
 display: none;
}


#style_picker {
 font-size:small;
 position:fixed;
 top:1.3em;
 right:5px;
 background-color:yellow;
 width:15%;
 z-index:1;
}


/* Hover Effect for Pictures */
.picture_frame {
 width:100%;
}
.picture_frame td {
 text-align:center;
}