/* GLOBAL STYLES *//* GLOBAL STYLES *//* GLOBAL STYLES */

*{
  margin:0;
  padding:0;
}

html{
}

body{
  font:normal normal 85% arial,sans-serif;
  color:#000;
  line-height:1.4em;
  background:#fff;
  padding:4px;
}

body.background{
  background:#C1D0CF !important;
  color:#fff !important;
  padding:54px 0 0 0 !important;
}

a img{
  border:0px;
}

p{
  margin:0 0 6px 0;
}

a,a:link,a:active,a:visited{
  color:#F3DB82;
  text-decoration:underline;
}

a:hover{
  text-decoration:none;
  color:#F3DB82;
}

a:focus{
  color:#F3DB82;
}

.clear{
  font-size:0em;
  clear:both;
}

ul{
  list-style-type:disc;
  margin:0 0 6px 14px;
  color:#F3DB82;
}


#whiteList ul{
  color:#fff !important;
  margin-left:30px !important;
}

.yellow{
  font-weight:normal;
  color:#F3DB82;
}

/* LAYOUT *//* LAYOUT *//* LAYOUT *//* LAYOUT *//* LAYOUT */

#wrapper{
  margin:0 auto 0 auto;
  width:950px;
  background:url("images/background-middle.gif") top left repeat-y #C1D0CF;
}

#backgroundTop{
  width:950px;  background-color:transparent;
  background-position:top left;
  background-repeat:no-repeat;
}

#backgroundMain{
  width:950px;
  clear:both;
  background:url("images/background-bottom.gif") bottom left no-repeat transparent;
}

/* SPECIFIC STYLES *//* SPECIFIC STYLES *//* SPECIFIC STYLES */

#header{
  height:119px;
  width:950px;
  background:url("images/york-counselling-logo.gif") top left transparent no-repeat;
}

#header p{
  color:#E8D17F;
  margin:0 0 0 105px;
  font-size:0.9em;
}

#header a:link,#header a:active,#header a:visited,#header a{
 color:#E8D17F;
 text-decoration:underline;
}

#header a:hover{
}

h1{
  font-size:1.2em;
  color:#fff;
  line-height:1.1em;
  font-weight:normal;
  width:323px;
  height:87px;
}

h1 span{
  position:absolute;
  width:323px;
  height:87px;
  background:url("images/york-counselling-logo.gif") top left #505862 no-repeat;
}


#title{
  margin:50px 0 0 207px;
  width:743px;
  float:right;
  clear:both;
}

h2{
  font-weight:bold;
  font-size:0em;
  width:720px;
  color:#505862;
  height:30px;
}

h2 span{
  background-color:transparent;
  background-position:top left;
  background-repeat:no-repeat;
  width:720px;
  height:30px;
  position:absolute;
}

/*menu*/

#menu{
  margin:20px 0 0 36px;
  font-size:1.5em;
  width:171px;
  display:inline;
  float:left;
}

#menu ul{
  list-style-type:none;
  margin:0;
}

#menu li{
  color:#F3DB82;
  margin:0 0 10px 0;
}

#menu a,#menu a:link,#menu a:visited,#menu a:active{
  color:#F3DB82;
  text-decoration:none;
}

#menu a:hover{
  color:#fff;
}

a.on,a.on:link,a.on:visited,a.on:active{
  color:#fff !important;
}

#content{
  width:743px;
  float:right;
  display:inline;
  margin-bottom:30px;
}

#fullCol{
  width:700px;
  float:right;
  display:inline;
  margin:20px 0 0 0;
  padding:0 43px 0 0;
}

#smallCol{
  width:170px;
  float:left;
  display:inline;
  margin:20px 0 0 0;
}

#largeCol{
  width:430px;
  float:right;
  display:inline;
  margin:20px 104px 0 0;
}

#largerCol{
  width:490px;
  float:right;
  display:inline;
  margin:20px 44px 0 0;
}

#largeColLeft{
  float:left;
  width:230px;
  display:inline;
}

#largeColRight{
  float:right;
  width:230px;
  display:inline;
}

#fullCol{
  margin:20px 0 0 0;
  float:right;
  display:inline;
}


/*footer*/

#footer{
  clear:both;
  padding-bottom:12px;
  display:block
}

#footer p{
  text-align:right;
  color:#505862;
  font-size:0.9em;
  margin:0 50px 0 0;
}

#footer a,#footer a:link,#footer a:visited,#footer a:active{
  color:#505862;
  text-decoration:none;
}

#footer a:hover{
  text-decoration:underline;
}


/*contact form*/

#contact{
  width:300px;
  float:right;
  margin:0 47px 30px 30px;
}
  
#contact table{
  border-collapse:collapse;
}

#contact td{
  padding:0 0 5px 0;
  width:50%;
  vertical-align:top;
}

#contact label{
  color:#FFE382;
}

#contact fieldset{
  border:0;
}

input{
  padding:1px;
  margin:0;
  width:200px;
}
 
textarea{
  padding:1px;
  width:200px;
  overflow:auto;
  height:110px;
  margin:0;
}

#submit{
  color:#222;
  font-weight:bold;
  width:42px;
  height:42px;
  background:#E6B63A;
  margin:0 0 0 97px;
  padding:0;
}

#contact .err {
  color:#8F0000;
}
#contact label.err {
  font-weight:bold;
}