/* CSS Document 

--------------------------------------------------------------------
						Matt Clayburn, CoCreate, matt@cocreatedesign.com
						for
						Community Foundation for Merseyside
						01/09/2008
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						
						
						--------------------------------------------

## Designers Notes
------------------
Colours
-------	
purple: #741684
pale purple: #DAC9E1
grey: #E9EAEB
mid purple: #C2A6CE			
--------------------------------------------------------------------
*/
*{
margin:0;
padding:0;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
html{
min-height:100%;
margin:0 0 1px 0;
}
body{
background:url(../images/gr_web_bg.gif) repeat-x;
}
img{
border:none;
}
/* --------------------
		Structure
-----------------------*/
#wrapper{
width:1024px;
margin:10px auto 0 auto;
}
#banner, #banner img, #page, #content, #centre, #footer, #accessbar, #leftCol, #rightCol, .homeDiv, .pageDiv{
float:left;
display:inline;
}
#banner{
width:1024px;
height:150px;
}
#page{
background:url(../images/bg_strip.gif) repeat-y;
width:1004px;
padding:0 0 0 22px;
}
#content{
width:735px;
padding:0 0 20px 0;
margin:0 0 0 10px;
}
#centre{
width:580px;
margin:0 10px 0 0;
}

#centre.home{
width:590px;
margin:0;
}

#pageContent{
width:578px;
float:left;
border:solid 1px #DAC9E1;
background:url(../images/bg_panel_strip.gif) bottom repeat-x;
}

#pagecolLeft, #pagecolRight{
display:inline;
}
#pagecolLeft{
width:320px;
float:left;
margin:0 0 0 10px;
}
#pagecolRight{
width:225px;
float:left;
margin:0 0 0 15px;
}
#oneCol{
margin:10px;
}
#footer{
background:url(../images/footer.gif) no-repeat;
width:1004px;
height:80px;
padding:0 0 0 20px;
}
#accessbar{
width:730px;
height:25px;
margin:0 0 10px 0;
padding:0 0 0 5px;
background:url(../images/bg_gradient_right.gif) repeat-x;
}
#accessbar img{
margin:2px 2px 0 0;
}
#accessbarLeft{
width:235px;
height:25px;
background:url(../images/bg_gradient_right.gif) repeat-x;
margin:0 0 10px 0;
}

#leftCol{
width:235px;
margin:0;
}
#rightCol{
width:145px;
}
#rightCol img{
margin:0 0 5px 0;
}
.homeDiv{
width:455px;
margin:0 0 0 15px;
}
.pageDiv{
width:620px;
margin:0 0 0 5px;
padding:5px 0 0 5px;
}
/* ---------------------------
		Structural Items
-----------------------------*/
#mailist{
width:151px;
height:60px;
padding:0px;
}
/* -- Forms -- */

form.search, #mailist{
float:inherit;
background:url(../images/gr_search_bg.gif) no-repeat;
color:#24408F;
}
form.search{
width:141px;
height:50px;
padding:5px 5px 5px 5px;
}
form.search label{
width:141px;
height:15px;
display:block;
margin:0 0 2px 0;
float:left;
font-size:0.8em;
}
form.search input{
border:none;
width:110px;
height:18px;
float:left;
background-color:#DCDDDE;
margin:5px 5px 0 0;
}
form.search input.submit{
margin:0;
border:none;
float:left;
width:25px;
height:25px;
background:url(../images/gr_search_btn.gif) no-repeat;
}
.advSearch, .advSearch fieldset{
padding:20px;
}
/* -- End Forms -- */



/* ---------------------------
		Items
-----------------------------*/
.newsDiv h2{
padding:10px;
width:100%;
background:url(../images/gr_title_bg.gif) top repeat-x; 
}

/*-- float --*/
.item, .itemHomeTall, .itemHomeShort, .itemHomeMedia, .itemHomeDynamic, #dcone, #dctwo, #dcthree, #homeBtns, .itemGrant,  .itemNews, .summary{
float:left;
}

.itemHomeDynamic{
overflow:hidden;
border:solid 1px #DAC9E1;
}

.grantImg, .grantTxt, .grantBtns, .newsImg, .newsCopy, .newsTxt, .newsBtns{
float:left;
}

.itemGrant{
padding:0 0 10px 0;
margin:0 0 10px 0;
border-bottom:solid #DAC9E1 1px;
}
.itemNews{
padding:10px 0 0 0;
margin:0 0 10px 0;
border-top:solid #DAC9E1 1px;
}

/*-- sizes --*/
.newsCopy{
width:388px;
}
.newsBtns{
width:130px;
margin:10px 0 0 0;
}
.newsTxt{
width:238px;
margin:10px 20px 0 0;
}
.newsImg{
width:150px;
margin:0 20px 0 0;
}
.summary{
width:280px;
height:210px;
padding:5px 10px 0 10px;
margin:0 15px 0 0;
background:url(../images/bg_summarypanel.gif);
}
.grantImg{
width:115px;
}
.grantTxt{
width:223px;
margin:0 0 0 10px;
}
.grantBtns{
width:200px;
margin:0 0 0 10px;
}
.itemHomeTall, .itemHomeDynamic{
width:283px;
height:320px;
}
.itemHomeShort, .itemHomeMedia{
width:283px;
height:175px;
}
#dcone, #dctwo, #dcthree{
width:285px;
height:230px;
}
.dctext{
width:220px;
height:70px;
overflow:scroll;
padding:20px;
margin:90px 0 0 0;
background-color:#741684;
}

#homeBtns{
width:283px;
height:90px;
}

