/*
Arts Council Funding
(c) Net Efficiency Ltd
06 April 2008
*/

/* #~~ Base css to even keen all browsers including IE7 operating in IE6 quirks mode ~~# */
/* #~~ begin required styles ~~# */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;text-align:left;}
html,body,select,input,textarea{font-family:arial,helvetica,verdana,sans-serif;}

html,body{background: #fff;margin:0;padding:0;}
body*{line-height:1.22em;}


div,img{margin:0;padding:0;}
fieldset,img{border:0;outline:0;}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,table{margin:0 0 1em 0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

cite,code,em,strong,th{font-style:normal;font-weight:normal;}
b,strong,th{font-weight:bold;}
em,i{font-style:italic;}

select,input,textarea{font:100%;}
label{display:block;}
pre,code{font:100% monospace;*font-size:100%;}

table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
th,td{border:1px solid #000;padding:4px;vertical-align:top;}

ul{margin-left:1.1em;}
ol{margin-left:2.1em;}
li{margin:0 0 0.5em 0;}
q:before,q:after{content:'';}

a{color:#444;text-decoration:underline;}
a:hover, a:focus{color:#444;text-decoration:none;outline:none;}
a img, a:link img, a:active img, a:visited img, a:hover img, a:focus img{border:0;outline:0;}

.clearing{height:1px;line-height:1px;clear:both;font-size:0px;margin-top:-1px;}
.alttext{display:block;position:absolute;width:1px;height:1px;overflow:hidden;left:-10000px;top:-10000px;}

#skipnav{position:absolute;top:0;left:0;width:100%;font-weight:bold;color:#000;text-align:center;font-size:0.6em;}
#skipnav a, #skipnav a:link, #skipnav a:visited {display:block;position:relative;width:758px;margin: 0 auto;text-indent:-1000em;border:0;padding:1px 0 1px 2px;}
#skipnav a:focus, #skipnav a:hover, #skipnav a:active {position:relative;text-indent:0;border:1px dotted #aaa;border-top:0;margin: 0 auto;color:#aaa;}



/* common css for typo3 */
ul.sitemap, ul.sitemap ul{list-style-position:outside;list-style-type:none;margin:0;padding:0;}
ul.sitemap ul{margin:2px 0 0 15px;padding:0;font-size:85%}
ul.sitemap ul ul{font-size:100%}
ul.sitemap li{margin:0 0 10px 0;padding:0;}
ul.sitemap li ul li{margin:0 0 5px 0;padding:0;}

img.align-left{float:left;clear:none;margin:0 1em 1em 0;}
img.align-right{float:right;clear:none;margin:0 0 1em 1em;}

/* #~~ end required styles ~~# */


/* NOTE: to get all browsers to use a similar font size chose a higher
up div with an ID and apply as below. It will give a font-size where 
1em = 10px approximately
 */
#wrapper{font-size:x-small;text-align:center;}
* html #wrapper{font-size:xx-small;font-s\ize:x-small;}

#allwrap{text-align:left;width:760px;margin:0 auto;padding:25px 10px 15px;		padding-top:0;}
* html #allwrap{width:780px;w\idth:760px;}

/*
#homelink{position:relative;float:left;clear:both;font-size:130%;width:255px;padding:4px 0 3px;min-height:1.7em;font-weight:bold;}
/* #homelink{height:1.7em;}

#homelink a, #homelink a:link, #homelink a:visited{color:#666;text-decoration:none;padding-left:10px;background:none;}
#homelink a:hover,#homelink a:focus,#homelink a:active{color:#c10077;text-decoration:none;background: url("arrow_pink_e.gif") center left no-repeat;}
*/

#banner{float:left;clear:both;width:760px;margin-bottom:18px;padding:20px 0 0;}

#navwrap{float:left;clear:none;width:255px;margin-right:10px;}


#logolink{display:block;width:76px;height:76px;border:0;float:left;clear:none;clear:both;margin-top:2px;margin-left:10px;_margin-left:5px;}
#logolink img{border:0;width:76px;height:76px;}

#topnav{float:left;clear:both;margin:14px 0 0;padding:0;list-style-type:none;font-size:1.3em;width:255px;font-weight:bold;}
#topnav li{float:left;clear:none;margin:1px 0px 0 0;padding:0;width:255px;}
#topnav a,#topnav span{color:#666;text-decoration:none;display:block;padding-left:10px;background:none;}
#topnav a:hover,#topnav a:active,#topnav a:focus,#topnav span {color:#c10077;text-decoration:none;background: url("arrow_pink_e.gif") center left no-repeat;}

* html #topnav{font-size:120%;font-size:1.2em;}



#lgimg{/*float:left;clear:both;*/overflow:hidden;float:left;clear:none;width:495px;}
#lgimg img{padding:0;margin:0;border:0;}

/* #~#~#~#~#~#~#~#~#~#~#~#~#~# */
#content{width:760px;float:left;clear:both;color:#666;padding:0 0 15px;background: url("bannerbg.gif") left top no-repeat;}
#content .idiv{padding:0 10px 0;}

/* holds everything */
#content .allwcol{width:740px;float:left;clear:both;border-top:1px solid #c10077;padding-top:20px;}
#content .wcol{width:740px;float:left;clear:both;}

#content .scol{width:740px;float:left;clear:both;padding-bottom:1px;}


#content .dcol,#content .tcol,#content .doublecol{float:left;clear:none;overflow:hidden;padding-bottom:1px;}
#content .dcol{width:355px;margin-right:30px;}
#content .tcol{width:226px;margin-right:31px;}
#content .allwcol .lastchild,#content .wcol .lastchild{margin-right:0;}

#content .doublecol{width:484px;margin-right:30px;}



#content #harea{min-height:50px;min-height:30px;margin:0 0 15px 0;}
* html #content #harea{height:50px;height:30px;}



/* #~#~#~#~#~#~#~#~#~#~#~#~#~# */
#content h1{color:#c10077;font-size:1.7em;margin:0;font-weight:normal;font-size:1.9em;}
#content h2{color:#333;font-size:1.7em;font-weight:normal;font-size:1.9em;}
#content h3{color:#333;font-size:1.4em;margin-bottom:2px;padding:0;}
#content h4{color:#333;font-size:1.2em;margin: 0 0 2px 1px;}

#content h5,#content h6{color:#999;font-size:1em;margin-bottom:2px;}
#content p,#content ul,#content ol,#content table{font-size:1.2em;line-height:125%;margin-top:0;margin-bottom:1em;}
#content ul {margin-left:16px;list-style-type:disc;list-style-image: url("arts_bull.gif");}
#content li {margin-bottom:0;}

#content span.pink_n, #content a.pink_n{padding-left:15px;background: url("arrow_pink_n.gif") 0 4px no-repeat;color:#c10077;}
#content span.pink_e, #content a.pink_e{padding-left:15px;background: url("arrow_pink_e.gif") 0 4px no-repeat;color:#c10077;}
#content span.pink_w, #content a.pink_s{padding-left:15px;background: url("arrow_pink_s.gif") 0 4px no-repeat;color:#c10077;}
#content span.pink_s, #content a.pink_w{padding-left:15px;background: url("arrow_pink_w.gif") 0 4px no-repeat;color:#c10077;}

#content span.dark_n, #content a.dark_n{padding-left:15px;background: url("arrow_darkgrey_n.gif") 0 4px no-repeat;color:#333;}
#content span.dark_e, #content a.dark_e{padding-left:15px;background: url("arrow_darkgrey_e.gif") 0 4px no-repeat;color:#333;}
#content span.dark_s, #content a.dark_s{padding-left:15px;background: url("arrow_darkgrey_s.gif") 0 4px no-repeat;color:#333;}
#content span.dark_w, #content a.dark_w{padding-left:15px;background: url("arrow_darkgrey_w.gif") 0 4px no-repeat;color:#333;}

#content span.medium_n, #content a.medium_n{padding-left:15px;background: url("arrow_mediumgrey_n.gif") 0 4px no-repeat;color:#666;}
#content span.medium_e, #content a.medium_e{padding-left:15px;background: url("arrow_mediumgrey_e.gif") 0 4px no-repeat;color:#666;}
#content span.medium_s, #content a.medium_s{padding-left:15px;background: url("arrow_mediumgrey_s.gif") 0 4px no-repeat;color:#666;}
#content span.medium_w, #content a.medium_w{padding-left:15px;background: url("arrow_mediumgrey_w.gif") 0 4px no-repeat;color:#666;}

#content span.light_n, #content a.light_n{padding-left:15px;background: url("arrow_lightgrey_n.gif") 0 4px no-repeat;color:#999;}
#content span.light_e, #content a.light_e{padding-left:15px;background: url("arrow_lightgrey_e.gif") 0 4px no-repeat;color:#999;}
#content span.light_s, #content a.light_s{padding-left:15px;background: url("arrow_lightgrey_s.gif") 0 4px no-repeat;color:#999;}
#content span.light_w, #content a.light_w{padding-left:15px;background: url("arrow_lightgrey_w.gif") 0 4px no-repeat;color:#999;}

#content span.faint_n, #content a.faint_n{padding-left:15px;background: url("arrow_faintgrey_n.gif") 0 4px no-repeat;color:#ccc;}
#content span.faint_e, #content a.faint_e{padding-left:15px;background: url("arrow_faintgrey_e.gif") 0 4px no-repeat;color:#ccc;}
#content span.faint_s, #content a.faint_s{padding-left:15px;background: url("arrow_faintgrey_s.gif") 0 4px no-repeat;color:#ccc;}
#content span.faint_w, #content a.faint_w{padding-left:15px;background: url("arrow_faintgrey_w.gif") 0 4px no-repeat;color:#ccc;}

/* to handle block style ones - by default thay are inline */
#content .spcnav span.pink_n, #content .spcnav a.pink_n,#content .spcnav span.pink_e, #content .spcnav a.pink_e,#content .spcnav span.pink_w, #content .spcnav a.pink_s,#content .spcnav span.pink_s, #content .spcnav a.pink_w,#content .spcnav span.dark_n, #content .spcnav a.dark_n,#content .spcnav span.dark_e, #content .spcnav a.dark_e,#content .spcnav span.dark_s, #content .spcnav a.dark_s,#content .spcnav span.dark_w, #content .spcnav a.dark_w,#content .spcnav span.medium_n, #content .spcnav a.medium_n,#content .spcnav span.medium_e, #content .spcnav a.medium_e,#content .spcnav span.medium_s, #content .spcnav a.medium_s,#content .spcnav span.medium_w, #content .spcnav a.medium_w,#content .spcnav span.light_n, #content .spcnav a.light_n,#content .spcnav span.light_e, #content .spcnav a.light_e,#content .spcnav span.light_s, #content .spcnav a.light_s,#content .spcnav span.light_w, #content .spcnav a.light_w,#content .spcnav span.faint_n, #content .spcnav a.faint_n,#content .spcnav span.faint_e, #content .spcnav a.faint_e,#content .spcnav span.faint_s, #content .spcnav a.faint_s,#content .spcnav span.faint_w, #content .spcnav a.faint_w{display:block}

#content a.pink_n, #content a.pink_e, #content a.pink_s, #content a.pink_w, #content a.dark_n, #content a.dark_e, #content a.dark_s, #content a.dark_w, #content a.medium_n, #content a.medium_e, #content a.medium_s, #content a.medium_w, #content a.light_n, #content a.light_e, #content a.light_s, #content a.light_w, #content a.faint_n, #content a.faint_e, #content a.faint_s, #content a.faint_w {text-decoration:none;}
#content a.pink_n:hover, #content a.pink_e:hover, #content a.pink_s:hover, #content a.pink_w:hover, #content a.dark_n:hover, #content a.dark_e:hover, #content a.dark_s:hover, #content a.dark_w:hover, #content a.medium_n:hover, #content a.medium_e:hover, #content a.medium_s:hover, #content a.medium_w:hover, #content a.light_n:hover, #content a.light_e:hover, #content a.light_s:hover, #content a.light_w:hover, #content a.faint_n:hover, #content a.faint_e:hover, #content a.faint_s:hover, #content a.faint_w:hover, #content a.pink_n:focus, #content a.pink_e:focus, #content a.pink_s:focus, #content a.pink_w:focus, #content a.dark_n:focus, #content a.dark_e:focus, #content a.dark_s:focus, #content a.dark_w:focus, #content a.medium_n:focus, #content a.medium_e:focus, #content a.medium_s:focus, #content a.medium_w:focus, #content a.light_n:focus, #content a.light_e:focus, #content a.light_s:focus, #content a.light_w:focus, #content a.faint_n:focus, #content a.faint_e:focus, #content a.faint_s:focus, #content a.faint_w:focus {text-decoration:underline;}

#content a.light_e:hover,#content a.medium_e:hover,#content a.light_e:focus,#content a.medium_e:focus {background-image:url("arrow_pink_e.gif");}
#content a.light_s:hover,#content a.light_s:focus {background-image:url("arrow_pink_s.gif");}


#content span.pink,#content a.pink{color:#c10077;}
#content span.dark,#content a.dark{color:#333;}
#content span.medium,#content a.medium{color:#666;}
#content span.light,#content a.light{color:#999;}
#content span.faint,#content a.faint{color:#ccc;}


#content table.lined{margin-bottom:0;width:100%;}
#content table.lined td,#content table.lined th{margin:0;padding:6px 5px 6px 10px;border:0;border-bottom:1px solid #999;border-collapse:collapse;}

#content td a.light_s {text-decoration:underline;}

#content a{color:#666;text-decoration:underline;}
#content a:hover,#content a:focus,#content a:active{color:#c10077;text-decoration:none;}


#content p.totop {color:#ccc;margin-top:-0.9em;margin-bottom:25px;}
#content p.totop a{/*color:#ccc;background: url("arrow_faintgrey_n.gif") 0 3px no-repeat;*/text-decoration:none;padding-left:15px;		color:#999;background: url("arrow_lightgrey_n.gif") 0 3px no-repeat;}
#content p.totop a:hover,#content p.totop a:focus{color:#c10077;text-decoration:underline;padding-left:15px;background: url("arrow_pink_n.gif") 0 3px no-repeat;}

#content .scol p.totop {background: url("faintline.gif") center left repeat-x;text-align:right;margin:1.5em 0;}
#content .scol p.totop a{/*color:#ccc;background: #ffffff url("arrow_faintgrey_n.gif") 8px 3px no-repeat;*/		color:#999;padding-left:23px;background: #ffffff url("arrow_lightgrey_n.gif") 8px 3px no-repeat;}
#content .scol p.totop a:hover,#content .scol p.totop a:focus{color:#c10077;text-decoration:underline;padding-left:23px;background: #ffffff url("arrow_pink_n.gif") 8px 3px no-repeat;}




/* #~#~#~#~#~#~#~#~#~#~#~#~#~# */

#foot{float:left;clear:both;width:760px;margin:25px 0 0;padding:6px 0;border-top:1px solid #ececec;color:#b7b7b7;font-size:1.1em;color:#999;}
#foot a{color:#b7b7b7;text-decoration:none;color:#999;}
#foot a:hover,#foot a:active,#foot a:focus, #foot span.cur{color:#c10077;text-decoration:none;}

#changer{float:right;clear:none;color:#000;}
#changer a{color:#000;text-decoration:none;padding: 0 0 0 17px;margin:0 5px 0 0;}
#changer a:hover,#changer a:focus{color:#000;text-decoration:underline;}
#changer a#plus{background: url("plus.gif") center left no-repeat;}
#changer a#minus{background: url("minus.gif") center left no-repeat;}
#changer a#hiviz{background: url("plus.gif") center left no-repeat;}
#changer a#norm{background: url("minus.gif") center left no-repeat;}

.norm_size #changer a#minus{display:none;}
.norm_size #changer a#plus{display:inline;}

.lg_size #changer a#minus{display:inline;}
.lg_size #changer a#plus{display:none;}

.norm_con #changer a#norm{display:none;}
.norm_con #changer a#hiviz{display:inline;}

.hiviz_con #changer a#norm{display:inline;}
.hiviz_con #changer a#hiviz{display:none;}

.norm_size{font-size:1em;}
.lg_size{font-size:1.4em;}

.hiviz_con * {color:#000 !important;}




#content a:active, #topnav a:active,#foot a:active, #content p.totop a:active {color:#333;}
#content span.light_e, #content a.light_e,#content span.light_n, #content a.light_n,#content span.light_s, #content a.light_s {color:#666;}
#content span.light_e, #content a.light_e {background-image: url("arrow_mediumgrey_e.gif");}
#content span.light_s, #content a.light_s {background-image: url("arrow_mediumgrey_s.gif");}
#content span.light, #content a.light {color:#666;}


.hiddendiv{display:none;}
.showndiv{display:block;}