html, *
{
  margin: 0px;
  padding: 0px;
}
body
{
  font-family: Arial, Verdana, Calibri, Courier New, Tahoma;
  font-size: .9em;
  background-color: #808080;
}
.background-body
{
  background: #808080 url(../images/bg/grey/body.jpg) repeat-y center center;
  margin: 0px auto 0px;
}
html, body, form
{
  height: 100%;
}
/*make sure frame table is fully extended to height*/
a
{
  text-decoration: none;
  color: #0099CC;
  font-family: Arial, Georgia, Sans-Serif;
}
a:hover
{
  color: #DF7E0D;
}
a img
{
  border: none;
  margin: 1px 1px -1px 1px;
}
p
{
  margin: 5px 0px 10px 0px;
}

h1
{
  color: #000000;
  font-size: 1.3em;
  font-family: Arial, Courier New;
  margin: 10px 10px 10px 10px;
}
h2
{
  color: #316CD1;
  font-size: 1.2em;
  font-family: Arial, Courier New;
}
h3
{
  color: #339900;
  font-size: 1.1em;
  font-family: Georgia, Arial, Courier New;
  margin: 5px 10px 10px 10px;
}
h1.no-image
{
  margin: 10px 10px 10px 0px !important;
}
/*-------------------------layout wrapper-------------------*/
#container
{
  width:930px;
  margin:0px auto 0px;
}
/*--------------------------left column---------------------*/
#content
{
  padding-top: 1em;
  margin: 0 290px 0 26px;
  vertical-align: top;
  background-color:White;
  background-color:#FFF;
  min-height:500px;
}
/*-------------------------Right Column---------------------------*/
#menu
{
  text-align: left;
  margin-left:0px;
  margin-right:0px;
  float: right;
  width: 280px;
  padding-top: 1em;
  background-color:#000;
}

#menu ul
{
  margin: 0px 0px 0px 10px;
}
#menu ul li
{
  color: #ffffff;
  list-style-type: none;
}
#menu ul li a.wide
{
  letter-spacing: .9em;
}
#menu td
{
  padding: 5px 20px 5px 0px;
  font-family: Georgia, "Times New Roman" ,Times,serif;
  font-size: 1.1em;
}
#menu h1
{
  font-size: 1em;
  border-bottom: solid 1px #ffffff;
}

/*---------------------------------header------------------------------*/
#header
{
  width: 930px;
  height: 300px;
  margin: 0 auto;
  color: #ffffff;
  background-color: #000000;
  top:0px;
  left:6px; /*fix the header left padding problem*/
  position: relative;
}
#header .banner
{
  background: #000000 url(../images/bg/mandolin_banner.jpg) no-repeat center center;
  height: 300px;
}
#header .banner .text-box-right
{
  width: 250px;
  float: right;
  color: #FFA73F;
  margin: 180px 15px 5px 0px;
  clear: both;
}
#header .banner .text-box-right a
{
  color: white;
}
#header .banner .text-box-right a:hover
{
  color: #3FA9FF;
}

/*----------------------------------footer--------------------------------*/
#footer
{
  /*clear: both;*/
  position:relative;
  left:0px;
  bottom:0px;
  text-align: center;
  color: #666666;
  font-size: .7em;
  width:100%;
  margin-top:2em;
}
#footer #box
{
  position:relative;
  padding:0px 10px 10px 0px;
  text-align:center;
  background-color:White;
}
#footer a
{
  color: #666666;
}

div#top-nav
{
  float: right;
  white-space: nowrap;
  width: 130px;
  height: 30px;
  margin: 5px;
  display: block;
  font-size: .7em;
}
div#top-nav a
{
  color: white;
}
#contet-body-header
{
  padding: 0px 5px 0px 10px;
}
#contet-body-header h2
{
  font-size: 1.1em;
  color: #bdbcbc;
  font-family: Arial;
  border-bottom: dotted 1px #b9641a;
  margin: 10px 5px 5px 5px;
}
/*---------------------------------------------------------------------------------------------*/

/*content wrapper*/
#content-body
{
  margin: 0 auto;
  text-align: left;
  width: 930px;
  vertical-align: top;
}
#content-body .wrapper
{
  width: 600px;
  min-height: 600px;
}
/*a fix for the right side menu jumping around*/
/*---------------------------------------------------------------------------------------------*/

/*left column*/
#content-body-col-left
{
  width: 630px;
  padding: 5px 0px 15px 20px;
  vertical-align: top;
}
/*content wrapper inside the left column*/
#content h1
{
  color: #DF7E0D;
  font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;
  padding: 8px 5px 5px 10px;
  margin: 5px 40px 10px 45px;
  letter-spacing: .1em;
  font-size: 1.6em;
}
#content h2
{
  padding: 0px 0px 1px 10px;
  margin: 15px 5px 10px 0px;
  border-bottom: solid 1px #cccccc;
  font-size: 1.1em;
}
#content p
{
  text-indent: .5em;
  font-size: .9em;
}
/*---------------------------------------------------------------------------------------------*/

