/**
 * @created on 2008.06.05
 * @author Mike Kelly
 * @contact mike.kelly@wiredmedia.co.uk
 *
 * FONTS
 * All titles nav, bold, etc - Helvetica
 * Rest - Arial
 *
 * COLOURS
 * Text black : 585757
 * Text black darker : 000000
 * Link blue : 369ada
 * Link blue lighter : 47a6df (used for links in main content, ignoring for time being)
 * Link hover red : ff0000
 * Link visited blue : 4c7892
 * Borders grey : cccccc
 * heading black : 000000
 **/

/* Text and stuff */

* {
	padding: 0px;
	margin: 0px;
	font-family: Sans Serif, Geneva, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #000;
}

body {
    width: 100%;
    min-width: 950px;
    height: auto;
    background-color: #fff;
}

a {
    color: #542a7e;
    text-decoration: underline;
}

a:visited {
    color: #a994bf;
}

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

a img {
    border: 0;
}

hr {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #ececec;
}

.content hr {
    margin-bottom: 10px;
}

strong {
    color: #000;
    font-size: 116%;
    font-weight: bold;
}

.content ul {
    margin-left: 10px;
    list-style: disc outside;
}

    .content li {

    }

.content p,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content ul,
.content table {
    margin-bottom: 10px;
}

.content p {
    line-height: 14px;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-family: Arial, Verdana;
}

h1 {
    color: #000000;
    font-size: 130%;
    font-weight: bold;
}

h1 span {
    font-size: 100%;
}

h1 b {
    font-size: 100%;
    color: #000000;
}

h1 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

h1 a:hover {
    text-decoration: underline;
}

h2 {
    color: #000000;
    font-size: 120%;
    font-weight: bold;
}

h2 span {
    font-size: 100%;
}

h2 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
}

h3 {
    color: #000000;
    font-size: 110%;
    font-weight: bold;
}

h3 span {
    font-size: 100%;
}

h3 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

h3 a:hover {
    text-decoration: underline;
}

h4 {
    color: #000000;
    font-size: 110%;
    font-weight: bold;
}

h4 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

h4 a:hover {
    text-decoration: none;
}

/* FORM STUFF */

fieldset {
    border: 1px solid #cccccc;
}

legend {
    color: #000000;
    font-size: 175%;
    font-weight: normal;
    margin-bottom: 10px;
}

label {
    width: 200px;
    float: left;
    margin-right: 10px;
    clear: left;
}

.content label {
    padding-bottom: 10px;
}

.frm_hlp {
    display: block;
    color: #999;
}

.input {
    text-align: left;
}

.col_centre .input {
    display: block;
    margin-bottom: 10px;
}

span.input {
    display: block;
    margin-top: 10px;
    min-height: 40px;
}

	.frm_txt {
        width: 280px;
	    padding: 6px;
	    border-right: 1px solid #f3f3f3;
	    background: #fff url( ../../image/png/bg.form.input.png ) no-repeat top left;
	    color: #000000;
	    font-weight: bold;
	    vertical-align: middle;
	}

	*html .frm_txt {
        width: 270px;
        height: 31px;
	}

	#col_left .frm_txt {
	   width: 200px;
	}

	#col_right .frm_txt {
	   width: 145px;
	}

	.frm_rad {
	    padding: 5px;
	    margin: 5px;
	    vertical-align: middle;
	}

	textarea {
        width: 280px;
        height: 100px;
	    padding: 5px;
	    border-right: 1px solid #f3f3f3;
	    background: #fff url( ../../image/png/bg.form.input.png ) no-repeat top left;
	    color: #000000;
	    font-weight: bold;
	    vertical-align: bottom;
	}

	select {
	    width: 292px;
	    padding: 5px;
	    background-color: #fff;
	    color: #000000;
	    font-weight: bold;
	    vertical-align: middle;
	}

	* html select {
	    width: 275px;
	}

	.input select {

	}

	#col_left select {
	   width: 200px;
	}

	#col_right select {
	   width: 160px;
	}

	.input_width_auto select,
    .input_width_auto textarea,
    .input_width_auto .frm_text {
	   width: auto;
	}

.submit {

}

