/* -----------------------------------------------
www.evolve-nr.org.uk
EVOLVE NEIGHBOURHOOD REGENERATION
by
BOOTFIT.CO.UK
----------------------------------------------- */


/* -----------------------------------------------
GENERAL STYLES
----------------------------------------------- */
body { background-color: #e6ebf8; margin: 0px;	padding: 0px; text-align: center; background-image: url(../../graphics/mainbgstrip.gif); background-repeat: repeat-y; background-position: center; font-family: Arial, Helvetica, sans-serif; }
div {-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;}
#mainbodycontainer{ margin-left:auto; margin-right:auto; text-align: left; width: 720px; background-color: #FFFFFF; }
.clear{ clear: both; background-color: #FF0000; visibility: hidden; }
#mainbodycontainer h1 {	display: none; }


/* -----------------------------------------------
TOPBAR
----------------------------------------------- */
#topbar{ background-color: #003399; background-image: url(../../graphics/bg_topbar.gif); background-repeat: no-repeat; background-position: top; width: 700px; margin: 10px; }
#topbarcontainer{ margin-left: 10px; margin-right: 10px; }
#textsizes{ text-align: right; padding-top: 10px; padding-right: 10px; margin-bottom: 57px; padding-left: 10px; }
#textsizes ul{ list-style-type: none; margin: 0px; padding: 0px; }
#textsizes ul li{ display: inline; margin-left: 10px; }
#textsizes ul li a{ font-weight: bold; color: #FFFFFF; text-decoration: none; }
#textsizes ul li a:hover{ font-weight: bold; color: #ffff66; text-decoration: underline; }
#mainnavigation{ font-size: 90%; text-align: right; margin-right: 10px; margin-left: 10px; margin-bottom: 1px; top: -1px; }
#mainnavigation ul{ list-style-type: none; margin: 0px; padding: 0px; }
#mainnavigation ul li{ display: inline; margin-left: -2px; }
#mainnavigation ul li a{ background-color: #FFFFFF; padding-top: 5px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; background-image: url(../../graphics/bg_mainnavbutton.gif);	background-repeat: repeat-x; background-position: top; color: #000000; text-decoration: none; }
#mainnavigation ul li a:hover{ background-color: #FFFF66; background-image: none; }

/* -----------------------------------------------
FLASH SECTION
----------------------------------------------- */
#flashcontainer{margin-bottom: 10px; margin-left: 10px; margin-right: 10px;}


/* -----------------------------------------------
MAIN BODY SECTION
----------------------------------------------- */
#mainbodysection { width: 700px; margin-right: 10px; margin-left: 10px; }
#mainbodysection a{ font-weight: bold; color: #333333; text-decoration: underline; }
#mainbodysection a:hover{ font-weight: bold; color: #003399; text-decoration: underline; }
#mainpagetitle{}
#mainpagetitle h1{}
#mainbodysection ul { font-size: 90%; line-height: 1.8em; }
#mainbodysection ul li {}


#mainpagetitle h2{ background-repeat: no-repeat; text-indent:-50000px; }
#mainpagetitle h2.index { background-image: url(../../graphics/title_index.gif); height: 50px; }
#mainpagetitle h2.contactus { background-image: url(../../graphics/title_contactus.gif); height: 30px; }
#mainpagetitle h2.getinvolved { background-image: url(../../graphics/title_getinvolved.gif); height: 30px; }
#mainpagetitle h2.news { background-image: url(../../graphics/title_news.gif); height: 30px; }
#mainpagetitle h2.partners { background-image: url(../../graphics/title_partners.gif); height: 30px; }
#mainpagetitle h2.theteam { background-image: url(../../graphics/title_theteam.gif); height: 30px; }
#mainpagetitle h2.usefullinks { background-image: url(../../graphics/title_usefullinks.gif); height: 30px; }
#mainpagetitle h2.whatwedo { background-image: url(../../graphics/title_whatwedo.gif); height: 30px; }
#mainpagetitle h2.legal { background-image: url(../../graphics/title_legal.gif); height: 30px; }

#mainpagetitle h3{ font-size: 150%; color: #003399; margin-top: 0px; margin-bottom: 10px; }
#mainpagetitle h4{ font-size: 100%; color: #003399; margin-top: 0px; margin-bottom: 10px; }
#mainbodysection p{	margin-top: 0px; margin-bottom: 10px; font-size: 90%; line-height: 1.8em; }
#rightpanelcontainer { width: 220px; float: right; right: -10px; padding: 0px; margin-left: 10px; }
#rightpanelcontainer p{ font-size: 75%; color: #666666; line-height: 1.2em; }
#rightpanelcontainer a.download{ color: #666666;}
#rightpanelcontainer a {color: #FFFFFF; text-decoration: underline;}
#rightpanelcontainer a:hover {color: #ffff66; text-decoration: underline;}


#bluepanel-sortit h2{ margin:0px; padding:0px; background-image: url(../../graphics/header_bp_reportit.gif); height: 30px; background-repeat: no-repeat; text-indent:-50000px; }
#bluepanel-getinvolved h2{ margin:0px; padding:0px; background-image: url(../../graphics/header_bp_getinvolved.gif); height: 30px; background-repeat: no-repeat; text-indent:-50000px; }
#bluepanel-map h2{ margin:0px; padding:0px; background-image: url(../../graphics/header_bp_map.gif); height: 30px; background-repeat: no-repeat; text-indent:-50000px; }

#bluepanel-sortit, #bluepanel-getinvolved, #bluepanel-map { width: 220px; background-color: #003399; background-image: url(../../graphics/bg_bluepanel.gif); background-position: bottom; text-align: left; background-repeat: no-repeat; margin-bottom: 10px; }
#bluepanel-sortit p, #bluepanel-getinvolved p, #bluepanel-map p { color: #FFFFFF; margin: 0px 10px 10px; padding: 0px; }
#bluepanel-sortit a, #bluepanel-getinvolved a, #bluepanel-map a {color: #FFFFFF; text-decoration: underline;}
#bluepanel-sortit a:hover, #bluepanel-getinvolved a:hover, #bluepanel-map a:hover {color: #ffff66; text-decoration: underline;}
#bluepanel-sortit a img, #bluepanel-getinvolved a img, #bluepanel-map a img { margin-left: 10px; margin-bottom: 10px; }
#bluepanel-map {padding-bottom:5px;}

#rightpanellist  { width: 220px; background-color: #ffff66; background-image: url(../../graphics/bg_listpanel.gif); background-position: bottom; text-align: left; background-repeat: no-repeat; margin-bottom: 10px; }
#rightpanellist h2{	background-repeat: no-repeat; text-indent:-50000px; margin: 0px; padding: 0px; }
#rightpanellist h2.theteam{ background-image: url(../../graphics/header_lp_teammem.gif); height: 28px; margin: 0px; padding: 0px; }
#rightpanellist h2.whatwedo{ background-image: url(../../graphics/header_lp_services.gif); height: 38px; margin: 0px; padding: 0px; }
#rightpanellist h2.bulletin{ background-image: url(../../graphics/header_lp_bulletin.gif); height: 38px; margin: 0px; padding: 0px; }


#rightpanellist ul{ list-style-type:none; margin: -10px 0px 10px; padding: 0px; line-height: 1em; background-color: #FFFF99; }
#rightpanellist ul li{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; margin: 0px; padding: 0px;}
#rightpanellist ul li a{ background-color: #FFFF99; display: block; padding-top: 3px; padding-right: 10px; padding-bottom: 4px; padding-left: 25px; font-size: 90%; color: #003399; text-decoration: none; background-image: url(../../graphics/bullet_righpanel1.gif); background-repeat: no-repeat; background-position: left top;}
#rightpanellist ul li a:hover{ background-color: #FFFF66; display: block; padding-top: 3px; padding-right: 10px; padding-bottom: 4px; padding-left: 25px; font-size: 90%; color: #003399; text-decoration: none; background-image: url(../../graphics/bullet_righpanel1.gif); background-repeat: no-repeat; background-position: left top;}

#newslist, #teamlist { margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E5E5E5; padding-bottom: 10px; }
#newslist h2 {font-size: 120%; margin-top:0px; margin-bottom:5px;}
#newslist h3 {font-size: 90%; margin-top:0px; margin-bottom:10px;}

/* -----------------------------------------------
TRANSLATIONS
----------------------------------------------- */
#translations { background-color: #e5e5e5; padding:5px; border: 1px solid #CCCCCC; margin-bottom: 10px; }
#translations p { margin:0px 0px 5px; font-size: 80%; color: #333333; }
#translations h3{ font-size: 80%;	color: #003399;	padding: 0px; margin-bottom: 5px; margin-top: 0px; }
#translations ul{ list-style-type: none; margin: 0px; padding: 0px; }
#translations ul li{ display: inline; margin-right: 3px; margin-top: 0px; margin-bottom: 3px; margin-left: 0px; }
#translations a { color: #333333; text-decoration: underline; }
#translations a:hover {	color: #003399;	text-decoration: underline; }
#getacrobat {margin-right:5px; float:left; clear:none;}


/* -----------------------------------------------
FOOTER
----------------------------------------------- */
#footer { background-color: #003399; background-image: url(../../graphics/bg_footer.gif); background-repeat: no-repeat; background-position: top; margin-bottom: 5px; }
#footer ul{ list-style-type: none; margin: 0px; padding: 5px 10px 0px 0px; float: right; }
#footer ul li{ display: inline; }
#footer ul li a{ font-size: 80%; color: #FFFFFF; text-decoration: none; }
#footer ul li a:hover{ color: #ffff66; text-decoration: underline; }
#footercopy { font-size: 75%; }
#footercopy p{ color: #666666; line-height: 1.2em; }
#footercopy p.right{ float: right; clear: none; text-align: right; }
#footercopy a{ color: #666666; text-decoration: underline; }
#footercopy a:hover{ color: #333333; text-decoration: underline; }