/*
    Standard Elements
*/

body {
    margin:0;
}

a {
    color: #000000;
    text-decoration:none;
}
    a:hover {
        text-decoration: underline;
    }

h1, h2, h3, h4 {
    text-transform: uppercase;
    display:block;
    padding-top:18px;
    font-weight:bold;
    line-height: 80%;
}
h1 {
    color: #a4cd41;
    font-size: 417%;   
    padding:0; 
    margin-bottom:20px;
}
    h1.splash {
        padding-top:20px;        
        background-image: url('/img/decorations/dash-large-green.gif');
        font-size:600%;
        background-repeat: repeat-x;
        color: #a4cd41 !important;
    }
h2 {
    font-size:300%;
    padding:0;
    margin: 8px 0;
    padding-bottom: 8px;
    background-image: url('/img/decorations/dash-small-green.gif');
    background-position: bottom left;
    background-repeat: repeat-x;
    color: #a4cd41;
}
    h2.splash {
        font-size:286%;
        margin: 0 0 8px 0;
        background-image: none;
        color: #000000 !important;
    }
h3 {
    text-transform: none;
    font-size:120%;
    font-weight: normal;
}
h4 {
    color: #ffffff;
    margin:0;
    padding: 0 0 2px 0;
    text-transform:none;
}

/*
    Editor Styles
*/

.pinkText,
.blueText,
.greenText,
.greyText
{
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pinkText
{
    color: #EC008C !important;
}

.blueText
{
    color: #00AEEF !important;
}

.greenText
{
    color: #a4cd41 !important;
}

.greyText
{
    color: #BBCAD3 !important;   
}


/*
    Themes
*/

/* Background Images */

body.splash {
    background-image: url('/img/bg/splash.jpg');
}
body.home {
    background-image: url('/img/bg/home.jpg');
}
body.share {
    background-image: url('/img/bg/share.jpg');
    background-position: center 170px;
}
body.film {
    background-image: url('/img/bg/film.jpg');
    background-position: center 190px;
}

/* Default Theme */

div.centre,
div#sidebar {
    background-image: url('/img/decorations/dash-large-grey.gif');
}

div#navbar ul.sidenav li.active {
    background-image: url('/img/decorations/dash-mid-grey.gif');
}

h2,
div.centre div.textblock h3 {
    background-image: url('/img/decorations/dash-small-grey.gif');
}

ul.articles h3 {
    background-image: url('/img/decorations/dash-tiny-grey.gif');
}

div.centre h1,
div.centre h2,
div.centre h3,
ul.articles a,
div#navbar ul.sidenav li.active a,
span.backLink,
span.backLink a,
.qtip h2,
.qtip a,
table.calendar div.footer a,
div.infobank a,
div.textblock a,
div.textblock-footer a  {
    color: #BBCAD3;
}

ul.paging li a {
    border-color: #BBCAD3;
}

ul.paging li a:hover,
ul.paging li a.current,
table.calendar td p.date {
    background: #BBCAD3;
}

/* Pink Theme */

body.pink div.centre {
    background-image: url('/img/decorations/dash-large-pink.gif');
}

body.pink div#navbar ul.sidenav li.active {
    background-image: url('/img/decorations/dash-mid-pink.gif');
}

body.pink h2,
body.pink div.centre div.textblock h3 {
    background-image: url('/img/decorations/dash-small-pink.gif');
}

body.pink ul.articles h3 {
    background-image: url('/img/decorations/dash-tiny-pink.gif');
}

body.pink div.centre h1,
body.pink div.centre h2,
body.pink div.centre h3,
body.pink ul.articles a,
body.pink div#navbar ul.sidenav li.active a,
body.pink span.backLink,
body.pink span.backLink a,
body.pink .qtip h2,
body.pink .qtip a,
body.pink table.calendar div.footer a,
body.pink div.infobank a,
body.pink div.textblock a,
body.pink div.textblock-footer a {
    color: #EC008C;
}

body.pink ul.paging li a {
    border-color: #EC008C;
}

body.pink ul.paging li a:hover,
body.pink ul.paging li a.current,
body.pink table.calendar td p.date {
    background: #EC008C;
}

/* Blue Theme */

body.blue div.centre {
    background-image: url('/img/decorations/dash-large-blue.gif');
}

body.blue div#navbar ul.sidenav li.active {
    background-image: url('/img/decorations/dash-mid-blue.gif');
}

body.blue h2,
body.blue div.centre div.textblock h3 {
    background-image: url('/img/decorations/dash-small-blue.gif');
}

body.blue ul.articles h3 {
    background-image: url('/img/decorations/dash-tiny-blue.gif');
}

