/* This Style sheet was made by aran @ studio7designs.com  if you have any questions please email me or visit http://www.studio7designs.com */

body {border:0;margin:0;padding:0;background:transparent;} 

a:active,
a:visited,
a:link                { color: #5B8FBE; text-decoration: none; }
a:hover               { color: #999999; text-decoration: none; }
a:focus               { outline: none;}
p {
   /*margin-: 10px;
   margin-bottom: 10px;
   /*text-indent: 20px;*/
} 

.clock {
    position: absolute;
    float: left;
    left: 50%;
    margin-left: 300px;
    margin-top: 3px;
    z-index: 1;
}

body
{
   font-family: Arial, Verdana, "Bitstream Vera Sans", sans-serif;
   color: #000000;
   background-color: #ffffff;
   margin-top: 0px;
   font-size: 14px;
   background-image: url('/images/body_bg.jpg');
}

.box {
   position: relative;
   width: 1024px;
   left: 50%;
   margin-left: -512px;
   background-color: #ffffff;
   /*border: 1px solid #C0C0C0;*/
}

.on-page {
  color: #5B8FBE; 
  margin-bottom: 5px;
}

.on-page-date {
   position: relative;
   float: right;
   width: 165px;
   border-left: 1px solid #D0D0D0;
   border-bottom: 1px solid #D0D0D0;
   padding: 0px 5px 1px 5px;
   color: #5B8FBE;
}


.header {
   position: relative;
   width: 1024px;
   height: 152px;
   text-align: center;
   background: url('/images/nvo2.gif') repeat-x bottom; 
}

.header span.l-text {
    float: left;
    position: relative;
    width: 500px;
    font-size: 24px;
    margin-top: 10px;
    color: silver;
}

.header img.logo {
    position: relative;
    float: left;
    margin-top: 45px;
    margin-left: 50px;
}

.header div.logo1 {
    height: 150px;
    position: relative;
    float: left;
    width: 200px;
    background-image: url('/images/nvo.gif');
}

.header div.logo2 {
    height: 62px;
    position: relative;
    float: left;
    width: 244px;
    background-image: url('/images/nvo.gif');
}


#navi {
   position: relative;
   width: 200px;
}

#navi a:link, #navi a, #navi a:visited {
   display: block;
   padding: 2px 0px 2px 0px;
   font-size: 14px;
   color: #232091;
   text-decoration: none;
}

#navi .sel {
   display: block;
   padding: 2px 0px 2px 0px;
   font-size: 14px;
   color: #9f4b29;
   text-decoration: none;
}

#navi a:hover {
   color: #9f4b29;
}

.middle {
   position: relative;
   float: left;
   width: 1024px;
   border: 0px solid blue;
}

#m-right {
   position: relative;
   float: left;
   width: 180px;
   border-right: 0px solid #C0C0C0;
   padding: 5px;
   margin-right: 5px;
}

#m-left {
   position: relative;
   float: left;
   width: 198px;
   border-right: 0px solid #C0C0C0;
   padding: 5px 0px 5px 5px;
   border-left: 1px solid #232091;
   
}

.body{
   position: relative;
   float: left;
   width: 615px;
   padding-left: 5px; 
   padding-right: 5px;
   text-align: justify;
   /*background-image: url('/images/b-bg.jpg') ;
   background-repeat: repeat-y;*/
}

.related-title {
   margin-top: 10px;
   clear: both;
   padding: 5px;
   background-color: #FFFFC0;   
}


/* ~~~~~~~~~ footer ~~~~~~~~~ */
.footer
{
   clear: both;
   text-align: center;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #232091;
   width: 1024px;    
   color: #ffffff;
}

.footer a {
    color: #ffffff;
}

/* ----- start page -----*/
.s-box-title{
    clear: left;
    color: #fe6601;
    font-size: 40px;
    border-bottom: 5px solid #3bb003;
}

.top-box {
    float: left;
    position: relative;
    width: 360px;
}

.top-box-t {
   color: #181695; 
   font-size: 16px;
   font-weight: bold;
   padding-top: 5px;
   padding-bottom: 5px;
}

.top-box-cl {
    float: left;
    position: relative;
    width: 38px;
}

