/* CSS Document */

body { background-color:#000000; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
.fs18{ font-size:18px; color:#569EFF;}
a:link, a:visited, a:hover{ text-decoration:none; color:#FFFFFF;}

#wrap{
margin:0 auto;
padding:0;
width:980px;
}
#header{
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
height:155px;
}
#nav{
background-image:url(../images/navL.jpg);
background-repeat:no-repeat; 
background-position:right; 
text-align:left;
height:30px;
}

#banner{
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
height:228px;
}
#about-ban{
background-image:url(../images/banner-about.jpg);
background-repeat:no-repeat;
height:228px;
}
#services-ban{
background-image:url(../images/banner-services.jpg);
background-repeat:no-repeat;
height:228px;}

#events-ban{
background-image:url(../images/banner-events.jpg);
background-repeat:no-repeat;
height:228px;}

#contact-ban{
background-image:url(../images/banner-contact.jpg);
background-repeat:no-repeat;
height:228px;}

#content{
padding:25px 15px;
}
#content a:link,#content a:hover{ text-decoration:underline; color:#046BF7;}

#footer{
clear:both;
background-image:url(../images/footer_bg.jpg);
background-repeat:no-repeat;
padding:17px 12px;
color:#FFFFFF;
}
#footer .fl a:link,#footer .fl a:visted,#footer .fl a:hover{
 color:#FFFFFF;
 text-decoration:none;
 }

.title{
margin-bottom:10px;
}

.index{ 
background-image:url(../images/index-rep.jpg);
background-repeat:repeat-y;
width:234px;
}

.index li{
font-weight:bold;
list-style-type:none;
line-height:25px;
}

.box {
margin-left:150px;}
.box ul{
padding:0px;
margin:0px;
border:0px;
float:left;
padding:20px;
border:0px solid #FFF;
}

.events{
text-align:center;
height:200px;
}
.events li{
float:left;
list-style-type:none;
padding-right:20px;
}
.events-title{
clear:both;
width:200px;
text-align:center;
}
/*
label{ float:left; padding-right:20px;}
input [type="text"]{ float:right;}
*/
/*TEST*/
.form p{
width: 350px;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
}

.form label{
font-weight: bold;
float: left;
margin-left: -150px; /*width of left column*/
width:200px;
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.form textarea{
width: 250px;
height: 150px;
}
.form  input[type="submit"]{margin-left:50px;}