body.blue div.centre h1,
body.blue div.centre h2,
body.blue div.centre h3,
body.blue ul.articles a,
body.blue div#navbar ul.sidenav li.active a,
body.blue span.backLink,
body.blue span.backLink a,
body.blue .qtip h2,
body.blue .qtip a,
body.blue table.calendar div.footer a,
body.blue div.infobank a,
body.blue div.textblock a,
body.blue div.textblock-footer a {
    color: #00AEEF;
}

body.blue div.centre h1
{
    /*background-color:#fff;*/
    background:url(../img/bg/whitetrans80.png);
    display:inline;
    line-height:59px;
}

body.blue ul.paging li a {
    border-color: #00AEEF;
}

body.blue ul.paging li a:hover,
body.blue ul.paging li a.current,
body.blue table.calendar td p.date {
    background: #00AEEF;
}
    
/* Green Theme */

body.green div.centre {
    background-image: url('/img/decorations/dash-large-green.gif');
}

body.green div#navbar ul.sidenav li.active {
    background-image: url('/img/decorations/dash-mid-green.gif');
}

body.green h2,
body.green div.centre div.textblock h3 {
    background-image: url('/img/decorations/dash-small-green.gif');
}

body.green ul.articles h3 {
    background-image: url('/img/decorations/dash-tiny-green.gif');
}

body.green div.centre h1,
body.green div.centre h2,
body.green div.centre h3,
body.green ul.articles a,
body.green div#navbar ul.sidenav li.active a,
body.green span.backLink,
body.green span.backLink a,
body.green .qtip h2,
body.green .qtip a,
body.green table.calendar div.footer a,
body.green div.infobank a,
body.green div.textblock a,
body.green div.textblock-footer a {
    color: #a4cd41;
}

body.green ul.paging li a {
    border-color: #a4cd41;
}

body.green ul.paging li a:hover,
body.green ul.paging li a.current,
body.green table.calendar td p.date {
    background: #a4cd41;
}




/*
    Header
*/

#header div#logo {
    height: 204px;
}
div#intro {
    font-size:120%;
    text-transform: uppercase;
    font-weight:bold;
}
#header ul#mininav, #navbar ul#mininav {
    list-style-type: none;
    padding:0;
    font-size:140%;
    font-weight:bold;
    margin:0 0 10px 0;
    text-transform: lowercase;
    background-image: url('/img/decorations/dash-large-black.gif');
    background-position: bottom;
    background-repeat: repeat-x;
}

#navbar ul#mininav li.faq
{
text-transform:none;
}


    #header ul#mininav li , #navbar ul#mininav li {
        background-image: url('/img/decorations/dash-large-black.gif');
        background-repeat: repeat-x;
    }
        #header ul#mininav li a, #navbar ul#mininav li a {
            display: block;
        }
            #header ul#mininav li a:hover, #navbar ul#mininav li a:hover {
                color: #ED008C;
                text-decoration: none;
            }




/*
    Left Sidebar
*/

div#navbar h2 {
    color: #a4cd41;
    font-size:150%;
    font-weight:bold;
    line-height:1;
    padding: 0;
    margin: 0 0 20px;
    background: none;
}
    div#navbar h2 a {
        color: #a4cd41;
    }

div#navbar ul.sidenav 
{
    background: url('/img/decorations/dash-large-grey.gif') repeat-x bottom left;
    font-weight:bold;
    font-size: 120%;
    line-height:1;
    width:220px;
    margin:0;
    padding: 0 0 10px;
    list-style-type: none;
    text-transform: uppercase;
}
    div#navbar ul.sidenav ul {
        margin: 0 0 0 20px;
        padding: 0;
        list-style-type: none;
    }
    div#navbar ul.sidenav li {
        padding:9px 0;
    }
        div#navbar ul.sidenav li a {
            display:block;
        }
        div#navbar ul.sidenav li.active {
            background-position: bottom left;
            background-repeat: repeat-x;
            padding-bottom:8px;    
        }
            div#navbar ul.sidenav li.active a.first {
                background-image: url('/img/decorations/dash-small-blue.gif');
                background-position: top left;
                background-repeat: repeat-x;
                padding-top:12px;
            }
            div#navbar ul.sidenav li.active li {
                padding:6px 0 0;
            }
                div#navbar ul.sidenav li.active li.active {
                    background-image:none;   
                }
                    div#navbar ul.sidenav li.active li.active a {
                        color: #C2E6F6;
                    }




/*
    Right Sidebar
*/

div#header
{
    height:207px;
}

div#sidebar {
    padding-top:20px;
    background-repeat: repeat-x;
}

