*{margin:0;padding:0}

body{
background:#0a7579;
font-family:Arial;
color:#898989;
width:100%;
text-align:center;
}

br{clear:both}
hr{border:0 dotted #898989; border-top-width:1px; margin:3em 5em 2em 5em; }

h1, h2, h3, h4, h5, h6{
line-height:inherit;
color:#118eaf;
font-family:Arial;
margin-bottom:.3em
}

a, a:visited, a:hover, a:active, a:link, a:focus{color:#1a70ff}
a{text-decoration:none}
a:hover{text-decoration:none;color:#158dae !important}
a img{border:0}

#cases h5 a, #cases h5 a:visited, #cases h5 a:hover, #cases  h5 a:active, #cases h5 a:link, #cases h5 a:focus{color:inherit !important}

h1{font-size:33px;font-weight:normal}
h2{font-size:33px}
h3{font-size:25px}
h4{font-size:20px}
h5{font-size:15px;font-family:Arial;margin:0}
h6{font-size:15px}

label{
font-weight:normal;
font-size:14px;
color:#898989;
margin-right:10px
}

ul{list-style:none}
table{
width:100%;
text-align:center
}
td{
padding:0 5px;

}

/* Remove spacing below images and set smooth interpolation */
img{ vertical-align:bottom; -ms-interpolation-mode:bicubic; }

/* reset to default grey 
/* class and id defines */
.formblock{
border-bottom:1px dotted #ddd;
padding:10px 0;
}

/* font modifiers for header elements */
.arial{font-family:Arial}
.normal{font-weight:normal}

#body_grad{
background:url(../imgs/backgrounds/body_bg.gif) 0 0 repeat-x;
width:100%;
}

#wrapper{
margin:0 auto;
width:930px;
background:#fff;
padding:1px;
text-align:left;
min-height:500px;
}
#ie_wrap{padding:15px;}

/* header */
#header_wrap{
background:#118eaf;
background:url(../imgs/backgrounds/header_grad.gif) 0 0 repeat-x;
height:225px;
padding:1px;
}
#header{
background:#fff;
margin:15px;
color:#118eaf;
height:195px;
position:relative;
}
#header #logo{
position:absolute;
right:0
}
#header #welcome{
position:absolute;
left:10px;
bottom:10px
}

/* footer */
#footer{
width:900px;
float:left;
font-size:14px;
height:25px;
border-top:1px dotted #bbb;
margin:10px 0 0 0;
padding:10px 0 0 0;
}

#footer li{
margin-right:20px;
display:inline;
font-family:Arial
}

/* main navigation bar */
#main_nav{
background:#118eaf;
background:url(../imgs/backgrounds/main_nav_grad.gif) 0 0 repeat-x;
color:#fff;
margin:5px 0 12px 0;
padding-left:8px;
font-size:16px;
height:34px;
line-height:2em;
}
#main_nav li{
float:left;
margin:0px 15px;
padding:0px 5px;
}
#main_nav a{color:#fff}

#main_nav a:hover{
text-decoration:underline !important;
color:#fff !important;
}

/* page structure */
#content{
float:left;
width:700px;
}

#sidebar{
width:180px;
float:left;
padding:0 0 0 20px;
}

.block{
padding:0 0 4px;
margin:0 0 20px 0
}

.block .section{
margin:0 0 0 15px; padding:0 0 10px 15px;background:#fff
}


.block .section  .sub-block{
width:214px;
float:left;
background:#fff;
font-size:12px;
}

.block .section  .sub-block .content{
margin-left:10px;
padding:0 0 0 8px;
height:220px;
overflow:hidden;
}

.nobottom{
padding:0 !important;
}

