/* CSS Document */
@import url('wscraft_default.css');

/* Main Tags  **********************************************************/
Body{
margin: 0 auto;
margin-top:0px;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
padding:0px 0 0 0;
text-align:center;
background: #E5E5E5 url(../images/bg.gif);
}

BR.clearMe{
clear:both
}


Select, Input, Textarea{
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size:11px;
text-decoration:none;
text-align: left;
direction: ltr
}

A{
font-size:11px;
color:#000000;
text-decoration:none
}

A:HOVER {
text-decoration: underline;
}


/* Main Body  **********************************************************/
#global{
position: relative;
margin: 0 auto;
width: 788px;
height: auto;
padding:0;
text-align: center;
background:  url(../images/shade.gif)  repeat-y;
}


#container{
position: relative;
margin: 0 auto;
width: 780px;
height: auto;
padding:0;
text-align: center;
background-color:#FFFFFF
}

#header{
position: relative;
margin: 0 auto;
width: 740px;
height: auto;
margin-top:10px;
}

#middle{
position: relative;
margin: 0 auto;
width: 780px;
height:220px;
padding:0;
background: url(../images/global_bg.gif) right no-repeat;
}

#main_content{
position: relative;
margin: 0 auto;
width: 740px;
height: auto;
padding:0;
margin-bottom:10px;
}


#footer{
position: relative;
margin: 0 auto;
width: 780px;
height: 30px;
padding:0;
background:#E1E1E1
}

#footer_shade{
position: relative;
margin: 0 auto;
width: 788px;
height: 4px;
padding:0;
background:  url(../images/bottom_shade.gif) no-repeat;
}



/* header  **********************************************************/
#logo{
position:relative;
margin:0 auto;
float:left;
width: 162px;
height:65px;
}

#logo IMG{
border:0;
}


#top{
position:relative;
margin:0 auto;
top:15px;
}

#icon_links{
position:relative;
margin:0 auto;
float:right;
}

#icon_links IMG{
border:0;
vertical-align:bottom
}

#icon_links a{
padding-left:5px;

}

#icon_links a:hover{
text-decoration:none;
}

#search{
position:relative;
margin:0 auto;
float:right;
}

.search_box{
border:1px solid  #999999;
}

.search_button{
text-align:center;
margin-right:5px;
}

#menu{
position:relative;
margin:0 auto;
width:558px;
height:28px;
}

.menu{
position:relative;
margin:0 auto;
width:578px;
}



/* middle  **********************************************************/
#left_links{
position: relative;
margin:0 auto;
float:left;
width:204px;
height: 220px;
min-height:220px;
background:url(../images/green_bg.gif)  no-repeat right top;
}



#links{
position:relative;
margin:0 auto;
margin-top:5px;
width:164px;
height:auto;
color:#FFFFFF;
text-align: left;
}




#links #block{
position:relative;
margin:0 auto;
width:164px;
height:auto;
padding-top:2px;
padding-bottom:2px;
background:url(../images/border_link.gif) no-repeat bottom left  transparent;
}


#links #block a{
color:#FFFFFF;
font-weight:bold;
display:block;
font-size:12px;
text-transform: uppercase;
padding-left:20px;
line-height:21px;
background:url(../images/arrow2.gif) no-repeat left transparent;
}




#links #block a:hover, #links #block a:active, #links #block a:focus{
text-decoration:none;
color:#DAEFAD;
margin-left:5px;

}

#right_flash{
position: relative;
margin:0 auto;
float:right;
width:550px;
height:auto;
}


#bg_bottom{
position: relative;
margin:0 auto;
width:780px;
height:7px;
background:url(../images/bg_middle.gif) repeat-x;
}

/* main_content **********************************************************/
#left_part{
position:relative;
margin:0 auto;
float:left;
width:164px;
height:auto;
padding-right:22px;
}

#left_part #globus{
position:relative;
margin:0 auto;
margin-top:35px;
margin-left:1px;
width:162px;
height:163px;
background:url(../images/globus.gif) no-repeat
}

#left_part #slogen{
position:relative;
margin:0 auto;
width:162px;
height:55px;
margin-top:15px;
margin-left:1px;
background:url(../images/slogen.gif) no-repeat
}


#middle_part{
position:relative;
margin:0 auto;
float:left;
width:300px;
height:auto;
}


#right_part{
position:relative;
margin:0 auto;
float: right;
width:220px;
height:auto;
}




/* middle_part **********************************************************/
#middle_part #title_GR{
position:relative;
margin:0 auto;
width:300px;
height:18px;
background:url(../images/green_tbg.gif) repeat-x;
}

#middle_part #title{
position:relative;
margin:0 auto;
margin-top:10px;
width:300px;
height:15px;
background:url(../images/home_title.gif) no-repeat left;
}


#middle_part #content{
position:relative;
margin:0 auto;
margin-top:10px;
width:300px;
height: auto;
font-size:11px;
color: #00426F;
line-height:18px;
text-align:justify;
}

#middle_part #content p{
position:relative;
margin:0 auto;
}





/* right_part **********************************************************/
#right_part #title_BL{
position:relative;
margin:0 auto;
width:220px;
height:18px;
background:url(../images/blue_tbg.gif) repeat-x;
}


#right_part #title_GR{
position:relative;
margin:0 auto;
width:220px;
height:18px;
background:url(../images/green_tbg.gif) repeat-x;
}


#right_part #titleNews{
position:relative;
margin:0 auto;
margin-top:10px;
width:220px;
height:15px;
background:url(../images/news_title.gif) no-repeat left;
}


#right_part #titleEvents{
position:relative;
margin:0 auto;
margin-top:10px;
width:220px;
height:15px;
background:url(../images/events_title.gif) no-repeat left;
}

#right_part #content{
position:relative;
margin:0 auto;
margin-top:10px;
width:220px;
height: auto;
font-size:11px;
color: #00426F;
line-height:18px;
text-align:justify
}
/* FOOTER **********************************************************/
#footer #creared{
position:relative;
margin:0 auto;
text-align:left;
left:20px;
color:#004068;
padding-top:5px;
float: left
}

#footer #creared a{
color: #000000;
}

#footer #creared a:hover{
text-decoration:none
}

#footer #creared a IMG{
position:relative;
border:0;
width:50px;
height:15px;
top:4px;
}

#footer #footer_menu{
 position:relative;
 padding-top:5px;
margin:0 auto;
float: left;
margin-left:90px;
}



#footer #footer_menu a{
color:#002F53;
font-size:11px;
padding-left:5px;
padding-right:5px;
font-weight:bold;
border-right:solid 1px #002F53
}


/* news articles**********************************************************/

#short{
position:relative;
width:220px;
margin:0 auto;
margin-top:7px;
margin-bottom:10px;
}


#articles{
color: #333333;
font-size:11px;
}


#articles #title3{
color: #666666;
font-size:11px;
width:220px;
}


#articles #title3 a{
color:#002F53;
font-size:11px;
font-weight: bold;
}

#articles #title3 a:hover{
color: #999999;
text-decoration: none
}


#articles #read a{
color:#6AA61C;
font-size:10px;
font-weight: bold;
}

#articles #read a:hover{
color:#6AA61C;
text-decoration: none;

}


#articles #content{
color: #666666;
font-size:11px;
text-align:justify;
color:#333333
}

#articles #image IMG{
border:#999999 1px solid;
margin:2px;
width:50px;
}
