/******************************************************************************/
/* Main body, html features  **************************************************/
HTML, BODY {
    margin: 0; padding: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    font-size: 9pt;
    background: #FFFFFF;
    height: 100%;
    background: url(../images/back.gif);
}


/* Common style features  ***********************************************************************************/
a {text-decoration:none;}
a, a:link, a:visited { color: #bf07bc; text-decoration:none; border: 0 }
a:hover { color: #bf07bc; text-decoration:none; border-bottom: 1px dotted #bf07bc; }
a.noborder:hover {border-bottom: 0}

td {font-size: 9pt;}
img a , a img {border:0}
ul {list-style: url(../images/list1.gif)}
/************************************************************************************************************/

/* Main body, html features  ********************************************************************************/
div#main { position: relative; padding:0 10px 20px 10px; margin-left: auto; margin-right: auto; width: 825px; background: #FFFFFF }
div#passion { position: absolute; top: 250px; right: -70px; width: 45px; height: 420px; background: url(../images/passion.gif) center no-repeat }

div#banners { position: absolute; text-align: center; bottom: -40px; right: -220px}
div#banners a {display:block; margin-bottom: 20px}
div#banners a:hover { border:0}
/************************************************************************************************************/



/* TOP MENU  ************************************************************************************************/
table#menu_top {
  position: relative;
  width: 100%;
  height: 40px;
  text-align: center;
  border-bottom: 2px solid #56aeec;
}
table#menu_top td:hover {border-bottom: 4px solid #56aeec;}
.lnk_top:link, .lnk_top:visited {
  font-size: 9pt; color: #56aeec;
}
.lnk_top:hover {color: #56aeec; border-bottom: 0}
/************************************************************************************************************/

/* LOGO TOP  *********************************************************************************************/
div#logo_top {
  position: relative;
  width: 100%; height: 225px;
  background: url(../images/logo_top.jpg) no-repeat;
}
/************************************************************************************************************/

/* LEFT CONTENT  ******************************************************************************************/
div#left {
    position: relative; 
    width: 270px;
    float: left;
}
div#left H2 {
  margin-top:0; 
  font: italic 14pt Georgia;
  text-align: left; 
  border-bottom: 1px solid #409edf; 
  color: #409edf
}
ul.list2 {padding-left: 20px; margin-left: 0px; list-style: url(../images/list2.gif); color: #f39300; font: italic 9pt Georgia;}
ul.list2 li {margin-bottom: 1.5em; line-height: 1.5em}
div#left a {color: #ff9200}
div#left a:hover {border-bottom:1px dotted #ff9200}
/************************************************************************************************************/

/* RIGHT CONTENT  ******************************************************************************************/
div#right {
    position: relative; 
    width: 485px;
    float: right;
    font: 10pt Verdana, Arial, Georgia;
    text-align: justify;
    color: #6b3fa0;
}
div#right H2 {
  margin-top:0; 
  font: italic 14pt Georgia;
  text-align: right; 
  border-bottom: 1px solid #409edf; 
  color: #409edf
}
ul.list1 {list-style: url(../images/list1.gif); color: #409edf; font: italic 10pt Georgia;}
ul.list1 li {}
div#right H3 {
  margin:0; 
  font: 9pt Georgia italic;
  color: #6b3fa0
}
ul.list3 {list-style: url(../images/list3.gif); color: #bf44d7; font: italic 9pt Georgia;}
ul.list3 li {line-height: 2em}

ul.list4 {list-style: none; color: #409edf; font: italic 10pt Georgia;}
ul.list4 li {}
.eventTbl {margin: 10px 0}
.eventTbl td {padding: 5px; text-align: left; background:#f5f5f5}
/************************************************************************************************************/

/* BOTTOM CONTENT  ******************************************************************************************/
div#bottom {
    position: relative;
    width: 100%;
    height: 71px;
    font-size: 7pt;
    color: #bbb;
    text-align: center;
    background: url(../images/bottom.gif) repeat-x;
}
/************************************************************************************************************/

/* BOTTOM MENU  ************************************************************************************************/
div#menu_bottom {
  position: relative;
  width: 840px;
  height: 20px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.lnk_bottom:link, .lnk_bottom:visited {
  padding:10px; font-size: 8pt; color: #999; border-bottom: 0
}
.lnk_bottom:hover {color: #56aeec; border-bottom: 0}
/************************************************************************************************************/


div.contacts {font: italic 12pt Georgia; line-height: 1.5em; text-align: left;}
div#question_t {text-align: center;line-height:28px; color: #FFF; background: url(../images/question_t.jpg) no-repeat}
.err1 {color: red; font-size: 10pt}
.btn {width:105px; height: 36px; padding-bottom: 14px; color: white; background: url(../images/button.jpg) no-repeat; border:0}
div.hr {height: 1px; border-top: 1px dotted #ccc}
div.hr a {color: #ccc}


/* Fixing a clear float problem in IE7 ****************************************/
 .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
 }

 .clearfix {display: inline-block;}

 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
/* End hide from IE-mac */
/* Fixing a clear float problem in IE7 ****************************************/