.top-box-h-cl {
    clear: left;
    height: 20px;
    position: relative;
}

.top-box-o-t {
    color: #181695; 
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid silver;
    margin-top: 10px;
}

.top-box-b {

}

/* ----- kaste h1 ---*/

.text-c {
   clear: left;
   float: left;
   width: 600px;
   margin: 0;
   /*border: 1px solid #E0E0E0;*/
   margin-bottom: 20px;
   padding: 0px;
   
}

.text-c-top {
   float: left;
}

.text-c-title {
   font-size: 16px;   
   border-bottom: 1px solid #232091;
   padding: 5px;
   background-color: #ffffff;
}               

.text-c-title h2 {
   padding: 0px;
   margin: 0px;      
   color: #232091;
}

.text-c-body {
   padding: 5px; 
   /*background-color: #f3f7e9;  */
}

.text-c-body-o {
   padding: 5px; 
   /*background-color: #f3f7e9;  */
}

.text-c-body-o p{
    margin: 0;
    padding: 0;
}

.text-c-body-m {
    
}

.text-c-body-p {
   padding: 5px;
   /*background-color: #f3f7e9; */
}

.text-c-body-p p, .text-c-body-p ul {
   padding: 0px;
   margin: 0px;
}

.text-c-body-p li {
   margin-left: 30px;
}


.text-c-body li {
   margin-left: 30px;
}

.text-c-title a:link, .text-c-title a:visited, .text-c-title a {
   text-decoration: none;
   color: #232091;
}

.text-c-title a:hover {
   text-decoration: underline;
}

.text-c-t, .text-c-t a {
   font-weight: bold;
   text-decoration: none;
}    
 
.text-c-t h2 {
   padding-top: 0px;
   margin-top: 0px;
   font-size: 18px;
} 

.pub-img {
   float: left;
   width: 160px;
   margin-right: 10px;
}

.nav-info-liste {
    display: block;
    float: left;
    clear: left;
    width: 100%;
    border-bottom: 1px solid silver;
}

.nav-info-liste a:link, .nav-info-liste a, .nav-info-liste a:visited {
   display: block;
   float: left;
   font-size: 15px;
   width: 100px;
   padding: 2px 0px 2px 0px;
   font-size: 11px;
   color: #656565;
   margin-right: 5px;
   text-decoration: none;
   border: 1px solid silver;
   text-align: center;
   border-bottom: 0px; 
}

.nav-info-liste a:hover {
   color: white;
   background-color: #232091;
}


/* ---- Other thinks ---*/
.info-liste {
   clear: left;
   margin-top: 20px;
    padding: 5px;
    color: black; 
    font-weight: bold; 
    font-size: 20px;
    border-bottom: 1px dotted silver;
}

.comment {
   clear:left;
   margin-top: 20px;
   padding: 0px;
   color: black; 
   border-top: 1px dotted silver;
}   
    
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    


/*------------------*/
#ss-form {
    margin: 0px;
    padding: 0px;
}

.f-line {
   display: block;
   padding: 0px;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

.f-lab {
   float: left;
    position: relative;
   display: block;
   width: 150px;
   font-size: 12px;
   padding: 3px 3px 5px 3px;
}

.f-in {
   float: left;
   display: block;
   font-size: 12px;
   margin: 0px 0px 0px 0px;
   padding: 0px;

}

.f-cl {
    clear: left;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    font-size: 12px; 
}

/*-----messages----*/
#msg-error {
   background: #FAD2D2;
   border: 2px solid #F06C6C;
   color: #EC4E4E;
   font-weight: bold;
    padding-left: 20px;
}

#msg-ok {
   background: #E2F3D9;
   border: 2px solid #9DD880;
   color: #1F7F00;
   font-weight: bold;
    padding-left: 20px;
}

#msg-warn {
   background: #FFEED7;
   border: 2px solid #FFC87A;
   color: #EF7700;
   font-weight: bold;
}

/* ----- Gallery and resource --*/

.g-f {
   float: left;
   position: relative;
   display: block;
   width: 90px;
   font-size: 13px;
   text-align: center;
   margin-left: 30px;
   border: 0px solid red;
}