.galImage{
width:200px;
height:185px;
padding:30px 0 0 25px;
background:url(../images/bg_image.gif) no-repeat;
float:left;
}

/*-- overflow --*/
.itemHomeTall, .itemHomeShort, .itemHomeMedia, .item{
overflow:hidden;
display:inline;
}
/*-- margin / padding --*/
.itemHomeTall, .itemHomeShort, .itemHomeMedia, .itemHomeDynamic{
margin:0 10px 10px 0;
}


/*-- colours --*/
.homeItem img, .homeItem p{
float:left;
}
.itemHomeMedia, .itemHomeTall, .itemHomeShort{
border:solid 1px #DAC9E1;
}


a#moreDetails{
display:block;
width:144px;
height:24px;
padding:7px 0 0 15px;
margin:20px 0 0 0;
font-size:1.2em;
color:#24408F;
background:url(../images/gr_moredetails.gif) no-repeat;
overflow:hidden;
}



/* --------------------
		Typography
-----------------------*/

/*-- font types ----*/
p{
font-family:Arial, Verdana, Helvetica, sans-serif;
}


/*-- line heights --*/
.itemHomeMedia p a, .dctext p{
line-height:1.4em;
}
.summary{
line-height:1.6em;
}
/*-- font weights ----*/
.treeview li a, .boldDark{
font-weight:bold;
}

/*-- font sizes (fixed) ----*/
.whitTitle{
font-size:1.2em;
}
/*-- font colours ----*/
p{
color:#333333;
}
#footer p.links a, .pTitle, .dctext p, .whitTitle{
color:#FFFFFF;
}
.itemHomeMedia p, .itemHomeMedia p a, #centre h5, #centre p a, .boldDark, .pad a, .pad {
color:#741684;
}
/*-- text decoration -- */
#footer p.links a, .itemHomeMedia a, #centre a {
text-decoration:none;
}
#footer p.links a:hover, .itemHomeMedia a:hover, .pad a:hover{
text-decoration:underline;
}

#footer p.links{
width:550px;
margin:5px 40px 0 0;
text-align:right;
float:right;
color:#FFFFFF;
}
#footer p.links a{
padding:0 10px 0 10px;
border-right:solid 1px #741684;
text-decoration:none;
}

#footer p.credit{
width:200px;
padding:0 5px 0 0;
float:right;
text-align:right;
}
#centre p{
margin:0 0 10px 0;
}
.itemHomeMedia p{
margin:0;
}

/* ----- Block elements --- */
h3.pTitle, h5.pTitle{
color:#FFFFFF;
font-weight:normal;
}
h3.pTitle{
background:url(../images/bg_title.gif) no-repeat;
width:560px;
height:40px;
padding:10px;
font-size:3em;
}
h4.pTitle{
background:url(../images/bg_subtitle.gif) no-repeat;
width:558px;
height:20px;
padding:10px;
color:#FFFFFF;
font-weight:normal;
font-size:1.7em;
margin:0 0 10px 0;
}
.dcTitle{
width:273px;
height:20px;
background-color:#C2A6CE;
padding:5px;
}
.pad{
position:relative;
padding:10px;
width:263px;
height:125px;
display:block;
overflow:hidden;
}
#homeScroll{
position:absolute;
}
#homeBtns a{
width:275px;
height:20px;
padding:5px 0 5px 10px;
background:url(../images/btn_home.gif) no-repeat;
display:block;
float:left;
color:#FFFFFF;
font-size:16px;
}

#homeBtns a:hover{
background:url(../images/btn_home_over.gif) no-repeat;
}

.furthNav, .backNav, .newsNav{
height:15px;
margin:0 0 5px 0;
padding:5px;
color:#FFFFFF;
display:block;
font-weight:bold;
}
.newsNav{
width:120px;
height:15px;
padding:5px;
background-image:url(../images/bg_button_news.gif);
}
.furthNav{
width:190px;
background:url(../images/bg_button.gif) no-repeat;
}
.backNav{
width:150px;
padding:5px 5px 5px 40px;
background:url(../images/bg_button_back.gif) no-repeat;
}
.newsTitle, .itemTitle{
height:20px;
padding:5px 0 5px 10px;
margin:0 0 10px 0;
background:url(../images/bg_subtitle02.gif) repeat-x;
color:#FFFFFF;
display:block;
}
.newsTitle{
width:378px;
}
.itemTitle{
width:548px;
}

#sitemap, .searchResults, .advSearch{
font-size:0.8em;
}
.searchResults td{
border-bottom:dotted 1px #D0E1F4;
padding:10px;
}
#sitemap ul{
margin:0 0 0 20px;
}

/* New additions */

.photo_white{float:left;width:185px; height:183px; padding:0; background:url(../images/img_bg_white.jpg) no-repeat;}
.photo_white .imgarea{width:160px; height:120px; margin:15px 15px 10px 10px; overflow:hidden;}
.photo_white .textarea{width:160px; height:40px; overflow:hidden; padding:0 0 5px 15px;}
.photo_white .textarea{color:#000000;font-size:1em;}

.videoitem {float:left; display:inline; overflow:hidden; height:305px; width:270px; margin:0; padding:0;}
.videoitem .textarea{width:290px; padding:0 0 0 10px;}

#popup{width:400px; margin:10px; border:dashed 4px #741684; padding:10px;}
#popup h1{color:#741684;}

.popupVideo{width:440px;float:left;}
.popupVideo .textarea{width:420px; padding:0 0 0 20px;}

.justGiving{background-color:#c8e1ec; text-align:center; padding:5px; margin:10px 0 10px 0;}
.justGiving .flash{border:solid 1px #9BB4D9;height:230px; width:150px; margin:auto;}