/*right column*/
#content-body-col-right
{
  padding: 5px 17px 15px 20px;
  vertical-align: top;
  font-size: .9em;
  color: #FFFFFF;
}
#content-body-col-right h1
{
  color: #bdbcbc;
  font-size: 1.3em;
  font-family: Arial, Courier New;
}
#content-body-col-right h2
{
  color: #bdbcbc;
  font-size: 1.3em;
  font-family: Arial, Courier New;
}
#content-body-col-right h3
{
  color: #DF9F53;
  font-size: 1em;
  font-family: Helvetica, Georgia, Arial, Courier New;
  margin: 5px 5px 5px 5px;
  letter-spacing: .1em;
}
#content-body-col-right a
{
  color: #ffffff;
}
#content-body-col-right a:hover
{
  color: #FFA73F;
}
#content-body-col-right td
{
  vertical-align: top;
}
#content-body-col-right .text-block
{
  margin: 10px 5px 0px 0px;
  padding: 10px 0px 5px 0px;
  width: 95%;
  border-top: solid 1px #cccccc;
}


/*---------------------------------------------------------------------------------------------*/


/*Thickbox - the dialog floating div 'window'*/
.thickbox
{
  font-family: Verdana, Ariel, Sans-Serif !important;
}
a.thickbox
{
  color: #618FDF;
}
a:hover.thickbox
{
  color: #DFBD61;
}
/*---------------------------------------------------------------------------------------------*/

/*general classes*/
.info
{
  font-size: 12px !important;
}
.info img
{
  border: none;
}
.img-right
{
  float: right;
  border: none;
}
.img-thumb
{
  width: 100px;
  height: 100px;
}
.audio-player
{
  margin: 10px 10px 10px 10px;
}

.center-align
{
  margin: 0 auto 0;
}
.centered
{
  text-align: center;
}
.left
{
  text-align: left;
}
.header-height
{
  height: 300px;
}
/*so the table first row does not exapand*/

table.centered
{
  margin: 0 auto;
  text-align: left;
}

#menu .tour ul
{
  text-align: center;
  text-align: left;
}
#menu .tour li
{
  font-size: .9em;
  font-family: Verdana, Arial, Helvetica;
  color: #8CAE44 !important;
  text-align: center;
}
#menu .tour li .title
{
}
#menu .tour li .body a
{
  color: #ffffff !important;
  padding: 0px 18px 0px 18px;
}

.fill
{
  width: 100%;
}
.fullheight
{
  height: 100%;
}
.float-right
{
  float: right;
}
.float-left
{
  float: left;
}
.sidebar-gallery
{
  margin: 10px auto 0px;
  width: 240px;
}
.sidebar-gallery img
{
  border: solid 1px #ffffff;
  margin: 0px 2px 0px 2px;
}
.sub-text
{
  color: #666666;
  font-style: italic;
  width: 100%;
  height: 1.2em;
  margin: 0px 0px 8px 0px;
  font-size: .9em;
}
/*error summry box*/
.error
{
  color: red;
  margin: 10px 0px 10px 0px;
  font-weight: bold;
  padding: 5px;
  font-size: .9em;
}
div.error
{
  border: solid 1px #cccccc;
}
.error ul
{
  margin: 5px;
}
.error li
{
  font-size: .9em;
  font-weight: bold;
  margin: 0px 15px 0px 15px;
  line-height: 1.2em;
}
div.error li
{
  margin: 5px 10px 0px 10px;
}
.string-ext-info
{
}
.txt-small
{
  font-size: .8em;
}
.selected
{
  color: #DF7E0D !important;
}
a.external
{
  background-image: url(../images/icons/external_link_grey_icon.gif);
  background-repeat: no-repeat;
}
a.external-white
{
  background: transparent url(../images/icons/external_link_icon.gif) no-repeat 0 0;
  background-repeat: no-repeat;
}
/*---------------------------------------------------------------------------------------------*/

/*hebrew char*/
.clsHebArb
{
  direction: RTL;
  unicode-bidi: embed;
  padding: 0px 30px 0px 5px;
  text-align: right;
}
.clsEng
{
  direction: LTR;
  padding: 0px 5px 0px 5px;
  text-align: left;
}
.hand
{
  cursor: hand;
}
.help
{
  cursor: help;
}
.link-bold
{
  font-weight: bold;
  border-bottom: dotted 1px #fff;
}
.play-icon
{
  width: 25px;
  height: 25px;
  position: relative;
  top: 100px;
  left: 100px;
  border: none;
}
.clear
{
  float: none;
  clear: both;
  display: block;
}