div#sidebar h3,
div#navbar h3 {    
    padding:10px 0 8px 0;
    color: #FFFFFF;
    margin:0;
    background-image: url('/img/decorations/dash-large-white.gif');
    background-repeat: repeat-x;
    background-position:top;
    font-weight:bold;
    text-transform: uppercase;
    font-size: 190%;
}

div#sidebar div.block {
    padding:12px;
     color: #ffffff;
}

    div#sidebar div.block.pink {
       background-image: url('/img/decorations/pink-tr.gif');
       background-position: right top;
        background-repeat: no-repeat;
        background-color: #ED008C;
    }
        div#sidebar div.block.pink a {
            color: #FF99FF;
        }
        
    div#sidebar div.block.green {
        background-color: #a4cd41;
        background-image: url('/img/decorations/green-br.gif');
        background-position: bottom right;
        background-repeat:no-repeat;
    }
    
    div#sidebar div.block.blue {
        background-color: #00AEEF;
        background-image: url('/img/decorations/blue-br.gif');
        background-position: bottom right;
        background-repeat:no-repeat;
    }
        div#sidebar div.block.blue a {
          text-decoration:none;
        }
        
div#sidebar div.block.grey
{
    background-color: #aaa;
    background-image: url('/img/decorations/grey-br.gif');
    background-position: bottom right;
    background-repeat:no-repeat;
}


div#sidebar ul {
    list-style-type: none;
    margin:0;
    padding:0;
}

    div#sidebar ul.items li {
        border-top: 1px solid #ffffff;
        padding: 4px 0;
    }

    div#sidebar ul.items img {
        float:left;
        clear:right;
        margin: 0px 10px 0px 0;
    }

    div#sidebar ul.items p.footer {
        font-size:86%;
    }

div#sidebar p {
    margin:0;
}

div#sidebar img.logo {
    margin:6px 0;
}

div#sidebar a {
    text-decoration:underline;
      color: #ffffff;
}
    div#sidebar a.twitter {
        text-decoration: none;   
    }
        div#sidebar a.twitter:hover {
            text-decoration: underline;   
        }




/*
    Footer
*/

div#footer {
margin-top:10px;
}

div#footer-left {
    padding: 0px 6px;
    color: #ffffff;
    background-color: #231F20;
    height: 30px;    
    float:left;
    line-height : 60px;
    margin-top: 10px;
}


div#footer #underFooterBorder
{
    clear:both;
    padding-top: 15px;
    width : 940px;
    border-bottom : 5px dashed #000;
}

div#footer-left.tall {
    height: 30px;
}
div#footer-left p {
    margin:0;
    line-height:15px;
    font-size: 10px;    
}
div#footer-left.tall p {
    line-height:normal;
    margin-top:2px;


}
div#footer-decoration {
    float:left;
    width: 20px;
    height: 21px;
    background-image: url('/img/decorations/footer-r.png');
    background-position: right;
}
div#footer-decoration.tall {
    background-image: url('/img/decorations/footer-r-large.png');
    height:30px;
    width:31px;
}



#URL_div
{
    border-top : 5px dashed #000;
    border-bottom : 5px dashed #000;
    height : 60px
}

#URL_div p 
{
    line-height : 60px;
    height:60px;
}

#URL_div p a
{
    font-weight:bold;
    font-size : 25px;
}

#programmes_div
{
    height : 50px;
    border-bottom : 5px dashed #000;
    margin-top : 10px;
    background-image: url("/images/programbg.png");
    background-repeat: no-repeat; 
    padding-top: 3px; 
    padding-left: 5px;
}

div#footer-decoration.tall.custom {
    background-image: url('/img/decorations/footer-r-42.png');
    height : 30px;
    width : 51px;
    position:relative;
    left : 0px;
    top : 10px;
    
}

#surported_div
{
    width : 100%;
    border-bottom : 5px dashed #000;
}

.footerSponsers
{
    margin : 10px;
    margin-top : 5px;
    margin-bottom : 5px;
    margin-left: 0px;
}

img.footer_programme_images
{
    margin-right : 5px;
}
#bigfooter
{
    text-align : center;
    margin : auto;
}


#footer-left.tall
{
    width : 400px;
}

#preloader
{
    height : 0px;
    width : 0px;
    overflow : hidden;
}


div#footer-decoration.taller.custom {
    background-image: url('/img/decorations/footer-r-42.png');
    height:42px;
    width: 51px;
    position:relative;
    left : 520px;
    top : -36px;
    background-repeat : no-repeat;
   
}


/*
    Main
*/