div.submit {
    clear: left;
    padding-top: 10px;
}

    .submit input {
	    width: auto;
	    text-align: left;
	    height: 31px;
	    line-height: 31px;
	    padding: 0 5px;
	    padding-right: 27px;
	    background: #34647d url( ../../image/png/bg.form.button.png ) no-repeat 90% 50%;
	    color: #fff;
	    border: none;
	    font-weight: bold;
	    vertical-align: bottom;
    }

    .submit input:hover {
        color: #ff0000;
        background: #34647d url( ../../image/png/bg.form.button.hover.png ) no-repeat 90% 50%;
        cursor: pointer;
    }



	#col_left .submit input {
	   width: 200px;
	}

	#col_right .submit input {
	   width: 160px;
	}

	.error {
	   color: #ff0000;
	   font-weight: bold;
	}

label.frm_required {
    font-weight: bold;
}

input.frm_required {

}

select.frm_required {

}

/* LAYOUT */

#page {
	position: absolute;
	left: 50%;
	top: 10px;
	width: 944px;
	height: auto;
	margin-left: -472px;

	/*background-color: pink;*/
	}

* html #page {

    }

    #header {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 117px;
        z-index: 200;
        overflow: hidden;

        /*background-color: yellow;*/
        }

        #header_inner {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;

            /*background-color: red;*/
            }

            #logo {
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;

                /*background-color: black;*/
                }

            #mission {
                position: absolute;
                left: 40px;
                top: 50px;
                width: 100%;
                height: 100%;

                /*background-color: black;*/
                }

    #main {
        width: 100%;
        height: auto;
        top: 127px;
        position: absolute;
        z-index: 100;

        /*background-color: purple;*/
        }

        #main_inner {
            padding-left: 316px;
            padding-right: 0px;
            overflow: hidden;

            /*background-color: yellow;*/
            }

        * html #main_inner {

            }

        #main_inner_complete {
            padding-left: 0px;
            padding-right: 0px;
            overflow: hidden;

            /*background-color: yellow;*/
            }

            .col {
                position: relative;
                float: left;
            }

            #main #col_centre {
                width: 100%;

                /*overflow: hidden;*/
                /*background-color: blue;*/
                }

            * html #main #col_centre {
                width: 624px;
                }

                #main #col_centre .col_centre {
                    margin-bottom: 10px;
                    }

                #main #col_centre .content {
                    padding: 10px;
                    }

                #main_inner_complete #col_complete .content {
                    padding: 10px;
                    }

           #main #col_complete {
                width: 100%;

                /*overflow: hidden;*/
                /*background-color: blue;*/
                }

            #main #col_left {
                width: 316px;
                right: 316px;
                margin-left: -100%;

                /*overflow: hidden;*/
                /*background-color: red;*/
                }

            /*** IE Fix ***/
            * html #main #col_left {
                left: 0px;
                right: 316px;
                margin-left: -100%;
            }

                #main #col_left .col_left {
                    margin-right: 10px;
                    margin-bottom: 10px;
                    }

                #main #col_left .content {
                    padding: 10px;
                    }

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

            #copyright {
                padding: 10px 0;
                }

        * html #footer {
            float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: #FFF;         /*** Same as body background ***/

            }

/* CONTENT */

