/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
*                                       { margin: 0; padding: 0; }
 a, a img                                { border: 0; text-decoration: none; outline: 0; }

#page-wrap                              { width: 560px; padding: 15px; background: white; margin: 0 auto 50px; position: relative; }
#content #col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#content #col2                                   { width: 49%; float: right; }


#art-co ul                                      { margin: 0 0 ; }


#art-co #dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#art-co #dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
#art-co .image                                  { position: relative; margin-bottom: 20px; width: 100%; }
#art-co .image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
 #art-co.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
#art-co .image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#as-intro                             	{ background-image: url(../images/intro.jpg); background-repeat:no-repeat; width: 580px; height: 317px;}
#as-intro p                             { width: 490px; padding: 25px 40px 40px 40px; font-size:11px; line-height:normal}

#as-news                             	{ background-image: url(../images/bg.jpg); background-repeat:no-repeat; width: 580px; height: 317px;}
#as-news p                              { padding:40px; text-align:left; color:#0d2637; text-indent:0; font-size:11px;}

#as-advert                             	{ background-image: url(../images/bg.jpg); background-repeat:no-repeat; width: 580px; height: 317px; padding:17px; color: #0d2637}
#as-advert p                            { color:#0d2637;}
#as-advert .in {width: 549px; height:270px; overflow-y:scroll; overflow: auto;  padding-top: 10px;  color: #000000;}

#as-vacancy                             { background-image: url(../images/bg.jpg); background-repeat:no-repeat; width: 580px; height: 317px;}
#as-vacancy p                            { padding-top:30px; padding-left:40px; padding-right:40px; text-align:left; color:#0d2637;}

#tooltip {
  position: absolute;
  z-index: 3000;
  width:250px;
  border: 1px solid #269;
  background-color: #48b;
  padding: 0;
  opacity: 0.85;
  color:#fff;
}
#tooltip h3 {
  background-color: #269;
  padding-left:5px;
  font-weight:bold;
  font-size:1.4em;
}
#tooltip div {
  padding-left:5px;
  padding-right:5px;
}