a#main-link {
    font-size: 520%;   
    text-transform: uppercase; 
    background-image: url('/img/decorations/dash-large-pink.gif');
    background-repeat: repeat-x;
    background-position:left bottom;
    padding:0 0 14px 0;
    line-height:1;
    font-weight:bold;
    display:block;    
}
a#main-link:hover {
    text-decoration: none;
}

p + p {
    text-indent:0;
    margin:0 0 1.5em;
}

body {
    background-repeat:no-repeat;
    background-position: center top;
    margin: 20px 0px;
}

span.backLink {
    float: right;
    font-size: 1.4em;
    text-transform: lowercase;
    margin-right: 7px;
}




/*
    Tooltip
*/

.qtip h2 {
    font-size: 1.5em;
}

.qtip-wrapper {
      
}
    .qtip-wrapper p {
        margin-bottom: 0;
    }
    .qtip-wrapper .link {
        text-align: right;   
    }


/*
    Article List Style
*/

ul.articles {
    padding: 0;
    margin: 12px 0 12px;
    list-style: none;
}

    ul.articles li {
        background: #FFF;
        padding: 0 12px 0 0;
    }
    
        body.splash ul.articles li,
        body.home ul.articles li,
        body.share ul.articles li,
        body.film ul.articles li 
        {
            padding-left: 8px;
        }

        ul.articles li.link  {
            background: url("/img/decorations/textblock-footer.png") no-repeat right bottom;
            margin: 0 0 12px 0;
        }
        
            ul.articles li.link p  {
                text-align: right;
                padding: 0 10px 0 0;
            }

    ul.articles h3 {
        padding: 7px 0;
        margin: 0 0 5px;
        background: repeat-x bottom left;
    }
    
        ul.articles h3 span.date {
            float: right;   
        }
    
    ul.articles p {
        margin: 0;
        padding: 0 0 5px 0;
    }
    
    ul.articles a:hover {
        text-decoration: underline;
    }

    ul.articles img {
        float:right;
        padding: 8px 0;
    }



/*
    Event Details
*/

dl.eventDetails {
    margin-bottom: 12px;
}

dl.eventDetails dt {
    float: left;
    width: 50px;
    text-align: right;
    margin-right: 8px;
}




/*
    Event Calendar
*/

table.calendar {
    margin: 20px 0;
    width: inherit;
}

table.calendar th {
    background: #FFF;
    text-align: center;
}

table.calendar td {
    padding: 0;
    width: 100px;
    height: 100px;
    vertical-align: top;
}

    table.calendar div.content {
        background: #FFF;
        height: 70px;
        width: 90px;
        margin: 0 5px;
    }
    
    table.calendar div.footer {
        background: url('/img/decorations/textblock-footer.png') no-repeat bottom right;
        width: 86px;
        height: 18px;
        margin: 0 5px;
        padding: 2px 0 0 4px;
    }

    table.calendar td p.date {
        padding: 0 6px 0 0;
        margin: 0;
        color: #FFF;
        text-align: right;
    }
    
    table.calendar td ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    table.calendar td li {
        padding: 0 2px;   
    }
    
table.calendar tr.nav th {
    height: 30px;
    background: #FFF;   
}

table.calendar tr.nav td {
    height: 30px;   
}

table.calendar tr.nav a {
    display: block;
}




/*
    Infobank
*/

div.infobank h2 {
    font-size: 1.2em;
}

    div.infobank a,
    div.infobank a:hover {
        text-decoration: none;
        padding-left: 17px;
        background-position: left;
        background-repeat: no-repeat;
        display: block;
    }
    
    div.infobank a.expand {
        background-image: url('/img/decorations/header-plus.gif');
    }
    
    div.infobank a.collapse {
        background-image: url('/img/decorations/header-minus.gif');
    }


/*
    Form
*/

input.text {
    background-color: #BBCBD3;
    color: #ffffff;
    float:right;
    width:160px;
    margin:0;
    margin-top:3px;
    font-size:86%;
    padding:2px;    
    border:none;
}

div.form div.item
{
    margin: 0 0 3px 0;
}

    div.form div.item.tall
    {
        margin: 0 0 16px 0;
    }

div.form label
{
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: right;
    width: 155px;
    line-height: 1.8em;
}

div.form .textblock label
{
    width:126px;
}

    div.form table label
    {
        float: none;
        display: inline;
        width: inherit;   
    }

div.form input.textbox
{
    margin: 0;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    border-left: 1px solid #BBB;
    border-right: none;
    background: #EEE;
    width: 265px;
    display: block;
    float: left;
    padding: 2px;
}

div.form div.nocounter input
{
    border-right:#bbb 1px solid;
    width:304px;
}

    div.form input.textbox:focus
    {
        background: #DEDEDE;
    }
    
    div.form input.textbox.error
    {
        background: #FDD;
        color:#8A1F11;
    }
    
    div.form input.textbox.error:focus
    {
        background: #EECECE;
    }
    
