/* 
-------------------------------------------------------------------
Glasgow Child Protection Committee stylesheet: global styles
-------------------------------------------------------------------
*/

/* Body and general formatting
--------------------------------------------------------------------------
*/

body {margin: 0; padding: 0 0 20px 0; background: #83bad1; color: #333; text-align: center; }

img, embed { border: 0; vertical-align: bottom; }

form, fieldset, legend { margin: 0; padding: 0; border: 0; display: inline; }
input, button, select, textarea { font: 1em "Arial", sans-serif; }

.hide { position: absolute; top: 0; left: -9999px; }
.invisible { visibility: hidden; }

.imgLeft { margin: 1em 1em 1em 0 !important; padding: 0 !important; font-size: 1em !important; float: left !important; }
.imgRight { margin: 1em 0 1em 1em !important; padding: 0 !important; font-size: 1em !important; float: right !important; }

.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }

.col2 { width: 50%; float: left; }
.col3 { width: 33.3%; float: left; }
.col4 { width: 25%; float: left; }
.col5 { width: 20%; float: left; }

a { color: #ff5b00; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
a:active, a:focus { color: #999; }

/* Main content wrapper and overall header
--------------------------------------------------------------------------
*/

#wrapper { width: 772px; margin: 0 auto; text-align: left; }

#header { width: 772px; }
#header #logo { width: 125px; float: left; }

#header #sitetools { width: 628px; background: #2292b8 url(../images/sitetools-bg1.gif) repeat-y; float: right; /*fixes for opera:*/ margin-left: 10px; }
#header #sitetools .bg2 { background: url(../images/sitetools-bg2.gif) repeat-x bottom left; }
#header #sitetools .bg3 { background: url(../images/sitetools-bg3.gif) no-repeat bottom left; }
#header #sitetools .bg4 { background: url(../images/sitetools-bg4.gif) no-repeat bottom right; min-height: 52px; /*fixes for opera:*/ width: 628px; }
#header #sitetools ul.textsize { margin: 1.7em 0 0 1em; padding: 0; list-style: none; font-size: 1.2em; float: left; }
#header #sitetools ul.textsize li.textsize { position: absolute; top: 0; left: -9999px; }
#header #sitetools ul.textsize li { margin: 0; padding: .3em .3em 0 0; font-weight: bold; float: left; vertical-align: bottom; }
#header #sitetools ul.textsize li.l { padding: .2em .3em 0 0; font-size: 1.2em; }
#header #sitetools ul.textsize li.xl { padding: 0; font-size: 1.4em; }
#header #sitetools ul.textsize li a { color: #fff; text-transform: uppercase; }
#header #sitetools ul.textsize li a span { position: absolute; top: 0; left: -9999px; }
#header #sitetools ul.sitelinks { margin: 2em .5em 0 0; padding: 0; font-size: 1.2em; float: right; list-style: none; color: #fff; text-transform: lowercase; }
#header #sitetools ul.sitelinks li { padding: 0 .4em 0 0; float: left; }
#header #sitetools ul.sitelinks li a { color: #fff; }
#header #sitetools ul.sitelinks li fieldset legend { display: none; }
#header #sitetools ul.sitelinks li fieldset label { margin: 0 .3em 0 0; float: left; }
#header #sitetools ul.sitelinks li fieldset input { margin: -.1em .3em 0 0; padding: .1em .3em; font-size: .9em; color: #333; border: 1px solid #83bad1; float: left; }
#header #sitetools ul.sitelinks li fieldset button { margin: -.1em 0 0 0; padding: 0; font-size: .9em; font-weight: bold; background: #fff; color: #ff5b00; border: 1px solid #83bad1; float: left; }

#header #mainmenu { width: 628px; margin: 9px 0 0 0; background: #ff5b00 url(../images/mainmenu-bg1.gif) no-repeat center left; float: right; }
#header #mainmenu .bg2 { background: url(../images/mainmenu-bg2.gif) repeat-x; }
#header #mainmenu .bg3 { background: url(../images/mainmenu-bg2.gif) repeat-x bottom; }
#header #mainmenu .bg4 { background: url(../images/mainmenu-bg4.gif) repeat-y; }
#header #mainmenu .bg5 { background: url(../images/mainmenu-bg5.gif) no-repeat; }
#header #mainmenu .bg6 { background: url(../images/mainmenu-bg6.gif) no-repeat bottom left; }
#header #mainmenu .bg7 { background: url(../images/mainmenu-bg7.gif) no-repeat top right; }
#header #mainmenu .bg8 { min-height: 68px; background: url(../images/mainmenu-bg8.gif) no-repeat bottom right; /*fixes for opera:*/ width: 628px; }
#header #mainmenu ul { margin: 0; padding: 0; list-style: none; }
#header #mainmenu ul li { margin: 0; padding: 11px 0; float: left; text-align: center; }
#header #mainmenu ul li.iam { width: 70px; margin: 0; padding: 22px 0 0 10px; font-size: 1.6em; font-weight: bold; color: #fff; float: left; text-align: left; }
#header #mainmenu ul li a { font-size: 1.4em; font-weight: bold; color: #fff; display: block; }
#header #mainmenu ul li.one { width: 88px; }
#header #mainmenu ul li.one a { height: 33px; padding: 13px 0 0 0; }
#header #mainmenu ul li.two { width: 85px; }
#header #mainmenu ul li.two a { height: 40px; padding: 6px 0 0 0; }
#header #mainmenu ul li.three { width: 100px; }
#header #mainmenu ul li.three a { height: 40px; padding: 6px 0 0 0; }
#header #mainmenu ul li.four { width: 135px; }
#header #mainmenu ul li.four a { height: 40px; padding: 6px 0 0 0; }
#header #mainmenu ul li.five { width: 129px; }
#header #mainmenu ul li.five a { height: 33px; padding: 13px 0 0 0; }
#header #mainmenu ul li.one a, #header #mainmenu ul li.two a, #header #mainmenu ul li.three a, #header #mainmenu ul li.four a { border-right: 1px solid #ffa573; }
#header #mainmenu ul li a.on { color: #ff5b00; background: #fff; }

#breadcrumb { padding: 8px 12px; font-size: 1.2em; color: #fff;}
#breadcrumb a { color: #fff; }
#breadcrumb p { position: absolute; top: 0; left: -9999px; }
#breadcrumb ul { margin: 0; padding: 0; list-style: none; font-size: 1.2em; color: #fff; }
#breadcrumb ul li { display: inline; }
#breadcrumb ul li a { color: #fff; }

/* Left column - main content
--------------------------------------------------------------------------
*/

#leftcol { width: 580px; float: left; background: #fff url(../images/leftcol-bg1.gif) no-repeat; }



#leftcol .bg2 { width: 570px; background: url(../images/leftcol-bg2.gif) no-repeat bottom; padding: 5px; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
*html #leftcol .bg2 { width: 580px; background: url(../images/leftcol-bg2.gif) no-repeat bottom; padding: 5px; }
/* End hide from IE5/mac */

/*
#leftcol h1 { margin: 0; color: #2292b8; border-bottom: 1px solid #2292b8; font-size: 1.8em; }
#leftcol h1.a, #leftcol h1.b, #leftcol h1.c { padding: 96px 0 0 0; }
#leftcol h1.a { background: url(../images/h1-a.jpg) no-repeat bottom right; }
#leftcol h1.b { background: url(../images/h1-b.jpg) no-repeat bottom right; }
#leftcol h1.c { background: url(../images/h1-c.jpg) no-repeat bottom right; }

#leftcol #header { background: url(../images/h1bg.gif) repeat-y top right; border-bottom: 1px solid #2292b8; }
#leftcol #header h1 { margin: 0; padding: 95px 0 0 0; float: left; font-size: 1.8em; color: #2292b8; display: inline; }
#leftcol #header p { margin: 0; padding: 0; }
#leftcol #header img { float: right; }
*/

#leftcol h1 { margin: 0; padding: 0; color: #2292b8; border-bottom: 1px solid #2292b8; font-size: 1.8em; }
#leftcol #pagetitle { width: 405px; height: 118px; position: relative; border-bottom: 1px solid #2292b8; }
#leftcol #pagetitle p { margin: 0; padding: 0; }
/*#leftcol #pagetitle img { position: absolute; bottom: 0; right: 0; z-index: 1; }*/
#leftcol #pagetitle h1 { position: absolute; bottom: 0; left: 0; border-bottom: 0; z-index: 2; }
#leftcol #pagetitle #CPHeadingImage{ position: absolute; bottom: 0; right: 0; z-index: 1; }
#leftcol h2 { margin: .6em 0 0 0; color: #2292b8; font-size: 1.4em; }
#leftcol h2.bdrtop { padding: .6em 0 0 0; border-top: 1px solid #ccc; }
#leftcol p { margin: .8em 0 0 0; font-size: 1.2em; }
#leftcol ul { margin: .8em 0 0 0; padding: 0; font-size: 1.2em; list-style: none; }
#leftcol ul li { background: url(../images/ul-bg.gif) no-repeat 2px .4em; padding: 0 0 .6em 12px; }
#leftcol .introimg { margin: 0 0 1em 0; }

#leftcol ul.listing { margin: 0; font-size: 1.2em; }
#leftcol ul.listing li.date { width: 23%; margin: 0; padding: .8em 0; float: left; border-top: 1px solid #ccc; font-weight: bold; }
#leftcol ul.listing li { width: 77%; margin: 0; padding: .8em 0; float: left; border-top: 1px solid #ccc; background: none; }
#leftcol ul.listing li.first { border-top: 0; }

#leftcol dl.contacts { margin: .8em 0 0 0; font-size: 1.2em; }
#leftcol dl.contacts dt { margin: 0; padding: 0 .3em .4em 0; float: left; font-weight: bold; }
#leftcol dl.contacts dd { margin: 0; padding: 0 0 .4em 0; font-weight: bold; color: #2292b8; clear: right; }

#leftcol ul.prevnext { margin: .8em 0 0 0; padding: 0; font-size: 1.2em; list-style: none; }
#leftcol ul.prevnext li { background: none; padding: 0; }
#leftcol ul.prevnext li.prev { float: left; }
#leftcol ul.prevnext li.next { float: right; }

#internalnav { width: 152px; background: url(../images/internalnav-bg1.gif) no-repeat bottom; float: left; }
#internalnav ul { margin: 0; padding: 0; background: url(../images/internalnav-bg2.gif) no-repeat; font-size: 1.2em; }
#internalnav ul li { margin: 0; padding: 0; background: none; }
#internalnav ul li.section a { border-bottom: 2px solid #ff5b00; display: block; padding: .4em .7em; font-weight: bold; }
#internalnav ul li a { border-top: 1px solid #ccc; display: block; padding: .4em .7em; }
#internalnav ul li a.on { border: 1px solid #ccc; border-width: 1px 1px 0 1px; color: #fff; background: #ff5b00; }
#internalnav ul li.section a { border-top: 0; border-bottom: 2px solid #ff5b00; padding: .4em .7em; }

#internal { width: 405px; float: right; /*fixes for opera:*/ margin-left: 10px; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
*html #internal { width: 405px; float: right;}
/* End hide from IE5/mac */

/*#internal p {font-size: 1.2em;}*/
#internal ul { margin: .8em 0 0 0; padding: 0; font-size: 1.2em; list-style: none; }
#internal ul li { padding: 0 0 .6em 12px; }
#internal ul li li { padding: 0 0 .6em 12px; font-size: 0.9em; list-style: none; }
#internal h5 {color:Grey; font-weight:normal; margin: 0px 2px 0px 0px; }
#internal h5 a {color: #ff5b00; margin:0px;  }
#internal td a {color:#ff5b00; }


#internalemail { width: 500px; float: right; /*fixes for opera:*/ margin-left: 10px; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
*html #internalemail { width: 500px; float: right;}
/* End hide from IE5/mac */

/* Right column
--------------------------------------------------------------------------
*/

#rightcol { width: 182px; float: right; background: #fff url(../images/rightcol-bg1.gif) no-repeat; /*fixes for opera:*/ margin-left: 10px; }
#rightcol .bg2 { background: url(../images/rightcol-bg2.gif) no-repeat bottom; padding: 5px; }
#rightcol .feature { margin: .2em 0 1.8em 0; padding: 0 5px 6px 5px; background: url(../images/rightcol-featurebg.gif) no-repeat bottom; border-top: 1px solid #ccc; }

#rightcol h2 { margin: 0; padding: .3em .5em; font-size: 1.2em; background: #2292b8 url(../images/rightcol-h2bg.gif) no-repeat; color: #fff; }
#rightcol ul.speakto { margin: .4em 0 0 0; padding: 0; list-style: none; font-size: 1.2em; }
#rightcol ul.speakto li { margin: 0; padding: 0; font-weight: bold; }
#rightcol ul.speakto li strong { margin: 0; padding: .1em 0 .3em 0; font-weight: bold; font-size: 1.2em; color: #2292b8; display: block; }
#rightcol p { margin: .4em 0 0 0; font-size: 1.2em; }

/* Footer
--------------------------------------------------------------------------
*/

#footer { margin: .9em 0 0 0; background: #2292b8 url(../images/footer-bg1.gif) repeat-y; text-align: center; }
#footer .bg1 { background: url(../images/footer-bg2.gif) no-repeat; }
#footer .bg2 { background: url(../images/footer-bg3.gif) no-repeat bottom; padding: .6em 0; }
#footer ul { margin: .4em 0; padding: 0; }
#footer ul li { font-size: 1.2em; color: #fff; display: inline; }
#footer ul li a { color: #fff; }

/* IE Mac fixes
--------------------------------------------------------------------------
*/

/*\*//*/
/**/

/* Clear fixes
--------------------------------------------------------------------------
*/

.clearfix:after, #header:after, #header #sitetools .bg4:after, #content:after, #leftcol .bg2:after, #leftcol ul.listing:after, #leftcol ul.prevnext:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, #header, #header #sitetools .bg4, #content, #leftcol .bg2, #leftcol ul.listing, #leftcol ul.prevnext { display: inline-block; }

/* Hides from IE-mac \*/
.clearfix, #header, #header #sitetools .bg4, #content, #leftcol .bg2, #leftcol ul.listing, #leftcol ul.prevnext { zoom: 1; }
/* End hide from IE-mac */

/*this will make the default console white and */
#dconsole { background-color:White }

/*div for News and Event Page to align the dates and text boxes*/
#NewsDate1 { width: 100px; margin: 0; padding: 0 0 3px 0; float: left; }
#NewsText1 { margin: .4em 0; width: 250px;  margin: 0; padding: .8em 0; float: left; border-top: 1px solid #ccc; background: none; }
#NewsDate2 { width: 100px; margin: 0; padding: 0 0 3px 0; float: left; }
#NewsText2 { margin: .4em 0; width: 250px;  margin: 0; padding: .8em 0; float: left; border-top: 1px solid #ccc; background: none; }
#EventsDate1 { width: 100px; margin: 0; padding: 0 0 3px 0; float: left; }
#EventsText1 { margin: .4em 0; width: 250px;  margin: 0; padding: .8em 0; float: left; border-top: 1px solid #ccc; background: none; }

/*sytle for email this page form*/
	.gccstdText{color:#000000;text-decoration:none;font-family: Verdana, Helvetica, Arial,sans-serif;font-size:75%;margin:0px 0px 0px 0px;}
	.gccstdTitle{color: #004A63;text-decoration:none;font-family: Verdana, Helvetica, Arial,sans-serif;margin:0px 0px 0px 0px;font-size: small;font-weight : bold;}
	/*lowercase version of the obove style needed for the whats on blue box*/
	.gccstdtitle{color: #004A63;text-decoration:none;font-family: Verdana, Helvetica, Arial,sans-serif;margin:0px 0px 0px 0px;font-size: 80%;font-weight : bold;}