.g-t {
   float: left;
   clear: left;
   width: 90px;
   font-size: 13px;
   height: 100px;
   text-align: center;
   margin-right: 0px;
   border: 0px solid red;
}

.g-i-text {
   float: left;
   width: 600px;
}

.g-t-n {
   display: inline-block;     
   margin-left: 30px;
   width: 90px;
   font-size: 15px;
   height: 90px;
   text-align: center;
   border: 0px solid red;
}

.g-f-i {
   width: 90px;
   height: 90px;
   text-align: center;
   border: 0px solid red;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-color: #ffffff;
}

.g-f-i-i {
   width: 90px;
   height: 90px;
   text-align: center;
   border: 0px solid red;
   background-color: #f3f7e9;
   background-repeat: no-repeat;
   background-position: 50% 50%;
}

.g-f img, .g-t img{
   border: 0px;   
}


.g-f-f a {
   float: left;
   color: #000080;
   padding: 0px;
   margin: 0px;
} 
.g-f-f {
   width: 90px;
   /*height: 40px;
   overflow: hidden;*/
   border: 0px solid red;
   text-align: left;
   border: 0px solid red;
   font-size: 13px;
}

.g-b-box {
  width: 100%;
}

.g-b-b-i {
  text-align: center;
  vertical-align: middle;
}

.g-b-thum {
   position: relative;
   float: left;
   width: 550px;
   height: 171px;
   overflow-x: scroll; 
   white-space: nowrap;
   margin-bottom: 20px;
   border-left: 0px solid #adc77e; 
}

.g-b-com {
   padding-right: 5px;
}

#g-b-image {
clear: left; 
border: 0px solid red;
}

#g-b-image-p {
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

/*------------- member gallery ------------------*/
.m-gal-t {
   border: 1px solid silver;
}

.m-gal-t td {
   padding: 0px 2px 0px 2px;
}

.m-gal-t-head {
   background-color: silver;
}

.m-gal-t-r-1 {
   background-color: #F0F0F0;
}

.m-gal-t-r-2 {
   background-color: #E0E0E0;
}


/* -------- div buttons -----*/
.act-liste {
   float: left;
   width: 100%;
}

.div-add-btn {
   float:left;
   margin-left: 20px;
   background-image: url('/images/add.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 3px;
}

.div-back-btn {
   float:left;
   margin-left: 20px;
   background-image: url('/images/back.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 3px;
}

.div-more-btn {
   float:right;
   margin-left: 20px;
   background-image: url('/images/more.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 3px;
}

.div-list-btn {
   float:left;
   margin-left: 20px;
   background-image: url('/images/list.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 3px;
}

.div-f-view-btn {
   float:left;
   margin-left: 20px;
   background-image: url('/images/f-view-ico.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 3px;
}
/* ------------------- blog style -----------------*/
.b-t{
   border: 1px solid silver;
   width: 100%;
   margin-bottom: 20px;
}

.b-t-c {
   padding-top: 2px;
   padding-bottom : 2px;
}

/* --------------- mailbox -----------------------*/
#mail-fold {
   border-bottom: 1px solid silver; 
   float: left; 
   width: 100%; 
   margin-bottom: 20px;
}

#mail-fold a:link, #mail-fold a, #mail-fold a:visited {
   float: left;
   padding: 5px;
   font-size: 13px;
   margin-left: 5px;
   /*font-weight: bold;*/
   text-decoration: none;
   border-top: 1px solid silver;
   border-right: 1px solid silver;
   border-left: 1px solid silver;
}

#mail-fold .sel {
   float: left;
   padding: 5px;
   font-size: 13px;
   margin-left: 5px;
   color: #999999;
   /*font-weight: bold;*/
   text-decoration: none;
   border-top: 1px solid silver;
   border-right: 1px solid silver;
   border-left: 1px solid silver;
}

#mail-fold a:hover {
   color: #999999;
   /*text-decoration: underline;*/
}

.mail-old-msg {
   Border: 1px solid #ff9900;
}

/* ------------------ last 10 comments --------------*/
.last-10 {
  float: left;
  position: relative;
}

.last-10-t {
    color: #9e482d;
    font-size: 23px;
}


/*------------ New messages ---------------*/
.new-msg {
   display: none;
   border: 2px solid red;
}


/*------------------Calendar ------------------*/
/* calendar */
#calendar {
   float: left;
   margin: 0px;
   padding-left: 0px !important;
   text-align: center;
   border: 0px solid red;
   background-color: #ffffff;
}

