/*STRUCTURE*/
html, body { height: 100%; }
body { font: 13px/1.5em verdana, arial, sans-serif; background: #000 url(background.png) repeat-y 50% center; color: #000; margin: 0; padding: 0; }
#maincontainer { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; width: 780px; margin: 0 auto; }
#header { background: url(header.png) no-repeat right; height: 165px; }
#contentwrapper { float: left; width: 100%; }
#contentcolumn { margin: 0 0 0 155px; }
#leftcolumn { float: left; width: 155px; margin-left: -780px; background-color: #0194d9; text-align: center;}
#footer { margin: 0 auto; clear: left; width: 735px; text-align: right; padding: 5px 15px 10px 0; }
#footer, #push { height: 15px; }

/*NAVIGATION TOP*/
#menu1 { border-left: 2px solid #fff; border-right: 2px solid #fff; background: url(bg_topnav.png) repeat-x; position: relative; display: block; height: 40px; font: bold 100% verdana, arial, helvitica, sans-serif;  }
#menu1 ul { margin: 0; padding: 0; list-style-type: none; width: auto; }
#menu1 ul li { display: block; float: left; margin:0; }
#menu1 ul li a {border-right: 2px solid #fff; display: block; float: left; color: #fff; text-decoration: none; padding: 8px 20px 0 20px; height: 40px; }
#menu1 ul li a:hover { height: 33px; color: #000; background: url(topnavOVER.png) no-repeat bottom; }

/*SITE STYLES*/
#content { margin: 0 15px 15px 15px; }
#header h1 { color: #fff font: 286% verdana, arial, sans-serif; text-align: right;  line-height: normal; margin: 0; padding: 20px 20px 0 0; }
#contentcolumn{ font-size: 85%; }

a:link, a:visited, a:active, a:hover { outline: none; text-decoration: none; color: #0194d9; }
a:hover { outline: none; text-decoration: underline; }

h2, h3, h4 { letter-spacing: 1px; margin: 0 0 15px 0; clear: both; }
h2 { color: #0162b1; font: bold 182% verdana, arial, sans-serif; text-transform: uppercase; margin-top: 15px;}
h3 { font-weight: normal; font-size: 153.9%; }
h4 { font-size: 123.1%; }
p  { text-align: justify;}

.bigred {
  color: red;
  font-weight: bold;
}

.leftImg { float: left; margin: 5px 10px 0 0; border:0px; }
.rightImg { float: right; margin: 5px 10px 0 0; border:0px; }
.centerImg { display: block; margin-left: auto; margin-right: auto; border:0px;}

legend { display: none; }
fieldset { font-size: 85%; border-width: 0px 0 2px 0; border-color: #fff; color: #fff; margin: 0 10px 5px 10px; background-color: #0194d9; text-align: center; line-height: 1.0em; padding: 5px 0 10px 0; }
hr { clear: both; border: 0; height: 1px; color: #0194d9; background-color: #0194d9; margin: 15px 0 15px 0;}
* html hr { margin: 0;}
#footer { font-size: 75%; }

/*GALLERY STYLES*/
#gallery { width: 580px; clear: both; min-height: 255px; height: auto !important; height: 255px; }
#gallery ul { list-style: none; padding: 0; margin: 0 0 15px 0; width: 180px; position: relative; float:right; }
#gallery ul li { display: inline; width: 52px; height: 52px; float: left; margin: 0 0 5px 5px;}
#gallery ul li a { display: block; width: 50px; height: 50px; text-decoration:none; border:1px solid #0162b1; }
#gallery ul li a img { display: block; width: 50px; height: 50px; border: 0; }
#gallery ul li a:hover { white-space: normal; border-color: #b4d3e8;}
#gallery ul li a:hover img { position: absolute; right: 185px; top: 0; width: auto; height: auto; border: 1px solid #0162b1; }


/**************************************************************
   Posts
 **************************************************************/
.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
  text-align: justify;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;
  width: 2.3em;
  text-align: right;
}

.post .date .year {
  text-transform: uppercase;
  margin-top: -15px;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .month {
  text-transform: uppercase;
  font: 900 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}

/**************************************************************
   INFO
 **************************************************************/
.info {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
  text-align: justify;
}

.info .title {
  display: block;
  padding: 0 0 0 0;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.info .grey {
  color: #cccccc;
}

.info .bigred {
  color: red;
  font-weight: bold;
}

.info p {
  margin: 0 0 1em 2em;
}

.info .quote {
  margin: 0 0 1em 2em;
  font-style : italic;
}

.info img {
  float: left; 
  margin: 5px 10px 0 0; 
  border: 0px;
}

.info .email {
	text-decoration : underline;
	text-transform : uppercase;
	color : Black;
	unicode-bidi:bidi-override; 
	direction: rtl;
}

.info .question {
  color : black;
  font-style : italic;
}

.info  .answer {
  color : red;
}