/* Clifton Children's Centre website CSS file. Built by Definition Web Design
http://www.definitiondesign.co.uk 2007 */

/* @group Reset */

/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */

body {
	font: 13px Verdana,Arial,Helvetica,clean,sans-serif;
	*font-size: small;
	*font: x-small;
	color: #444;
}

table {
	font-size: inherit;
	font: 100%;
}

/**
 * 99% for safari; 100% is too large
 */

select, input, textarea {
	font: 99% verdana,arial,helvetica,clean,sans-serif;
}

/**
 * Bump up !IE to get to 13px equivalent
 */

pre, code {
	font: 115% monospace;
	*font-size: 100%;
}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */

body * {
	line-height: 1.22em;
}

p, li, dd {
	line-height: 1.5em;
}

/* @end */

/* @group siFR */

/*---- sIFR ---*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* @end */

/* @group Layout */

div#container {
	width: 940px;
	margin: 0;
}

div#wrapper {
	float: left;
	width: 100%
}

div#content {
	float: right;
	margin: 0;
	width: 470px;
	position: relative;
}
#gallery div#content, #contact div#content {
	float: right;
	margin: 0;
	width: 710px;
	position: relative;
}

div#extra {
	float: left;
	width: 450px;
	display: inline;
}

div#site-info {
	clear: both;
	width: 100%;
}

/* @end */

/* @group HTML elements */

body {
	background: url(/images/flowy-bg-fish.jpg) 0 0 repeat-x;
}

p, ul {
	margin: 1em 0 1.5em;
}

label {
	font-weight: bold;
	display: block;
	margin-bottom: .5em;
}

p.note {
	font-size: 90%;
	font-style: italic;
	line-height: 1.2em;
}

input.text {
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	padding: 2px;
}

input#submit {
	padding: 2px;
	font-size: 110%;
}

q {
	font-weight: bold;
}

cite {
	font-style: italic;
}

p.back {
	margin: 0;
	font-size: 110%;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
}

/* @end */

/* @group Links */

a:link {
	color: #337DAE;
}

a:visited {
	color: #337DAE;
}

a:hover {
	color: #337DAE;
}

a:active {
	color: #337DAE;
}

p.back a:link, p.back a:visited, p.back a:hover,
p.back a:active,
#news-side ul a:link, #news-side ul a:visited, #news-side ul a:hover,
#news-side ul a:active,
p#seeall a:link, p#seeall a:visited, p#seeall a:hover,
p#seeall a:active {
	color: #FF5034;
}

#news-side ul a {
	font-weight: bold;
	font-size: 110%;
}

h2 a:link, h2 a:visited, h2 a:hover,
h2 a:active {
	color: #444;
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Lists */

#side-contact ul, #side-pdf ul {
	background: url(/images/line-sml.gif) bottom right no-repeat;
	padding-bottom: 30px;
	font-size: 120%;
}
#side-pdf ul {
	padding-bottom: 20px;
}
#side-contact ul li {
	padding-left: 30px;
	padding-bottom: .6em;
}
#side-pdf ul li {
	background: url(../images/pdf.gif) 0 0 no-repeat;
	font-size: 92%;
	padding-left: 45px;
	padding-bottom: 1.5em;
}
#side-pdf ul li a:hover {
	background-color: #337DAE;
	color: #fff;
	text-decoration: none;
}
#side-pdf ul li h3 {
	text-transform: uppercase;
	margin-bottom: .3em;
	font-size: 90%;
	font-weight: bold;
}
ul#services-list li h2 {
	cursor: pointer;
	min-height: 19px;
}
#services #content ul li {
	background: url(/images/bullet.gif) 0 0 no-repeat;
	padding-left: 25px;
}
#services #content ul li h2 {
	font-size: 110%;
	margin-bottom: 0;
}
li.tel {
	font-weight: bold;
	background: url(/images/tel.gif) 0 0 no-repeat;
}

li.email {
	background: url(/images/email.gif) 0 0 no-repeat;
}

ul#news-list {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

ul#news-list a {
	font-weight: bold;
}