#page {

    }

    /* header */

    #header {

        }

        #header_inner {

            }

            #mission {

                }

                #mission h2 {
                    color: #fff;
                    font-size: 140%;
                }

    /* main */

    #main {

        }

        #main_inner {

            }

            /* main recyclable bits */

                /* BOXES */

                .box {

                    }

                    .box h1 {

                        }

                    .box .inner {

                        }

                    .box .content {

                        }

                #col_left .box {
                    background: transparent url( ../img/bg.box.sml.bot.png ) no-repeat bottom left;
                    padding-bottom: 20px;
                    }

                    #col_left .box h1 {
                        padding: 20px 10px 0px 16px;
                        background: transparent url( ../img/bg.box.sml.top.png ) no-repeat top left;
                        height: 30px;
                        }

                    * html #col_left .box h1 {
                        height: 30px;
                        }

                    #col_left .box .inner {
                        border-left: 6px solid #ececec;
                        border-right: 6px solid #ececec;
                        }

                    * html #col_left .box .inner {
                        height: 320px;
                        }

                #col_centre .box {
                    background: transparent url( ../img/bg.box.lrg.bot.png ) no-repeat bottom left;
                    padding-bottom: 20px;
                    }

                * html #col_centre .box {
                    background: transparent url( ../img/bg.box.lrg.bot.ie.png ) no-repeat bottom left;
                    }

                    #col_centre .box h1 {
                        height: 30px;
                        padding: 3px 10px 0px 10px;
                        background: transparent url( ../img/bg.box.lrg.top.png ) no-repeat top left;
                        }

                    * html #col_centre .box h1 {
                        background: transparent url( ../img/bg.box.lrg.top.ie.png ) no-repeat top left;
                        height: 30px;
                        }

                    #col_centre .box .inner {
                        border-left: 6px solid #ececec;
                        border-right: 6px solid #ececec;
                        }

                    * html #col_centre .box .inner {
                        height: 300px;
                        }

                #col_complete .box {
                    background: transparent url( ../img/bg.box.big.bot.big.png ) no-repeat bottom left;
                    padding-bottom: 13px;
                    }

                * html #col_complete .box {
                    background: transparent url( ../img/bg.box.big.bot.big.png ) no-repeat bottom left;
                    }

                    #col_complete .box h1 {
                        padding: 9px 10px 0px 10px;
                        height: 5px;
                        background: transparent url( ../img/bg.box.big.top.big.png ) no-repeat top left;
                        }

                    * html #col_complete .box h1 {
                        background: transparent url( ../img/bg.box.big.top.big.png ) no-repeat top left;
                        height: 20px;
                        }

                    #col_complete .box .inner {
                        border-left: 6px solid #ececec;
                        border-right: 6px solid #ececec;
                        overflow: auto;
                        min-height: 350px;
                        }

                    * html #col_complete .box .inner {
                        height: 300px;
                        margin-bottom: 20px;
                        }

                        #col_left .box .inner h1,
                        #col_centre .box .inner h1,
                        #col_complete .box .inner h1 {
                            padding: 0px;
                            background-image: none;
                            height: auto;
                            }

                        .content_image {
                            width: 180px;
                            height: auto;
                            margin-right: 10px;
                            padding-top: 95px;
                            float: left;
                        }

                        .content_text {
                            width: 530px;
                            height: auto;
                            margin-right: 10px;
                            float: left;
                            padding-top: 65px;
                        }

                        .content_action {
                            width: 180px;
                            height: auto;
                            float: left;
                            padding-top: 95px;
                        }

            /* left column */

            #col_left {

                }

                #col_left .inner {
                    height: 310px;
                    }

            /* centre column */

            #col_centre {

                }

                #col_centre #links {
                    }

                    #col_centre #links .inner {
                        overflow: auto;
                        height: 315px;
                        padding-top: 20px;
                        }

                        #col_centre #links .inner .link {
                            width: 182px;
                            float: left;
                            margin-bottom: 10px;
                            margin-left: 8px;
                            margin-right: 0px;
                            }

                        html[xmlns] #col_centre #links .inner .link {
                            width: 190px;
                            }

                            #col_centre #links .inner .link .link_img {
                                width: 100%;
                                width: 180px;
                                height: 120px;
                                display: block;
                                text-align: left;
                                overflow: hidden;
                                margin-bottom: 10px;
                                }

                            #col_centre #links .inner .link .link_info {

                                }

    /* footer */

    #footer {
        overflow: auto;
        margin-bottom: 20px;
        }

        #footer #copyright {
            margin-bottom: 0px;
            padding-bottom: 0px;
            }

            #footer #copyright .inner {
                text-align: right;
                margin-bottom: 0px;
                padding-bottom: 0px;
                }

                #footer #copyright .inner ul {
                    list-style: none;
                    margin-bottom: 0px;
                    }

                    #footer #copyright .inner ul li {
                        padding: 0px 10px;
                        color: #9e9e9e;
                        font-size: 90%;
                        }

                        #footer #copyright .inner ul li a {

                            }

        #footer #credits {
            }

            #footer #credits .inner {
                text-align: right;
                }

                #footer #credits .inner ul {
                    list-style: none;
                    margin-bottom: 5px;
                    }

                    #footer #credits .inner ul li {
                        display: inline;
                        padding: 0 10px;
                        color: #9e9e9e;
                        font-size: 90%;
                        }

                        #footer #credits .inner ul li a {
                            font-size: 90%;
                            color: #9e9e9e;
                            }

                        #footer #credits .inner ul li a:hover {
                            text-decoration: none;
                            }

/* extras */

.hidden {
    display: none;
    }

.cake-sql-log {
    display: none;
}