/* 
'TAKING PART IN THE ARTS' STYLE SHEET: SIMPLE STYLES (ACCESSIBLE)
Style sheet by Rupert Sliwa
[ www.sliwacreative.com ]
----------------------------------------------- */

/* General links
----------------------------------------------- */

a, a:link, a:visited {color:#03c; text-decoration:underline; font-weight:normal}
a:hover, a:active {color:#009; text-decoration:underline; font-weight:normal}

a.hlink, a.hlink:link, a.hlink:visited {text-decoration:none; font-weight:bold}
a.hlink:hover, a.hlink:active {text-decoration:underline; font-weight:bold}

a.access, a.access:link, a.access:visited {display:block}
a.access:hover, a.access:active {display:block}


/* Masthead and Search box
----------------------------------------------- */


/* Navigation
----------------------------------------------- */

.listCircle {background:none; color:#333; padding:0; margin:0}

#navCircles table tr td {font-size:100%; width:102px; background-color:#eee; background-image:none; vertical-align:top; border-left:2px #fff solid}
#navCircles .selected {background-color:#333; background-image:none}
#navCircles .holder {padding:8px; text-align:left}

.otherSection {width:96px; margin-left:0; margin-right:8px; float:left}
.otherSection h4 {display:block}
.otherSection a {display:block; width:auto; height:auto}
.aceaction, .casestudies, .factsfigures, .guidance {background:none}

.otherSection a.access, .otherSection a.access:link, .otherSection a.access:visited {display:block; font-size:80%; margin-top:-15px}
.otherSection a.access:hover, .otherSection a.access:active {display:block; font-size:80%; margin-top:-15px}


/* Headings
----------------------------------------------- */

#banner {width:900px; margin:0 0 15px 10px; background:none}
#banner h1 {visibility:visible}


/* Text
----------------------------------------------- */


/* Homepage only
----------------------------------------------- */

.introText {clear:both; width:555px; text-align:left; margin-left:10px}

#homeColumns h2 {display:block; margin:10px 0 20px 10px; border-bottom:1px #ccc dotted}
#homeColumns .holder {padding:8px; text-align:left}

#homeColumns table {margin-left:10px; width:210px; border-collapse:collapse; text-align:left}
#homeColumns table tr .spacer {height:2px !important; background-color:#fff}

#homeColumns a, #homeColumns a:link, #homeColumns a:visited {display:block; color:#03c; font-weight:normal; font-size:80%; text-decoration:underline; width:auto; height:auto}
#homeColumns a:hover, #homeColumns a:active {display:block; color:#009; font-weight:normal; font-size:80%; text-decoration:underline; width:auto; height:auto}

#homeColumns a.access, #homeColumns a.access:link, #homeColumns a.access:visited {display:block; margin:-10px 0 20px 12px}
#homeColumns a.access:hover, #homeColumns a.access:active {display:block; margin:-10px 0 20px 12px}

#homeColOne {width:220px; text-align:left; margin-right:10px; float:left}
#homeColOne .sticker {background:none; height:auto}
#homeColOne table tr td {font-size:100%; width:103px; background-color:#eee; background-image:none; vertical-align:top; border-left:2px #fff solid}

#homeColTwo {width:220px; text-align:left; margin-right:10px; float:left}
#homeColTwo .sticker {background:none; height:auto}
#homeColTwo table tr td {font-size:100%; width:103px; background-color:#eee; background-image:none; vertical-align:top; border-left:2px #fff solid}

#homeColThree {width:220px; text-align:left; margin-right:10px; float:left}
#homeColThree .sticker {background:none; height:auto}
#homeColThree table tr td {font-size:100%; width:103px; background-color:#eee; background-image:none; vertical-align:top; border-left:2px #fff solid}

#homeColFour {width:220px; text-align:left; float:left}
#homeColFour .sticker {background:none; height:auto}
#homeColFour table tr td {font-size:100%; width:103px; background-color:#eee; background-image:none; vertical-align:top; border-left:2px #fff solid}


/* General layout
----------------------------------------------- */

.infoBox {background-color:#eee; background-image:none; border:1px #ccc solid}


/* Forms
----------------------------------------------- */

form {margin:0}

.dropDown {font:80% Arial, Helvetica, sans-serif; padding:0; display:block; width:140px; color:#666}

.formLabel {font:bold 75% Arial, Helvetica, sans-serif; margin:5px 10px 0 5px; width:150px; display:block; float:left; text-align:right}
.formPad {padding:5px; margin-bottom:2px; background-color:#e5e5e5; clear:both}
.formField {border:1px solid #999; background:#fff; margin-top:4px; font:80% Arial, Helvetica, sans-serif; width:250px; display:block; float:left}
.formArea {border:1px solid #999; background:#fff; margin-top:4px; font:80% Arial, Helvetica, sans-serif; width:250px; display:block}
.formSend {border:#999 1px solid; background:#f09; color:#fff; padding:1px; font:bold 80% Arial, Helvetica, sans-serif; float:left; margin-right:10px}


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

#footer {text-align:right; margin:40px 10px 30px 10px; width:890px}
#footer a, #footer a:link {color:#666; text-decoration:underline; font-weight:normal}
#footer a:hover, #footer a:active {color:#000; text-decoration:underline; font-weight:normal; background-color:#eee}