#news-side ul {
	margin-top: 1.5em;
}

#news-side ul li {
	list-style: square;
	margin-left: 1em;
}

/* @end */

/* @group Images */

img#header {
	position: relative;
	left: 37px;
	top: 20px;
	padding: 4px;
	border: 1px solid #C9E1EA;
	background: #fff;
}

img#logo {
	position: relative;
	left: 130px;
	top: 22px;
	margin-right: 100px;
}

div#rainbow {
	position: absolute;
	left: 890px;
	top: 180px;
	z-index: 100;
}

#home #content img {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
	border: none;
}
#content img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #555;
	padding: 3px;
}

#content p.nofloat img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #555;
}

#content ul#news-list img {
	float: left;
	margin: 0 10px 5px 0;
	border: 1px solid #555;
}
#content img#page-image {
	float: right;
	margin: 15px 0 0 20px;
	padding: 3px;
	border: 1px solid #555;
}
#extra img {
	float: left;
	margin: 0 10px 10px 0;
}

ul#thumbs {
	float: left;
	width: 470px;
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
}

ul#thumbs li {
	margin: 0 8px 0 0;
	padding: 0;
	line-height: 1;
	list-style: none;
	float: left;
	width: 109px;
}

#content ul#thumbs img {
	float: none;
	margin: 0;
	padding: 1px;
	border: 1px solid #777;
}

p#view {
	margin: 0 0 5px;
	font-size: 85%;
	color: #777;
	font-style: italic;
}

p.all {
	clear: both;
	font-weight: bold;
	margin-top: 2em;
}
p#seeall {
	font-weight: bold;
	font-size: 130%;
	float: left;
	margin-top: 1.5em;
}
/* @end */

/* @group Headings */

h1, h2, h3, h4 {
	font-family: verdana, sans-serif;
	margin-bottom: -.5em;
	color: #104E89;
}

h2 {
	font-size: 145%;
}

#content h2 {
	margin: 1.5em 0 .5em;
	font-weight: bold;
	font-size: 130%;
	color: #104E89;
}
body#home #content h2 {
	font-size: 150%;
	padding-top: 2em;
	background: url(../images/line-long.gif) 50% 0 no-repeat;
	margin-top: 1em;
}
#newslist h2 {
	margin: 0 0 .5em;
}
#content #info h2 {
	font-size: 145%;
	margin-top: 0;
}

h1 {
	font-size: 165%;
	clear: left;
}
#content h3 {
	font-size: 110%;
	font-weight: bold;
}
/* @end */

/* @group Layout */

#container {
	font-size: 95%;
}

#wrapper {
	margin: 20px 0 20px;
}

#side-contact, #pop, #news-side, #side-pdf {
	padding: 0 15px 0 220px;
	background: url(/images/arrown.gif) 60px 10px no-repeat;
}

#news-side {
	background: url(/images/line-sml.gif) no-repeat scroll 90% 0;
	padding-top: 40px;
	margin-top: 20px;
}

#extra {
	border-right: 2px dashed #ddd;
	font-size: 95%;
}

#info {
	background: url(/images/line-long.gif) 50% 0 no-repeat;
	padding-top: 35px;
	clear: left;
}

#provide, #cost {
	font-size: 95%;
	width: 220px;
}

#provide {
	float: left;
}

#cost {
	float: right;
}

#site-info {
	text-align: right;
	font-size: 85%;
	background: url(/images/footer.gif) 100% 0 no-repeat;
	padding-top: 10px;
}

/* @end */

/* @group Table */

table {
	width: 100%;
}

th {
	font-weight: bold;
	color: #777;
	font-size: 110%;
}

th, td {
	padding: 3px 2px;
	margin: 0 2px;
}

tr td {
	background-color: #f3f3f3;
}

tr.odd td {
	background-color: #fff;
}

/* @end */

/* @group Misc */

.hide {
	position: absolute;
	left: -5000px;
}

