@import url("form.css");
body {
margin: 0;
padding: 0;
font: 62.5%/1.6em "Lucida Grande", arial, sans-serif;
color: #2D2D2D;
text-align: center;
background: #FBFBFB url("img/bkg.jpg") repeat-x ;
}
* {margin:0; padding:0;}
a{text-decoration: none;}
a:link {color: #00a5c9}
a:visited{color: #00a5c9}
a:hover{ color: black;}
ul{list-style: none;}
 /* ---- LAYOUT POSITION ---- */
  #logo{
   background: #fff url("img/bcis-logo.jpg") no-repeat ;
   height: 78px;
  width: 762px;
  margin: 24px 0 12px 0;
  text-indent: -4500px;
  }
  #nav{
  height: 3.6em;
  width: 762px;
  background: #ECECEC url("img/nav-bkg.jpg") no-repeat ; 
  margin: 0 auto;
  position: relative; 
  }
  h2#banner{
  position: relative; 
  height: 186px;
  background: #B8DC28 url("img/banner.jpg") no-repeat center top;
   text-indent: -4500px;
  }
 #topwrap, #wrap{
	text-align: left; 
	margin: 0 auto; 
	position: relative; 
	width: 762px; 
 }
 #main{
 width: 364px;
 float: right;
 }
 #greenbox, #greybox, #foot{
 width: 380px;
 float: left;
 }
 #foot, #greybox {
 clear: left;
 }
  /* ---- END LAYOUT POSITION ---- */
  
  /* ---- FONT STYLING ---- */
   
#main p {
font-size: 1.1em;
padding-bottom: .8em
}
#main p.note {
font: 1.8em/.9em arial;
color: #00a5c9; 
 }
#main h1 { 
font: 3.6em/.9em arial;
color: #00a5c9; 
margin: .3em 0; 
}
#main h2 { 
color: #b8dc28; 
font: 1.8em Arial;
}
#main h3 { 
color: #000; 
font-size: 1.2em
 }
 #main h1, #main h2, #main h3{
 font-weight: bold
 }
  #greenbox h2{
  color: white;
  font-size: 2em;
line-height: 1em;
  font-weight: normal;
  padding: .6em 18px .3em 18px;
  background: url(img/greenboxtop.gif) no-repeat top left;
  }
  #greenbox ul{
  list-style: square inside;
  padding: 0 18px 10px 18px;
  }
  #greybox h3{
  background: url(img/greytop.gif) no-repeat top left;
  padding: .4em 18px .1em 18px;
  font-size: 1.2em
  }
 #greybox p{
  padding: 0 18px;
 }
#greybox address.pad{
 padding-bottom: 10px;
 }
 #greybox address{
 font-style: normal;
 padding-left: 18px
 }
  #foot p{
  padding: .4em 18px 0 18px;
  color: #bdbdbd;
  font-size: .9em;
 }
 #main h3.pad{
 padding-bottom: 5px;
 margin-bottom: 5px;
 border-bottom: dashed 1px #afafaf;
 }
  /* ---- END FONT STYLING ---- */
  
  /* ---- NAV STYLING ---- */
 
  #nav ul li { 
  line-height: 3.6em; 
   display: inline; 
   float: left }
  #nav ul{padding-left: 18px;}
  #nav ul li a {
 padding: 0 10px;
 background: url(img/divide.gif) repeat-y;
 color: #00a5c9;
 font-size: 1.2em;
 font-weight: bold;
  }
  #nav a:hover{color: black;}
  #nav ul li a.stop  {
  background: none;
  padding-left: 0
  }
    #foot ul li { 
   display: inline; 
   float: left }
  #foot ul{
  padding: .6em 0 0 18px;
  }
  #foot ul li a {
 color: #afafaf;
 font-size: inherit;
 padding-right: 4px;
  }
  #foot a:visited {color: #afafaf}
  #foot a:hover{ color: black;}
  /* ---- END NAV STYLING ---- */
  
  /* ---- GENERAL STYLING ---- */
  #greenbox{
    border-top: 2px solid #FBFBFB;
    background: #b8dc28 url(img/greenboxbot.gif) no-repeat bottom left;
  }
   #greybox{
    border-top: 2px solid #FBFBFB;
    background: #ECECEC url(img/greybot.gif) no-repeat bottom left;}
  
  /* ---- END GENERAL STYLING ---- */