* {
  border: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #356;
}

a:hover {
  text-decoration: none;
}

img {
  border: 0px;
}

body{
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
}

#top-banner {
  width: 760px;
  height: 170px;
  margin: 0px auto;
}

#top-banner img {
  float: left;
}

#top-banner h1 {
  font-family: Arial, Helvetica, sans-serif;
  padding: 16px 0px 8px 0px;
  font-size: 24px;
  text-align: center;
  color: #000000;
  text-shadow: #777 0.1em 0.1em 0.2em;
}

#top-banner h1 #acronym {
  font-family: Geogia, Times, serif;
  font-size: 30px;
  font-weight: bold;
}

#top-banner h2{
  font-family: Arial, Helvetica, sans-serif;
  padding: 8px 0px 8px 0px;
  font-size: 20px;
  text-align: center;
  color: #000000;
  font-weight: 100;
  text-shadow: #777 0.1em 0.1em 0.2em;
}

#top-banner h3{
        font-family: Arial, Helvetica, sans-serif;
        padding: 5px 0px 5px 0px;
        font-size: 14px;
  font-weight: normal;
  /* font-style: italic; */
        text-align: center;
        color: #000000;
  text-shadow: #999 0.1em 0.1em 0.2em;
}

#bg_bot {

  /* old browsers: */
  background-color: #5599CC;
  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(bottom left, #FFFFFF 0%, #005088 100%);
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(bottom left, #FFFFFF 0%, #005088 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(bottom left, #FFFFFF 0%, #005088 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FFFFFF), color-stop(1, #005088));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(bottom left, #FFFFFF 0%, #005088 100%);
  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to top right, #FFFFFF 0%, #005088 100%);
}
  
#main {
  width: 800px;
  margin: 0px auto;
  background:url(images/main.jpg) right top no-repeat;}

#header { 
  height: 50px;
}

#buttons{
  text-align:center;
  height: 47px;
  margin-left: 0px;
  padding: 11px 0px 0px 0px;
  float:right;
  width: 790px;
  
}

#buttons a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 100;
  display: block;
  float: left;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  padding-top: 7px;
  height: 25px;
  text-shadow: #111 0.1em 0.1em 0.2em;
}

.but0 { width: 60px;}
.but1 { width: 69px;}
.but2 { width: 60px;}
.but3 { width: 76px;}
.but4 { width: 90px;}
.but5 { width: 102px;}
.but6 { width: 110px;}
.but7 { width: 130px;}
.but8 { width: 150px;}

.but0:hover { background: url(images/but0.png);}
.but1:hover { background: url(images/but1.png);}
.but2:hover { background: url(images/but2.png);}
.but3:hover { background: url(images/but3.png);}
.but4:hover { background: url(images/but4.png);}
.but5:hover { background: url(images/but5.png);}
.but6:hover { background: url(images/but6.png);}
.but7:hover { background: url(images/but7.png);}
.but8:hover { background: url(images/but8.png);}

.shad-red {
  text-shadow: 0 0 10px #ff0000, 0 0 30px #ff0000, 0 0 60px #ff0000;
}

.shad-gray {
  text-shadow: 2px 2px 10px #000000, -2px -2px 20px #112211, 0 0 60px #110000;
}

#buttons .but_n {
}

.but_razd { height: 10px;
      width: 7px;
      float: left;}

.but_sep {
  font-size: 24px;
  color: #fff;
  float: left;
  text-shadow: #000 0.1em 0.1em 0.2em;
}


#buttons .but:hover {
  text-decoration: none;
  color: #ffffff;
  background: url(images/but_hover.png) left top no-repeat;
  }

  
.top { height:318px;
    padding: 22px 25px 0px 25px;
    background: url(images/top_bg.png) ;
    color:#ffffff;
    
  }  
  
.top_right { float: right;
      background: url(images/top_left.gif) left top no-repeat;
      width: 262px;
      height: 271px;
      padding: 10px;
    }

.img_main {
  float: left;
  padding: 0px 16px 16px 0px;
}

.topic {
  font-size: 15px;
}

.summary {
  xwidth: 760px;
  width: 86%;
  margin: 0px auto;
}