div.form span.counter
{
    background: #EEE;
    display: block;
    float: left;
    width: 35px;
    text-align: right;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    border-right: 1px solid #BBB;
    border-left: none;
    padding: 1px 2px;
}

div.form select
{
    float: right;
    width: 200px;
    background: #EEE;
    padding: 1px;
    border: 1px solid #BBB;
}

    div.form select.error
    {
        background: #FDD;
        color:#8A1F11;
    }

div.form span.required
{
    color: #F00;
    font-weight: bold;
}

div.form div.validation
{
    border: 1px solid #F00;
    background: #FDD;
    color: #000 !important;
    padding: 5px 8px;
    margin: 0 0 16px 0;
}

    div.form div.validation ul
    {
        margin: 0;
        padding: 0 0 0 16px;
    }
    
div.form input.button
{
    float: right;
    background: #ED008C;
    color: #FFF;
    font-weight: bold;
    text-transform:uppercase;
    padding: 2px 8px;
    border: 0;
}

/* Nav */
ul.nav.one li {
    width: 690px;
    height:140px;
}
ul.nav.two li {
    width: 340px;
    height: 140px;
}

ul.nav.three li {
    width: 220px;
    height:140px;
}

ul.nav.four li {
    width: 165px;
    height:110px;
}

ul.nav {
    padding:0;margin:0;
}
ul.nav li {
    list-style-type: none;    
    position:relative;
    display:block;
    float:left;
    margin-right: 10px;
    margin-bottom:15px;
    
}
ul.nav li.last {
    margin-right:0;
}

ul.nav li div {
    /*width:100%;*/
    position:absolute;
    top:85px;    
    background-image: url('/img/decorations/tint.png');
    font-size: 160%;
    font-weight: bold;  
    padding: 0 10px 0 0;
}

    ul.nav.one li div  {
        width:675px;
        padding-right: 15px;
        height: 55px;
    }
    
    ul.nav.two li div  {
        width: 330px;
        height: 55px;
    }
    
    ul.nav.three li div  {
        width:210px;
        height: 55px;
    }
    
    ul.nav.four li div  {
        top:50px;
        font-size: 110%;
        width:155px;
        height: 60px;
        background-image: url('/img/decorations/tint-br.png');
        overflow:hidden;
    }
    
ul.nav li a {
    display:block;
    background-image: url('/img/decorations/dash-large-white.gif');
    background-position: 10px 0;
    padding: 10px 10px 0;
    background-repeat: repeat-x;
    text-transform: uppercase;
    color: #ffffff;
    line-height:1;
}

    ul.nav.one li a  {
        height: 45px;
    }
    
    ul.nav.two li a  {
        height: 45px;
    }
    
    ul.nav.three li a  
    {
        height: 45px;
    }

    ul.nav.four li a {
        background-position: 5px 0;
        height: 50px;
    }



/*
    Paging
*/

ul.paging {
	margin: 0 0 12px;
	padding: 0;
	white-space: nowrap;
	list-style: none;
	width: auto;
}
    ul.paging li {
    	float: left;
    	padding: 5px 0 0 0;
    }
        ul.paging li a {
        	display: block;
        	padding: 2px 6px;
        	margin: 0 1px;
        	text-decoration: none;
        	border: 1px solid #ccc;
        	background: #FFF;
        }
            ul.paging li a:hover,
            ul.paging li a.current {
            	background: #52BD51;
            	border: 1px solid #52BD51;
            	color: #FFF;
            }




/*
    Gubbins
*/

div.dash {
    margin:10px 0;
    background:none;
    height:8px; 
    background-repeat: repeat-x;
    clear:both;
}

.clear
{
    clear:both;
}

div.dashblue {  
    background-image: url('/img/decorations/dash-large-blue.gif');    
}

div.dashpink {  
    background-image: url('/img/decorations/dash-large-pink.gif');    
}

div.dashgrey {  
    background-image: url('/img/decorations/dash-large-grey.gif');    
}

div.dashgreen {  
    background-image: url('/img/decorations/dash-large-green.gif');    
}


div.centre {
    background-repeat: repeat-x;
    padding-top: 20px;
    
}
div.centre.two div.centre {
    width:690px;
}
div.centre.three div.centre{
    width:468px;
}
div.centre div.textblock {
    background-color: #ffffff;
    padding: 5px 12px 0px 0px;
    margin-top:5px;
}
    div.centre div.textblock img.header {
        float: right;
        padding: 3px 0 8px;
    }
    div.centre div.textblock h3 {
        padding: 8px 0;
        background-position: bottom left;
        background-repeat: repeat-x;
        margin: 0 0 8px 0;
        font-size: 1.4em;
    }
        div.centre div.textblock h3#filterHeader:hover {
            cursor: pointer;
        }
    body.splash div.centre div.textblock,
    body.home div.centre div.textblock,
    body.share div.centre div.textblock,
    body.film div.centre div.textblock {
        padding: 5px 12px 0px 12px;
    }
    