/* colour variants, used in various places throughout the site */
/* post bitwise section id update, the ids have been mapped to;
0->62
1->2
2->4
3->8
4->16
5->32
*/
.b62{background:#158dae !important}
.b2{background:#00aeef !important}
.b4{background:#e3068c !important}
.b8{background:#ed1c24 !important}
.b16{background:#f7941e !important}
.b32{background:#cbdb2a !important}

.main_story .b2{background:#fff url(../imgs/textures/music_story.gif) no-repeat 100% 100% !important}
.main_story .b4{background:#fff url(../imgs/textures/theatre_story.gif) no-repeat 100% 100% !important}
.main_story .b8{background:#fff url(../imgs/textures/visual_story.gif) no-repeat 100% 100% !important}
.main_story .b16{background:#fff url(../imgs/textures/dance_story.gif) no-repeat 100% 100% !important}
.main_story .b32{background:#fff url(../imgs/textures/literature_story.gif) no-repeat 100% 100% !important}

.c2{color:#00aeef !important}
.c4{color:#e3068c !important}
.c8{color:#ed1c24 !important}
.c16{color:#f7941e !important}
.c32{color:#cbdb2a !important}
.c62{color:#158dae !important}

.brand_title{
height:63px;
margin:0 0 0 -2px;
position:relative
}

.badge_62{background:#fff url(../imgs/backgrounds/badge_0.gif) no-repeat 0 -10px !important}
.badge_2{background:#fff url(../imgs/backgrounds/badge_1.gif) no-repeat 0 -10px !important}
.badge_4{background:#fff url(../imgs/backgrounds/badge_2.gif) no-repeat 0 -10px !important}
.badge_8{background:#fff url(../imgs/backgrounds/badge_3.gif) no-repeat 0 -10px !important}
.badge_16{background:#fff url(../imgs/backgrounds/badge_4.gif) no-repeat 0 -10px !important}
.badge_32{background:#fff url(../imgs/backgrounds/badge_5.gif) no-repeat 0 -10px !important}

.events_badge_62{background:#fff url(../imgs/backgrounds/events_badge_0.gif) no-repeat 0 -10px !important}
.events_badge_2{background:#fff url(../imgs/backgrounds/events_badge_1.gif) no-repeat 0 -10px !important}
.events_badge_4{background:#fff url(../imgs/backgrounds/events_badge_2.gif) no-repeat 0 -10px !important}
.events_badge_8{background:#fff url(../imgs/backgrounds/events_badge_3.gif) no-repeat 0 -10px !important}
.events_badge_16{background:#fff url(../imgs/backgrounds/events_badge_4.gif) no-repeat 0 -10px !important}
.events_badge_32{background:#fff url(../imgs/backgrounds/events_badge_5.gif) no-repeat 0 -10px !important}

/* front page */
#who{
font-size:1.4em;
background:#fff url(../imgs/backgrounds/who.gif) no-repeat 100% 0;
}
#who h2{
margin:0 0 0px;
}
#main{
width:410px;
float:left;
}
#slugs{
/*overflow:hidden;*/
width:230px;
float:right
}
#slugs .slug{

margin-bottom:9px;
}
#slugs .slug .content{
/*overflow:hidden;*/
margin-left:9px;
font-size:12px;
padding:0 0 0 7px;
height:45px;
background:#fff
}

#events .slug{
border-bottom:1px dotted #aaa;
padding:4px 0 12px 0;
margin:0;
width:185px
}
#events .slug .date{
display:inline;
margin:0 15px 0 0;
}
#events .slug .title{
display:inline;
}
/* news page */

.story{
font-size:12px;
margin:10px 0 0 0;
}
.story h5{font-size:16px;}

/* links */
.link{
margin:0 0 10px 0;
padding-bottom:10px;
border-bottom:1px dotted #ccc;
font-size:14px
}

/* downloads */
.download{
margin-top:10px;
padding-bottom:5px;
border-bottom:1px dotted #ccc;
font-size:14px;
}
.download:last-child{
border:0;
}

/* Changes header colour slightly, to make things more readable */
.listheader{ color:#7f7f7f; }

/*  calendar */
td{margin:0}

.calendar, .calendar td, .calendar th, .calendar-month{
border:1px solid #b6dcdc ;
}
.calendar{
width:300px;
padding:0;
margin:0;
border-width:1px 0 0 1px;
}
.sub-block .calendar{
width:205px;
}
.calendar tr{
height:25px
}
.calendar td{
border-width:0 1px 1px 0;
color:#55a3a4;
font-weight:bold;
font-size:15px;
}
.calendar th{
border-width:0 0 1px 0;
color:#0e3434;
}
.calendar th:last-child{
border-width:0 1px 1px 0;
}
.calendar .empty{
background:#f2f2f2;
}
.calendar a{color:inherit !important}

.calendar .c2 a{color:#00aeef !important}
.calendar .c4 a{color:#e3068c !important}
.calendar .c8 a{color:#ed1c24 !important}
.calendar .c16 a{color:#f7941e !important}
.calendar .c32 a{color:#cbdb2a !important}
.calendar .c62 a{color:#158dae !important}

.calendar .c2{background:url(../imgs/calendar/music.gif)}
.calendar .c4{background:url(../imgs/calendar/theatre.gif)}
.calendar .c8{background:url(../imgs/calendar/visual.gif)}
.calendar .c16{background:url(../imgs/calendar/dance.gif)}
.calendar .c32{background:url(../imgs/calendar/literature.gif)}
.calendar .c62{background:url(../imgs/calendar/all.gif)}

.calendar-month{
font-weight:bold;
color:#0e3434;
border-bottom-width:0;
padding:1px 0;
}
.calendar a:hover{text-decoration:none;}

#big .calendar{
width:350px;
font-size:20px
}
#big .calendar tr{
height:40px
}
#big .calendar td{
border-width:0 2px 2px 0;
font-size:18px;
}

/* section nav */
#section_nav{
font-size:12px;
float:right;
position:absolute;
bottom:10px;
right:-10px
}
#section_nav li{
float:left;
margin-right:1em;
padding-left:1em;
background:#fff;
border:0 solid #118eaf;
border-width:0 0 0 1px;
}

#section_nav li:first-child{
border-width:0;
padding-left:0;
}

#section_nav img{
margin:2px 0 0 0;
}

#rss_link{
display:block;
font-size:14px;
font-weight:bold;
color:#898989;
width:660px;
text-align:right
}
#rss_link img{
position:relative;
top:8px;
}

.more{
font-size:.8em;
font-weight:bold
}

.table_head{
font-size:inherit !important;
font-weight:bold !important;
text-align:center !important;
background:#eee;
padding:5px 0;
}
.odd{background:#fff}
.even{background:#fcfcfc}

table .title{
text-align:left;
width:300px
}
table .date{
width:100px;
}
table .status{
font-weight:bold;
width:115px;
}
table .actions{
width:110px;
font-size:11px
}

.bigbutton, .backtoadmin{
width:100%;
height:2em;
line-height:2em;
background:#86BFCF;
border:1px dotted #118eaf;
text-align:center;
font-weight:bold;
font-size:20px;
margin:10px 0;
color:#fff;
}

.bigbutton a,.bigbutton a:hover,.bigbutton a:visited{color:#fff}

.backtoadmin{
font-size:12px;
padding:0 10px;
text-align:left;
width:300px;
border:0;
background:#fff;
}

.small{font-size:.8em; font-weight:normal}

.pa_alert, .pa_error{
text-align:center;
padding:5px 0;
width:100%;
border:1px dotted #eb5151;
color:#f14929;
background:#f8a494;
font-weight:bold;
margin:10px 0;
}

.front_page .pa_alert, .front_page  .pa_error{
width:697px;
margin-bottom:20px;
}

.pa_alert{
border-color:#fbdf3b;
background:#fff2a9;
color:#f8ba00;
}

#admin h4{
display:inline;
margin:0 10px 0 0;
}

iframe#image_upload{
width:700px;
height:40px;
background:#fff;
border:0;
display:none;
}

#export_excel{
font-size:11px;
color:inherit !important;
padding:10px 0 5px 39px;
display:block
}

/* Manage image uploads */
.manage{
	float:left;
	width:102px;
	height:102px;
	margin:12px;
	padding:0;
	text-align:center;
}

.manage img{
	border:2px solid #000;
	width: 100px;
	height: 100px;
	margin-bottom:2px;
}

.manage img.noarticle{ border-color:#f4310b !important; }

/* Pagination controls */

ul#pagination{
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	border:0 dotted #ccc;
	border-top-width:1px;
	padding-top:10px;
	margin-top:25px;
}
ul#pagination .left{ float:left; }
ul#pagination .right{ float:right; }
ul#pagination .center{ float:left; padding-left:200px; }
ul#pagination .clear{ clear:both; }

ul#pagination li{
	margin:0 1em;
	display:inline;
	font-weight:bold;
}