.topic h1 {
  font-family: Arial, Helvetica, sans-serif;
  padding: 15px 0px 15px 0px;
  font-size: 24px;
  text-align: center;
  text-shadow: #111 0.2em 0.2em 0.4em;
}

.spis_top { list-style: none;
      padding: 0px 0px 0px 16px;}

.spis_top li {  background: url(images/spis_top.gif) 0px 11px no-repeat;
        padding: 4px 0px 0px 23px;}
        
.spis_top a { color:#FFFFFF;
      text-decoration: none;
      font-size:14px;}  
.spis_top a:hover { text-decoration:underline;}      
            

.top_img1 { background: url(images/p1b.jpg) left top no-repeat;
    height: 310px;
    width: 466px;
    float: left;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -ms-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -o-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}

.top_img2 { background: url(images/p23.jpg) left top no-repeat;
    height: 310px;
    width: 466px;
    float: left;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -ms-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -o-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
    
.top_img3 { background: url(images/p3.jpg) left top no-repeat;
    height: 310px;
    width: 466px;
    float: left;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -ms-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -o-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
        
.top_img4 { background: url(images/p4.jpg) left top no-repeat;
    height: 310px;
    width: 466px;
    float: left;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -ms-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -o-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
        
.circl_all {
    height: 17px; 
    vertical-align:top;
    width: 75px;
    margin: auto;
    padding: 16px 0px 16px 0px;}

.circl { background: url(images/circl.png) left top no-repeat;
  height: 17px;
  width: 17px;
  margin: 0px 7px 0px 0px;
  text-align: center;
  float:right; }
.circl:hover {
  background:url(images/circl_hover.png) left top no-repeat; }
  

#content{
  background: url(images/content.gif) left repeat-y;
  padding: 0px 0px 0px 0px;
}
.content_razd{
  background: url(images/content_razd.gif) 832px repeat-y;
  padding: 0px 0px 0px 0px;
  clear:both;
}


.all_box { background: url(images/all_box.gif) center top no-repeat;
      padding: 15px 0px 0px 0px;}

.razd_col {
  background:url(images/razd_col.gif) 25px 5px no-repeat;
  height: 35px;
  float:left;
  width: 19px;}
 
.box1 {
  float: left;
  width: 760px;
  padding: 0px 10px;
}

.box1 hr {
  height: 2px;
  margin: 12px 0px 12px 12px;
  box-shadow: #777 0.1em 0.1em 0.2em;
  color: #fff;
  background-color: #fff;
}

.box1 h2 {
  text-shadow: #ccc 0.1em 0.1em 0.2em;
  text-align: center;
}

.box1 ul li {
  margin: 12px 12px 12px 12px;
}

.box1 ul li a {
  line-height: 30px;
  text-decoration: none;
}

.box2 {
  float: left;
  width: 380px;
  padding: 0px 10px;
}

.box2 hr {
  height: 2px;
  margin: 12px 0px 12px 12px;
  box-shadow: #777 0.1em 0.1em 0.2em;
  color: #fff;
  background-color: #fff;
}

.box2 h2 {
  text-shadow: #ccc 0.1em 0.1em 0.2em;
  text-align: center;
}

.box2 ul li {
  margin: 12px 12px 12px 12px;
}

.box2 ul li a {
  line-height: 30px;
  text-decoration: none;
}

.box3 {
  float: left;
  width: 261px;
  padding: 0px 0px;}
  
.box3_l {float: left;
  text-align: left;
  width: 57px;
  padding: 0px 0px 0px 0px;}
  
.box3_r {float: left;
  width: 200px;
  padding: 0px 0px 0px 0px;}  
 
.box4 {
  float: left;
  width: 180px;
  padding: 0px 5px 0px 5px;}

.box4_img {
  float: left;
  width: 57px;
  padding: 0px 0px 0px 0px;
  margin: 0px 12px 12px 0px;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -ms-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -o-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}

.ul-mem {
  list-style-image: url('images/icon_member2.png')
}

.ul-cal {
  list-style-image: url('images/icon_calendar2.gif')
}

.ul-mup {
  list-style-image: url('images/icon_meetup2.png')
}

.row_ind {}

a:hover {
  color: #666666;
  text-decoration: underline;}

#left{
  width: 251px;
  float: left;
  margin-left: 16px;
  padding: 0px 0px 0px 0px;
}

.img_l {  float:left;
    margin: 5px 20px 0px 0px;
}

.img_r {  float: right;
    margin: 0px 0px 0px 15px;
}

H1{
  font-family: Arial, Helvetica, sans-serif;
  font-size:24px;
  font-weight: 100;
  color: #ffffff;
  text-align: left;
  padding: 0px 0px 0px 0px;
}

#content .top .scrollable .items .item .top_right H1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 100;
  color: #ffffff;
  line-height: 20px;
  text-align: left;
  padding-bottom: 10px;
}