#calendar .c-cl {
   clear: left;
   height: 2px;
   overflow: hidden;
}

.c-title, .c-title a{
    padding-top: 5px; 
    padding-bottom: 5px; 
    margin-bottom: 10px;
    text-align: center;
    background-color: #232091;
    color: #ffffff;
}

#calendar span {
    float: left; 
    width: 20px; 
    padding: 0; 
    margin: 3px;
    text-align: center; 
    border: 1px solid silver;
}

#calendar a, #calendar a:link, #calendar a:visited, #calendar a:hover {
   color: #000000;
   text-decoration: none;
}

#calendar, .sun {
    clear: left; 
}

#calendar .today {
    float: left; 
    width: 20px; 
    padding: 0; 
    margin: 3px;
    text-align: center; 
    border: 1px solid black;
}

#calendar .sel-date {
    float: left; 
    width: 20px; 
    padding: 0; 
    margin: 3px;
    text-align: center; 
    background: #232091;
    border: 1px solid black;       
}

#calendar .sel-date a {
    color: #ffffff; 
}

#calendar .cl {
   clear: both;
}

#big-cal {
   border: 0px solid red;
   margin: 0px;
   padding: 0px;

   width: 100%;
}

#big-cal .tr-h {
   background: #ffffff;
   color: #232091;

}

.tr-h-info {           
}

.cal-time {
   background: #9e482d;
   padding: 2px;
   color: #ffffff;
}

#big-cal .cal-text {
   /*width:94%;*/
   border-bottom: 1px solid #000000;
   border-right: 1px solid black;
   vertical-align: top;
   background-color: #f8feed;
}

#big-cal .c-cell {
   /*width:94%;*/
   vertical-align: top;
   border-right: 1px solid #C0C0C0;
   border-top: 1px solid #C0C0C0;
   background-color: #f8feed;
}

#big-cal .cal-text-half {
   /*width:94%;*/
   border-bottom: 1px solid #C0C0C0;
   border-right: 1px solid black;
}

.cal-event {
   border: 0px solid silver;
   margin-top: 10px;
   
}

.cal-event-title {
   border-bottom: 1px solid #232091;
}

.cal-event-body {
   clear: left;   
   padding-top: 10px;
}


.cal-event-title a, .cal-event-title a:link, .cal-event-title a:visited{
   font-weight: bold;
   text-decoration: none;
   color: #232091;
}

.cal-event-title a:hover {
   text-decoration: none;
}

/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.style4 {
    color:#000000;
    font-family:geneva,arial,sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    word-spacing:4px;
    letter-spacing:3px;
    font-size:1.2em;

    padding:0 2px;
    margin:0;
}
.style5 {
    font-size: 12px;
    color: #ffffff;
}

.i_text10 {
   width: 20px;
   padding: 0px;
   border: 1px solid silver;
}

.i_text400 {
   width: 400px;
   padding: 2px;
   border: 1px solid silver;
}

.i_text200 {
   width: 200px;
   padding: 2px;
   border: 1px solid silver;
}

.i_text300 {
   width: 300px;
   padding: 2px;
   border: 1px solid silver;
}

.i_text500 {
   width: 500px;
   padding: 2px;
   border: 1px solid silver;
}

.btn {
   border: 1px solid silver;
}

.ins-advance {
  width: 635px;
  height: 350px;
  padding: 2px;
  border: 1px solid silver;
}

.ins-advance-coment {
  width: 635px;
  height: 150px;
  padding: 2px;
  border: 1px solid silver;
}

.ins-msg {
  width: 635px;
  height: 150px;
  padding: 2px;
  border: 1px solid silver;
}   
   
.o-sel {
   border: 1px solid silver;
}   

#o-filedset {
    background: #D0D0D0;
}

#o-filedset legend {
    font-weight: bold;
}