﻿/* For www.fairtraderedbridge.org.uk */
/* Author Edward Noble, Cascata Communications Limited */
/* Created 27 August 2009 */
/* Amended 3 October 2009 - Corner divs, width reduced to 49% to display correctly in IE7 */
/* Colours (from Fairtrade Foundation style guide) */
/* Green: #CCCC33 (CMYK 30 0 94 0) */
/* Blue: #00CCFF (CMYK 76 0 6 0) */


body 
{
    background-color: #CCCC33;
    margin: 4px 6px 12px 6px;
    font-size: 90%;
    font-family: Arial;
}



/* Page Structure */
.toplinetext1 a, .toplinetext1 a:visited
{
    color: #000000;
    font-weight: bold;
    font-size: 80%;
}

.addressbar1
{
    width: 100%; 
    margin-top: 0px; 
    background-color: #00CCFF;
}
 
.addressbartext1 
{
    margin: 0px 6px 2px 0px;
    padding: 2px 0px 8px 0px;
    color: #000000;
    font-size: 70%;
    font-weight: bold;
    text-align: right;
}

.addressbartext1 a, .addressbartext1 a:visited
{
    color: #000000;
}
.addressbartext1 a:hover
{
    color: #FFFFFF;
}

#container{width: 974px; margin: 10px auto 10px auto;}

.maincontent1
{
 width: 100%; 
 float: left; 
 clear: both; 
 margin-top: 10px; 
 background-color: #FFFFFF;
}

.maincontentinner1
{
    float: left; 
    margin: 0px 6px 0px 6px;
}

.leftcolumn1
{
    float: left; 
    width: 160px; 
    margin-top: 6px;
}

/* Page structure ends */


.skiplink{position: absolute; left: -9999px;}


/* Corners and borders*/
.topleftFFFCCC
{
    float: left;
    background-image: url(../images/6pxCn_TL_FFF_CC3.gif);
    background-position: top left;
    background-repeat:no-repeat; 
    width: 49%; 
    height: 6px;
}
.toprightFFFCCC
{
    float: right;
    background-image: url(../images/6pxCn_TR_FFF_CC3.gif);
    background-position: top right;
    background-repeat:no-repeat; 
    width: 49%; 
    height: 6px;
}
.bottomleftFFFCCC
{
    float: left;
    background-image: url(../images/6pxCn_BL_FFF_CC3.gif);
    background-position: bottom left;
    background-repeat:no-repeat; 
    width: 49%; 
    height: 6px;
}

.bottomrightFFFCCC
{
    float: right;
    background-image: url(../images/6pxCn_BR_FFF_CC3.gif);
    background-position: bottom right;
    background-repeat:no-repeat; 
    width: 49%; 
    height: 6px;
}
.box_6px_tb_069FFF
{
    height: 6px; 
    width: 155px; 
    background-image: url(../images/6pxbox_tb_069FFF.gif); 
    background-repeat: no-repeat;
}

.box_6px_bb_069FFF
{
    height: 6px; 
    width: 155px; 
    background-image: url(../images/6pxbox_bb_069FFF.gif); 
    background-repeat: no-repeat;
}
.box_6px_in_069ff
{
    width: 153px; 
    border-left: solid 1px #006699; 
    border-right: solid 1px #006699; 
    margin-top: 0px;
}

.box_6px_tb_0CFFFF
{
    height: 6px; 
    width: 155px; 
    background-image: url(../images/6pxbox_tb_0CFFFF.gif); 
    background-repeat: no-repeat;
}

.box_6px_bb_0CFFFF
{
    height: 6px; 
    width: 155px; 
    background-image: url(../images/6pxbox_bb_0CFFFF.gif); 
    background-repeat: no-repeat;
}
.box_6px_in_0CFFFF
{
    width: 153px; 
    border-left: solid 1px #00CCFF; 
    border-right: solid 1px #00CCFF; 
    margin-top: 0px;
}



.box_6px_in_069solid
{
    width: 153px; 
    border-left: solid 1px #006699; 
    border-right: solid 1px #006699; 
    margin-top: 0px;
    background-color: #006699;
    color: #FFFFFF;
}

.boxtext_h_fff1
{
    margin: 0px 4px 0px 4px; 
    color: #FFFFFF;
    font-weight: bold;
    font-size: 80%;
}

.boxtext_b_0001
{
    margin: 0px 4px 0px 4px; 
    font-size: 80%;
}

.box_6px_t_069FFF
{
    height: 6px; 
    width: 155px; 
    background-image: url(../images/6pxbox_t_069FFF.gif); 
    background-repeat: no-repeat;
}

.box_6px_t_0CFFFF
{
    height: 6px; 
    width: 155px; 
    background-image: url(../images/6pxbox_t_0CFFFF.gif); 
    background-repeat: no-repeat;
}

.box_6px_in_0CFsolid
{
    width: 153px; 
    border-left: solid 1px #00CCFF; 
    border-right: solid 1px #00CCFF; 
    margin-top: 0px;
    background-color: #00CCFF;
    color: #000000;
}

.boxtext_h_0001
{
    margin: 0px 4px 0px 4px; 
    color: #000;
    font-weight: bold;
    font-size: 80%;
}

.box_6px_in_0CF
{
    width: 153px; 
    border-left: solid 1px #00CCFF; 
    border-right: solid 1px #00CCFF; 
    margin-top: 0px;
}

.box_6px155_bb_0CFFFF
{
    height: 6px; 
    width: 155px; 
    background-image: url(../images/6pxbox_155_bb_0CFFFF.gif); 
    background-repeat: no-repeat;
}

/* Corners and borders ends */

/* Picture frames */
.picturebanner1
{
width: 100%; 
height:160px; 
background-color: #FFFFFF; 
background-image: url(../images/Banner_Composite3.jpg); overflow: visible;
}


.pictureframe1
{
    float: right;
    background-color: #000000;
    margin: 0px 0px 6px 6px;
    border: solid 1px #000000;
}


/* Picture frames ends*/




/* Text styles */
.navmenu1 ul
{
    margin: 0px;
    padding: 0px;
}

.navmenu1 ul li
{
     list-style-type: none;
     margin: 0px 0px 8px 0px;
     padding: 0px;
}


.navmenu1 a, .navmenu1 a:visited 
{
    color: #006699;
    font-weight: bold;
     font-size: 85%;
    text-decoration: none;
}

.navmenu1 a:hover
{
    text-decoration: underline;
    color: #00CCFF;
}

.centrecolumn1
{
    margin: 6px 170px 0px 170px;
}

/* HTML Tags */
.h1_1
{
    color: #006699;
    margin-top: 0px;
    font-weight: normal;
    font-size: 250%;
}
.h2_1
{
    margin-top: 0px;
    font-size: 95%;
}
.h3_1
{
    margin-top: 0px;
}

.h3_1 a, .h3_1 a:visited
{
    color: #006699;
}

.h3_1 a:hover
{
    color: #00CCFF;
}

li {color:#CC0033;}
li span {color:black;}
/* HTML Tags Ends */

/* Text styles */
.fontsmaller
{
    font-size: 95%;
}
.fontbold
{
    font-weight: bold;
}
.fontred
{
    color:#CC0033;
}
/* Text styles ends*/

/* Objects */

.btnsmall {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; width: 60px; }
.btnmed { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; width: 100px; }
.btnlarge { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; width: 150px; }

/* Objects ends*/

/* Button ads */



/* Button ads Ends*/