div.centre div.textblock p {
    padding-bottom:12px;
    margin-bottom:0;
}

div.centre div.textblock p.date {
    font-style: italic;
    margin-bottom:12px;
    font-size: 1.1em;
}
    
div.centre div.textblock-footer {
    height: 20px;
    background-image: url('/img/decorations/textblock-footer.png');    
    background-position: bottom right;
    background-repeat:no-repeat;
}

div.centre div.textblock-footer p  {
    text-align: right;
    padding: 0 22px 0 0;
    margin-bottom:0;
}


div.centre div.gallery  {
margin:10px 0;
}

div.centre div.gallery img {
    margin-right: 5px;
}





.nobg {
    background-image: none !important;
}
.notop {
padding-top:0 !important;
}



div.splashContent {
    height: 625px;
}

.bigfooter
{
    /*border-top:1px solid #ccc;*/
    font-size:85%;
}

div#sidebar ul.items li.programmes
{
 background-color:White;
 height:50px;
 text-align:center;
 display:block;
}

div#sidebar ul.items li.programmes img
{
    float:none;
    margin: 0px;
}

div#map_canvas
{
    height:275px;
}

div#map_canvas_large
{
    height:450px;
}

div#map_canvas p,
div#map_canvas_large p
{
    padding:0;
    margin:10px 0;
}

body.blue div.centre a.h1colink,
body.blue div.centre a.h2colink
{
    color:#00AEEF;
    float:right;
    font-size:20px;
    padding: 0 5px;
    background:url("../img/bg/whitetrans80.png") repeat scroll 0 0 transparent;
}

body.blue div.centre a.h1colink
{
    margin-top:29px;
    margin-left:4px;
}

h2.subtitle1
{
    display:inline;
}

.blogcomment textarea
{
    height:90px;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    width:375px;
    margin-top:0px;
    font-size:1.0em;
}

.hiddenfield
{
    display:none;
}

div.placeholdervideo
{
    width:100%;
    height:275px;
    background-color:#987;
}

div.form div.floatingcounter span.counter
{
    float:right;
    border-left:#bbb solid 1px;
    margin-right:11px;
}

div.form div.newblog label
{
    width:55px;
}

div.form div.newblog textarea
{
    width:363px;
    height:200px;
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size:100%;
    background:#eee;
}

div.centre div.textblock h1
{
    display:block;
}

div.centre div.textblock div.img
{
    text-align:center;
}

div#sidebar div.login input
{
    background:none repeat scroll 0 0 transparent;
    border:1px solid #888;
    color:#777;
    cursor:pointer;
    margin-top:10px;
    text-decoration:none;
    padding:5px;
    background-color:#ddd;
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size:15px;
}

div#sidebar div.login input.go
{
    padding: 4px 10px;
    margin-left:14px;
}

div#sidebar div.login input.alt { background-color:#aaa; color:#fff; width:180px; }
div#sidebar div.login input.alt:hover { background-color:#999; }

div#sidebar div.login input:hover
{
    background-color:#efe;
}

div#sidebar div.login hr
{
    background-color:#fff;
}

div.centre div.textblock p.postedby
{
    display:block;
    text-align:right;
}

div#sidebar div.block.blue .bloglinks a:hover
{
    text-decoration:underline;
}

/*steve */
ul.mytmc 
{
    border-top: none;
    padding: 0px 0;
}

ul.mytmc li
{
    /*padding-left: 10px;*/
}


body.blue div.centre h2.myprojects
{
    color: #00AEEF;
    text-transform: uppercase;
    font-size: medium;
    background-image: none;
}

body.blue div.centre h2.myprojects a
{
    color: #00AEEF;
    text-transform: uppercase;
    font-size: medium;
}



/*Barry /*/


/*Interactive menu*/

#int_menu
{
    /*position:relative;*/
    top:0px;
    left:0px;
    height: 266px;
    width : 690px;
    height : 207px;
    float:right;
    text-align:center;
    
}

/* items - general */

#int_menu .int_menu_item
{
    display:block;
    width : 113px;
    height: 90px;
    margin : 0px;
    text-align:center;
    /*position:relative;*/
    top:0px;
    left:0px;
}

