/*
    screen.css
    07/04/2010
    Oasis College
    v1.0
*/

@import url("baseline.css") screen;

/***
    Generic
***/
body{
  background:   #fff;
  color:    #043882;
  font-size:    14px;
  line-height:  20px;
  padding: 12px 0;
  text-align:   left;
  font-family:  Arial, Helvetica, sans-serif;
}

a{
  color:    #009ee0;
  text-decoration:  none;
}

p{
  margin:   6px 0;
}


/***
    Dividers
***/
#page-outer{
  width:    950px;
  margin:   0 auto;
}

#content{
  margin:   0 72px;
}

#intro{
  width:    100%;
  float:    left;
}

#intro-text{
  width:    545px;
  float:    left;
}

.contact-information{
  width:    350px;
  float:    left;
}


#contact-form{
  width:    245px;
  float:    right;
}

#listing{
  width:    100%;
  float:    left;
  border-top:   3px solid #45a12a;
  padding-top:  12px;
  margin-top:  12px;
}

#column-one, #column-two{
  width:    325px;
  float:    left;
}

#header{
  width:    950px;
  height:   155px;
  background:   transparent url(../images/wcfm-header.gif) no-repeat 0 0;
  overflow: hidden;
}




#footer{
  width:    950px;
  height:   107px;
  float:    left;
  background:   transparent url(../images/wcfm-footer.gif) no-repeat 0 0;
  margin-top:   20px;
}
/***

    Menus and navigation

***/



/***
    Headings, titles
***/
#header h1, #header p{
  margin-left:  -9999px;
}

#listing h2{
  color:    #043882;
  text-transform: uppercase;
  font-size:    18px;
}


/***
    Search and forms
***/

#contact-form form{
  width:    245px;
  overflow: hidden;
  background:   transparent url(../images/form-bg.gif) no-repeat bottom left;
}

#contact-form form h2{
    color:  #fff;
    font-size:  14px;
    background:   transparent url(../images/form-bg.gif) no-repeat top left;
    padding-top:    8px;
}

#contact-form form h2 span{
  padding:  0 16px;
}

#contact-form form li{
  list-style:   none;
  margin:   0 16px;
}


#contact-form form label{
  color:    #fff;
  font-weight: normal;
  width:    100%;
  float:    left;
  padding:  8px 0 4px 0;
}

#contact-form form input.text{
  width:    200px;
  float:    left;
  border:   none;
}

#contact-form form input.submit{
  width:    100px;
  float:    left;
  border:   none;
  margin:   8px 0 16px 0;
}

#contact-form form textarea{
  width:    200px;
  height:   110px;
  float:    left;
  border:   none;
}
/***
    Content text
***/
.listing li{
  list-style: none;
  margin:  0 0 24px 0;
  line-height:  24px;
}

.listing li b,.listing li strong{
  color:    #45a12a;

}

p.intro{
  border-bottom:    3px solid #45a12a;
  margin-bottom:    12px;
  padding-bottom:   12px;
}


p.thanks{
  margin:   0 16px 32px 16px;
  color:    #fff;
}

p.facebook{
  width:    130px;
  float:    right;
}


/***
    Footer text
***/
#footer-inner p{
}