hr {
	display: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* mac hide \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide */

p.hide a {
	text-decoration: none;
}

.note {
	font-size: 85%;
}

.extra-note {
	font-size: 80%;
}

span.required {
	font-weight: bold;
	color: red;
}

.highlight {
	background: #FEF49C;
}

/* @end */

/* @group Nav */
div#nav-holder {
	margin: 45px -7px 1.5em 0;
	width: 710px;
	width: 930px;
	float: right;
	padding: 3px 6px 0;
	border-bottom: 1px solid #D2DDE9;
	background: url(../images/nav.jpg) 0 100% repeat-x;
}
ul#nav {
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	text-align: right;
	float: right;
}

ul#nav li {
	float: left;
	background: url(../images/dot.gif) 100% 50% no-repeat;
	padding-right: 4px;
}
ul#nav li.last {
	border-right: none;
	background-image: none;
}
ul#nav li a {
	color: #777;
	color: #4071A1;
	text-decoration: none;
	display: block;
	padding: 6px 7px;
	margin: 0 4px;
	float: left;
}
ul#nav li.last a {
	margin-right: 0; padding-right: 0;
}
ul#nav li a:hover {
	color: #FF6843;
}
ul#nav li#current a {
	color: #4071A1;
	border-bottom: 5px solid #FF6843;
}
ul#nav li#current {
	background-position: 100% 44%;
}

/* @end */

/* @group Homepage */

ul#newslist {
	float: left;
	margin-bottom: 0;
}
body#home ul#newslist {
	margin-top: 0;
}
ul#newslist li {
	width: 220px;
}
body#events ul#newslist li {
	margin-top: 1em;
}
ul#newslist li p {
	margin-bottom: 0;
}
ul#newslist li.left {
	float: left;
	clear: left;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #ccc;
}
ul#newslist li.right {
	margin-right: 0;
	border-right: none;
	padding-right: 0;
	float: right;
	clear: right;
}
ul#newslist li span {
	display: block;
}
#content ul#newslist li img {
	margin: 0 0 10px 0;
	padding: 3px;
	border: 1px solid #ccc;
	float: none;
	background: #fff;
}
ul#newslist h3 a, ul#newslist h2 a {
	text-decoration: none;
	color: #444;
}
p#findus {
	font-size: 130%;
	font-weight: bold;
}


/* @end */

/* @group News page */
p.pagination {
	padding: 3px;
	background: #f3f3f3;
	border: 1px solid #ccc;
	clear: both;
}
body#events ul#newslist li {
	width: 452px;
	margin-bottom: 15px;
	float: left;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
}
body#events ul#newslist li img {
	float: left;
	margin: 0 15px 0 0;
}
body#events ul#newslist li#topstory {
	background: #EAF9FF;
	border: 2px solid #ABE7FF;
	padding: 10px;
}
/* @end */

/* @group Contact page */
div#mapstraction {
	width: 707px;
	height: 400px;
	border: 1px solid #ccc;
	padding: 3px;
}

form#directions {
	margin: 1.5em 0 1em 0;
	background-color: #FEF8BE;
	padding: 5px 10px;
	width: 694px;
	border: 1px solid #EEE7A2;
}
form#directions label {
	color: #444;
	font-size: 90%;
	font-weight: normal;
	display: inline;
}
form#directions input.text {
	border-color:#7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
	border-style:solid;
	border-width:1px;
	padding:2px;
	width: 7em;
}

/* @end */

/* @group Gallery page */
ul.gallery-list {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: left;
}

#content ul.gallery-list li img {
	border: 1px solid #444;
	padding: 3px;
	float: none;
	margin: 0;
}

#content ul.gallery-list li a {
	text-decoration: none;
}

#content ul.gallery-list li a:hover img {
	border: 1px solid #812D2F;
}

ul.gallery-list li {
	margin-right: 8px;
	float: left;
	padding: 0;
	margin-bottom: 8px;
}
p#backlink {
	clear: both;
}
div.category {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

h2.cat-head2 a, h2.cat-head2 a:visited {
	text-decoration: none;
	color: #2E2E2E;
}
#content h2.cat-head2 {
	margin-bottom: .2em;	
}
p.cat-descrip {
	color: #818181;
	margin: 0 0 .2em 0;
}



/* @end */