#int_menu .int_menu_item_bottom
{
    display:block;
    width : 113px;
    height: 90px;
    margin : 0px;
    text-align:center;
    position:relative;
    top:0px;
    left:0px;
}

#int_menu #int_lower_row_4 .int_menu_item,#int_menu #int_lower_row_4 .int_menu_item a
{
    width : 226px;
}

#int_menu #int_lower_row_4 .int_menu_item a
{
    margin-left: 15px;
}


#int_menu div
{
    top:0px;
    width: 113px;
}

#int_menu ul.parentUL, #int_menu ul.parnetUL li
{
    height:75px;
    
}

/* menu icons positions*/
#int_menu #int_row_1
{

    float:left;
    display:inline;
}

#int_menu #int_row_2
{

    float:left;
    display:inline;
}

#int_menu #int_row_3
{
    float:left;
    display:inline;
    /*width:226px;*/
}

#int_menu #int_row_3 span#projects
{
    /*float:left;*/
    overflow:visible;
    width:113px;
    display:inline;
}

#int_menu #int_row_3 span#projects a
{
    width: 210px;
}

#int_menu #int_row_4
{
    /*position:relative;
    left:-90px;*/
    float:left;
    display:inline;
}

#int_menu #int_row_5
{

    float:left;
    display:inline;
}

#int_menu #int_row_6
{

    float:left;
    display:inline;
    position:relative;
}   

#int_menu #int_lower_row_4
{

    top : 92px;
    float: left;
    display:inline;

}


/* Menu images */

#int_menu div span a
{
   margin : auto;
   display : block;
   width: 113px;
   height : 77px;
   margin-top : 5px;
}



#about a:link, #about a:visited
{
    background:url('/img/int_menu/about_s.jpg');
}
#schools a:link, #schools a:visited
{
     background:url('/img/int_menu/schools_s.jpg');
}
#news a:link, #news a:visited
{
     background:url('/img/int_menu/news_s.jpg');
}
#programmes a:link, #programmes a:visited
{
    background:url('/img/int_menu/programmes_s.jpg');
}

#events a:link, #events a:visited
{
    background:url('/img/int_menu/events_s.jpg');
}
#projects a:link, #projects a:visited
{
    background:url('/img/int_menu/stuff_s.jpg');
}
#signup a:link, #signup a:visited{
    background:url('/img/int_menu/sign-up_s.jpg');
}
#jobs a:link , #jobs a:visited
{
    background:url('/img/int_menu/jobs_s.jpg');
}
#bemighty a:link, #bemighty a:visited
{
    background:url('/img/int_menu/bemightybecreative_s.jpg');
}

#contactus a:link, #contactus a:visited
{
    background:url('/img/int_menu/contact-us_s.jpg');
}

#tmcmap a:link, #tmcmap a:visited
{
        background:url('/img/int_menu/tmcmap_s.jpg');
}

/*background:url('/img/int_menu/') */
#about a:hover
{
    background:url('/img/int_menu/about_over_s.gif');
}
#schools a:hover
{
    background:url('/img/int_menu/schools_over_s.gif');
}
#news a:hover
{
    background:url('/img/int_menu/news_over_s.gif');
}
#programmes a:hover
{
    background:url('/img/int_menu/programmes_over_s.gif');
}

#contactus a:hover
{
    background:url('/img/int_menu/contact-us_over_s.gif');
}
#events a:hover
{
    background:url('/img/int_menu/events_over_s.gif');
}
#signup a:hover
{
   background:url('/img/int_menu/sign-up_over_s.gif');
}
#jobs a:hover
{
   background:url('/img/int_menu/jobs_over_s.gif');
}

#tmcmap a:hover
{
   background:url('/img/int_menu/tmcmap_over_s.gif');
}
#bemighty a:hover
{
   background:url('/img/int_menu/bemightybecreative_over_s.gif');
}

#projects a:hover
{
    background:url('/img/int_menu/stuff_over_s.gif');
}



/* Drop menu css*/


#int_menu div span li a li,#int_menu div span li, #int_menu div span ul, #int_menu div span ul li a ul
{
    list-style-type: none;
    margin : 0px;
    padding : 0px;
    text-indent:0px;

}

#int_menu div span li a div
{
    border:1px solid red;
    width:100%;
}

#int_menu div span li a:hover div
{
    background : red;
}

.menu_drop_box
{
   position:absolute;
    top:10px;
    width:133px; 
    z-index : 999;        
    top: 70px;    
    left:0;     

 }
 
 .menu_drop_box ul
 {
     margin-top : 0px;
     padding-top:0px;
     position:relative;
     top:-10px;
 }

#projects .menu_drop_box
{
  width: 226px;
}



