/* Site Container */
body {margin:0; padding:0; min-width:700px; font:75% Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.3em; background:url(../images/bg-repeat.gif) repeat-x #ccc; }
div#container {position:relative; width:700px; margin:0 auto; padding:0; background:#fff; border:1px solid #ccc; border-top:0px;}

div#page{ text-align:left; width:660px; padding:20px 20px 0 20px; margin:0;}

/* Header */
div#page div#header { width:660px; margin:0 0 0 0; padding:0; height:80px;}
div#page div#header h1 {float:left; margin:0; padding:0; text-indent:-9999px; height:60px; width:150px; background:url(../images/cc-logo.gif) no-repeat; line-height:26px;}
div#page div#header h1 {width:417px;}
div#page div#header span {float:left; display:block; margin:0 0 0 0px; padding:0; text-indent:-9999px; height:42px; width:243px; background:url(../images/strapline.gif) no-repeat; line-height:42px;}

/* Menu */
div#page div#menu { margin:0; padding:0; width:100%;}
div#page div#menu ul {float:left; margin:0 0 3px 0; padding:0px; list-style:none; background-color:#cc0000; width:660px;}
div#page div#menu ul li { float:left; margin:0; padding:5px 10px 5px 8px; font-weight:bold; }
div#page div#menu ul li a:link {color: #fff; text-decoration: none; }     
div#page div#menu ul li a:visited {color: #fff; text-decoration: none;}  
div#page div#menu ul li a:hover {color: #fff; text-decoration: underline;}   
div#page div#menu ul li a:active {color: #fff; text-decoration: underline;} 

/* Content */
div#page div#content {float:left; width:446px; margin:0 30px 20px 0; padding:0; }
div#page div#content p {margin-top:0;}
div#page div#content ul.nobullet {margin:0; padding:0; list-style:none;}

div#page div#content h2 { margin:20px 0; padding:0; text-indent:-9999px; height:26px; background-repeat:no-repeat; line-height:26px; width:300px;}
body#about div#page div#content h2 { background: url(../images/ttl-about-cc.gif) no-repeat; }
body#ethics div#page div#content h2 { background: url(../images/ttl-code-of-ethics.gif) no-repeat; }
body#contact div#page div#content h2 { background: url(../images/ttl-contact-cc.gif) no-repeat; }
body#info div#page div#content h2 { background: url(../images/ttl-counselling-info.gif) no-repeat; }
body#services div#page div#content h2 { background: url(../images/ttl-our-services.gif) no-repeat; }
body#resources div#page div#content h2 { background: url(../images/ttl-resources.gif) no-repeat; }
body#accessibility div#page div#content h2 { background: url(../images/ttl-accessibility.gif) no-repeat; }
body#sitemap div#page div#content h2 { background: url(../images/ttl-site-map.gif) no-repeat; }

div#page div#content h3 { margin:0; font-size:110%; }
body#services div#page div#content h3 { border-top:1px solid #ccc; margin-top:20px; padding-top:10px; clear:right; }
body#services div#page div#content img {float:right; margin:0 0 10px 10px;}
body#services div#page div#content p { width:330px; }
body#resources div#page div#content h3 { border-top:1px solid #ccc; margin-top:20px; padding-top:10px; clear:right; }
body#resources div#page div#content img {float:right; margin:0 0 10px 10px;}
body#resources div#page div#content p { width:330px; }

body#accessibility div#page div#content ul {margin:0; padding:0; list-style:none;}
body#accessibility div#page div#content ul li {float:left; margin-right:10px; }
body#accessibility div#page div#content ul li img {border:0;}

div#page div#contact {float:left; width:184px; text-align:right;}
div#page div#contact img {margin-bottom:20px;}
div#page div#contact p {margin-top:0;}

div#page div#footer {clear:left; width:100%; margin:0; padding-bottom:10px; }
html>body div#page div#footer {padding-bottom:0;}
div#page div#footer img {float:left; padding-right:8px;}
div#page div#footer p {padding:0.5em 0 0 0; }

/* Sitewide */
a:link {color: #cc0000; text-decoration: underline; }     
a:visited {color: #cc0000; text-decoration: underline;}  
a:hover {color: #cc0000; text-decoration: none;}   
a:active {color: #cc0000; text-decoration: none;} 

img.homefeature { clear:left; margin-bottom:20px;}
.hidden { position:absolute; left:0px; top:-500px;	width:1px; 	height:1px;	overflow:hidden; }

/* Site Footer */
div#footnote {position:relative; width:700px; margin:0 auto; padding:5px 0 20px 0; text-align:left; color: #666;}
div#footnote a:link {color: #666; text-decoration: none; }     
div#footnote a:visited {color: #666; text-decoration: none;}  
div#footnote a:hover {color: #666; text-decoration: underline;}   
div#footnote a:active {color: #666; text-decoration: underline;}