H2{
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight: 100;
  color: #000000;
  text-align: left;
  padding: 0px 0px 0px 0px;
}

.read{
  display:block;
  float: right;
  width: 67px;
  text-align: center;
  padding: 1px 0px 1px 0px;
  height: 22px;
  text-decoration: none;
  color: #ffffff;
  font-size:11px;
  font-weight: 100;
  background: url(images/read.png) left top no-repeat;
}

.read:hover {
  text-decoration: none;
  color: #55ffff;
}

.line { background: url(images/line.gif) repeat-x;
    height: 2px;}

.text { padding: 0px 16px 0px 16px;}


#right{
  float: right;
  width: 507px;
  margin-right: 14px;
}
  
.b_col1 {
  width: 136px;
  float: left;
  margin-left: 0px;
}
.b_col2 {
  width: 213px;
  float: left;
  margin-left: 24px;
}

.b_col3 {
  width: 230px;
  float: left;
  margin-left: 8px;
  text-align: left;
}

.b_col4 {
  width: 158px;
  float: left;
  margin-left: 30px;
  text-align: left;
}

.lh { line-height: 25px;}

.spis {
  list-style:none;
  padding: 0px 0px 0px 5px;}

.spis li {
  padding: 5px 0px 0px 16px;
  background: url(images/spis.gif) 0px 12px no-repeat;
  }
.spis a:hover {
  text-decoration:underline;
  }
  
.spis a {
  color:#000000;
  text-decoration:none;}
  
.fu_i {
  padding: 0px 14px 0px 0px;
  vertical-align: middle ;
}

.spisb2 {
  list-style:none;
  padding: 0px 0px 0px 0px;}

.spisb2 li {
  padding: 10px 0px 0px 0px;
  background: none;
  }
  
.spisb2 li a {
  color:#000000;
  text-decoration: none;
  padding-top: 2px;
  font-weight:100;
  
}
.spisb2 li a:hover {
  text-decoration: underline;
}

#footer{
  height: 54px;
  font-size: 11px;
  color: #000000;
  text-align: center;
  padding: 15px 0px 0px 0px;
  background: url(images/footer.jpg) 0px 15px no-repeat;
  font-weight: 100;
}

#footer a{
  color: #000000;
  font-size: 11px;
  text-decoration: none;
  font-weight: 100;
}

#footer a:hover{
  color: #000000;
  font-size: 11px;
  text-decoration: underline;
  font-weight: 100;
}



/* calendar */  


#calendar {
  margin: 0px 0px 0px 0px;
  color:#000000;
  font-size:10px;
  line-height: 15px;
}

#calendar a {
  color:#000000;
}

#calendar table {
  width: 100%;
  text-align: center;
}

#calendar thead {

}

#calendar td {
  height: 15px;
}

#calendar #prev{
  text-align: left;
}
#calendar #prev a{
  color:#000000;
}

#calendar #next {
  text-align: right;
}
#calendar #next a{
  color:#000000;
}

#calendar tfoot a {
  text-decoration: none;
  font-weight: bold;
}

#calendar #now {
  background: #529EBB;
  border: 1px solid #3C4F77;
  font-weight: bold;
  color: #ffffff
}  


/*
scroll styles here
*/

.item { width: 760px; height: 315px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 760px; height: 315px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px; margin:5px 0; padding-left: 320px; padding-top: 14px} 
.navi a { width: 16px; cursor:pointer; height: 16px; float:left; margin:0 0 0 3px; background:url(images/circl.png) no-repeat scroll right top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(images/circl_hover.png) no-repeat scroll right top}

.header1
{
width: 760px; height: 315px;

}

.header2
{
width: 760px; height: 315px;
}

.header3
{
width: 760px; height: 315px;
}


/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}