/* Cambridge Play Therapy CSS Styles */

/* LAYOUT STYLES */
body                { margin:0px; text-align:center; background-color: #fff; background: url(../images/bg_head.gif) #fff repeat-x; }
.image              { border:solid 1px #333; }
blockquote          { margin-top:3px; margin-bottom:3px; }

/* HEADER */
#header             { width:760px; height:130px; margin:0px auto 0px auto; text-align:left;}

/* TOP AREA */
#logo a             { background: url("../images/cambridge_play_therapy_logo.gif") left top; float:left; width:504px; height:94px; margin-right:0px; margin-top:18px; }
#logo h1		  { display:none; }

/* NAVIGATION */
#navcontainer       { margin:0px auto 0px auto; width:760px; height:30px; background: url(../images/bg_nav.gif) repeat-x;}
#navigation         { width:760px; height:30px; margin:0px auto 0px auto; text-align:left; }
#navigation ul      { list-style-type:none; margin:0px; padding:0px;overflow: hidden; }
#navigation ul li   { display:inline; padding:0px; }
#navigation ul li a { display:block; float:left; line-height:28px; height:30px; color:#FFF; padding-right: 12px; padding-left: 12px; padding-bottom: 0em; padding-top:0em; text-align:center; font-weight:normal; text-decoration:none; font-size:100% }
#navigation ul li a:hover { color:#fff; background:url("../images/bg_nav2.gif") repeat-x; }
#navigation ul li a.selected { color:#fff; background:url("../images/bg_nav3.gif") repeat-x; }

/* CONTENT AREA */
#container          { margin:0px auto 0px auto; text-align:left; width:760px; overflow:auto; }
#contentarea        { width:530px; float:left; text-align:center; }
#subnavigation      { width:208px; float:left; text-align:center; }
#subbody            { margin:30px auto 5px auto; text-align:left; width:168px; }
#body               { margin:10px auto 25px auto; text-align:left; width:512px; padding-bottom:2px; }


/* FOOTER */
#footercontainer    { margin:0px auto 0px auto; width:100%; height:100px; background:url("../images/bg_footer.gif") repeat-x; clear:both; }
#footer             { width:760px; line-height:1.4em; height:30px; padding-top:20px; padding-right:0px; margin:0px auto 0px auto; text-align:left; }

/* FONT STYLES */
body                { font-family: Arial, Tahoma, Geneva, Helvetica, sans-serif; font-size:85%; line-height:160%; color:#000; text-align:justify; }
input, textarea, select { font-family:Arial, Tahoma, Geneva, Helvetica, sans-serif; font-size:80%; }
h1                  { color:#af6b88; font-size:170%; font-weight:normal; line-height:100%; padding-top:18px; }
h2                  { color:#808fb3; display:inline; font-size:130%; font-weight:normal; line-height:150%; }
h3                  { font-size:100%; }
#footer             { color:#999999; font-size:85%; line-height:160%; }
#footer a           { color:#999999; text-decoration:none; }
#footer a:hover     { color:#a66d85; }
#body a             { color:#677699; text-decoration:none; border-bottom:solid 1px #CCC; }
#body a:hover       { color:#a66d85; text-decoration:none; border-bottom:solid 1px #CCC; }
#body a.img         { text-decoration:none; }
#body p             { text-align:justify; }
.nodisplay          { display:none; }
li			  { padding-bottom:10px; text-align:justify; }
.imgright		  { float:right; margin:0 0 10px 15px;}
.imgleft	  	  { float:left; margin:0 15px 10px 0px;}