#int_menu div span ul li .menu_drop_box ul li a
{
    color : #fff;
    display: block;
    width:100px;
    height:auto;
    text-align : left;
    border-top: 1px dashed #fff;
    margin-bottom:0px;
    padding : 0px;
    font-weight:bold;
    text-indent:0px;
}

#int_menu div span ul li a:visited .menu_drop_box,
#int_menu div span ul li a:link .menu_drop_box
{
    display : none;
}
#int_menu div span ul li a:hover .menu_drop_box
{
    display : block;
}




.blue_menu
{
  background : #00AEEF;
}

.green_menu{
    background: #A4CD41;
}

.pink_menu
{
    background:#ED008C;
}

#int_menu div span ul li span, #int_menu #int_lower_row_4 #projects ul li span
{
    left : -200000px;
}

#int_menu div span ul li:hover span
{
    left : 0px;
}

#int_menu #int_lower_row_4 #projects ul li:hover .menu_drop_box
{
   /* left : 30px;*/
}

a:visited img,a:link img, a:hover img
{
    border:none;
}

#navbar h2
{
display:none;
}


div#navbar div.block {
color:#FFFFFF;
padding:12px;
}

.lightgrey
{
    background-color: #bbcad4;
    /*background-image: url('/img/decorations/lgrey-tr.gif');*/
    background-position: top right;
    background-repeat:no-repeat;
}


div#navbar div.block.black
{
    background-color: #231f20;
   /* background-image: url('/img/decorations/black-br.gif');*/
    background-position: bottom right;
    background-repeat:no-repeat;
    color:#fff;
}

div#navbar div.block.black a,
div#navbar div.block.black a:focus,
div#navbar div.block.black a:hover
{
    color:#fff;
}

div#navbar div.block.news .article
{
    font-size:86%;
    padding:3px 0;
    border-top:1px solid #fff;
}


div#main div#homepagearticles h1
{
    font-size:300%;
    background:transparent url(../img/decorations/dash-small-green.gif) bottom left repeat-x;
    padding-bottom:8px;
}

div#main div#homepagearticles div.chover,
body.homepage div#footer div#URL_div,
body.homepage div#footer div#programmes_div
{
    background-image:url("/img/decorations/dash-large-green.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
    padding-bottom:20px;
}

body.homepage div#footer div#URL_div,
body.homepage div#footer div#programmes_div
{
    border:0;
}
body.homepage div#footer div#URL_div{padding-bottom:10px;}

body.homepage div#footer div#URL_div,
body.homepage div#footer div#URL_div p
{
    line-height:25px;
    height:auto;
    margin-bottom:0;
}

div#emailCategories table td input
{
    float:left;
}

div.form div#emailCategories table td label
{
    margin-left:20px;
    text-align:left;
    display:block;
}

div.projectsbox div.article
{
    padding-left:70px;
    margin:10px 0;
}

div.projectsbox div.article h5
{
    border-top:1px solid #fff;
    color:#fff;
    margin-bottom:0;
}

div.projectsbox div.article p,
div.projectsbox div.article a
{
    font-size:86%;
}

body.homepage #main h1
{
margin-bottom:10px;
}

body.homepage #main p
{
	margin:5px 0;
}

#int_menu ul li
{
z-index:999 !important;
}

div#navbar div.creativeagentlogin,
div#navbar div.creativeagentlogin h4,
div#navbar div.creativeagentlogin a,
div#sidebar div.creativeagentlogin,
div#sidebar div.creativeagentlogin h4,
div#sidebar div.creativeagentlogin a
{
    color:#58585a;
    text-decoration:none;
}

div#sidebar div.creativeagentlogin a:hover
{
    text-decoration:underline;
}

.creativeagentlogin h4
{
    font-size:1.5em;
    line-height:1.0em;
    padding-bottom:8px;
    margin-top:-20px;
}
.creativeagentlogin p
{
    margin:2px 0;
}
.creativeagentlogin .section
{
    border-bottom:1px solid #58585a;
    border-bottom-style:dotted;
}

.creativeagentlogin label
{
    display:block;
}

.creativeagentlogin input
{
    margin:2px 0;
}

.creativeagentlogin h4,
.creativeagentlogin label
{
    text-transform:uppercase;
}

div#sidebar .creativeagentlogin ul.projectLinks
{
    list-style:square;
    margin:0 0 0 18px;
    padding:0;
}

.centre .removecomment
{
    text-align:right;
    margin:10px 0 -2px 0;
}
.centre .removecomment a
{
    line-height:16px;
    color: #00AEEF;
    font-size: 16px;
    background: url("../img/bg/whitetrans80.png") repeat 0 0 transparent;
    padding:5px;
}