/*
Author:                         A Macdonald
                                        info@element21.co.uk
Description:        Styles for NUJ Website for Screen and Projector
Target:                         IE5.5, IE6, Netscape 6,7,8, Mozilla and Firefox on PC
Date Created:        12th August 2005
Modified:                30th August 2005
*/

/*********************************************/
/************ general styles *****************/
/*********************************************/

/* set background, fonts and colour */
html, body {
        height:100%;
        }

/* the Holly Hack */
* html   .visualIEFloatFix { height: 0.01%; }

body {
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        background: #fff;
        margin: 0px;
        line-height: 1.6;
        /*border:2px solid red; */
}

form {
        position:relative;
        /*z-index:10000;*/
        }
/* general link styles */
/* this affects nav bar */

a {
        color: #000;
        text-decoration: none;
}

a:active {
        color: #4cf;
        text-decoration: none;
       }

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

/* square list styles in green */
ul {
        list-style-position: inside;
        list-style-type: square;
        margin-left: 4px !important;
        margin-bottom: 28px !important;
        margin-left: 14px;
        margin-bottom: 0px;
        padding-bottom: 0px !important;
        padding-bottom: 14px;
}

/* make all links in a list in bold */
ul li a {
        font-weight: bold;
}

/* don't display borders around images */
img {
        border: none;
        position: relative;
        z-index:0;
}

h1, h2, h3, h4, h5, h6, p {
  position: relative;
}

/* sizing and colour of h1 was 8px bott*/
h1 {
        font-size: 2.5em !important;
        font-size: 2em;
        line-height: 1.5;
        color: #000;
        margin-top: -6px;
        margin-bottom: 0px;
}

h2 {
        font-size: 2.2em !important;
        font-size: 1.8em;
        line-height: 1.5;
                line-height: 1.0;
        color: #000;
        margin-top: -6px;
        margin-bottom: 8px;
                margin:0px;
}

/* sizing and colour of h3 */
h3 {
        font-size: 2.0em !important;
        font-size: 1.6em;
        line-height: 1.5;
                line-height: 1.0;
        color: #000;
        margin-top: -4px;
        /* margin-top: 20px; */
        margin-bottom: -8px;
                margin:0px;
        padding-bottom: 8px;
}

/* sizing and colour of h3 */

h4 {
        font-size: 1.2em;
        line-height: 1.5;
                line-height: 1.0;
        color: #000;
        margin-top: -4px;
        margin-bottom: -12px;
                margin:0px;
                margin-bottom:10px;
        padding-bottom: 8px;
        position:relative;
        z-index:1000;
}

/* Sets top  & bottom margins for the main nav bar \*/
h3.mainmenu {
        font-size: 1.6em;
        color: #000;
        margin-top: 0px;
        margin-bottom: 8px !important;
        margin-bottom: 6px;
        margin-left:0px;
        padding-bottom: 0px;
        text-align:center;
        }

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
h3.inner {
        font-family: Arial, Helvetica, sans-serif;
        /* was ABlack */
        background: #000;
        color: #000;
        margin-top: 0px;
        margin-bottom: -10px;
                margin:0px;
        padding:2px;
        text-transform: uppercase;
}



#innermenu a, #innermenu h3 a {
font-size: 0.93em;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
margin:0;
padding:2px;
text-decoration: none;
background: #ef8;
}

#innermenu a, #innermenu a:visited {
color:#000;
}

#innermenu a:hover {
color:#000;
background:#ccc;
}

#innermenu a:active {
color:#000;
background:#ccc;
}

/* form labels */
label {
        color: #000000;
}

/*********************************************/
/********** end general styles **************/
/*********************************************/


/*********************************************/
/********** basic layout styles **************/
/*********************************************/

/* move the accessibility links off the page */
#skip, #pageTitle {
        position: absolute;
        margin-left: -1000px;
        margin-top: -1000px;
}

/* centre the page */
#page {
        display:block;
        position: absolute;
        left: 51%;
        z-index:100;
        width: 810px;
        height:2048px;
        height:100%;
        margin: 0px 0px 10px -400px;
        font-size: 0.75em;
}

/* CHECK IE5.2 set height for the masthead leaving room for the menus 154 */
#masthead {
        height: 114px;
        position:absolute;
        z-index:80;
        }

#masthead ul.news, a.news:hover {
        background: #800;
        padding: 0px;
        padding-left: 0px;
        }

/* position the logo and other furniture for masthead */
#logoImage {
        position: absolute;
        right: 0px;
}

/* position the strapline */
#strapline {
        position: absolute;
        top: 40px;
        margin-left: 100px;
        padding: 20px 0 10px 0;
        font-size: 1.9em;
        color: #006000;
}

/* position today's date */
#date {
        position: absolute;
        top: 100px;
        color: #006000;
        margin-left: 10px;
}

div.container {
        border: 1px solid #000000;
        overflow: hidden;
        width: 100%;
}

div.left {
        width: 45%;
        float: left;
}

div.right {
        width: 45%;
        float: right;
}

#dateline {
        position:relative;
        top:-26px !important;
        top:-24px;
        color:#aaa;
        width:460px; /*490*/
        padding:6px 0 7px 0;
        border-top:1px solid #a4a4a4;
        border-bottom:1px solid #a4a4a4;
        /* was font-size:80%; */
        font-size:100%;
}

/* pad the homepage image, float to the left and add border-right*/
#homeImage img {
        border: none;
        position: relative;
        z-index:0;
}

.imageAndCaptionLeft {
        width: 100%;
        /*\*/
        width: auto;
        /**/
        display: block;
        float: left;
        margin: 0px 10px 10px 4px !important; /* box model hack */
        margin: 0px 0px 10px 0px;
        font-size: 85%;
        font-style: italic;
        color: #900;
        position: relative;
        top:4px;
        word-wrap: break-word;
        z-index 1;
        /* mac hack - all browsers obey this */
}

#newimageAndCaptionLeft {
        width:100%;
        display:block;
        float:left;
        padding: 0px;
        margin: 0px;
        font-size: 85%;
        font-style: italic;
        color: #800;
        position: relative;
        word-wrap: break-word;
        z-index:1;
}

.imageAndCaptionRight {
        display: block;
        float: right;
        padding: 0 0 0 20px;
        margin: 5px 0 10px 20px !important; /* box model hack */
        margin: 5px 0 10px 20px;
        border: none !important;  /* remove any borders left around images */
        border-right: #CCC 1px solid !important; /* note this border will not be visible in IE5.5 */
        font-size: 85%;
        font-style: italic;
        color: #400000;
        position: relative;
        z-index:0;
}

#story1 {
        font-family: Arial, Helvetica, "sans serif";
        position:absolute;
        top:142px;
        left:144px;
        z-index:0;
        width:450px;
        float:left;
        margin:2px -4px 0 0 !important;
        margin:0px;
                margin-bottom:0;
        padding:5px 8px 30px 0px !important;
        padding:5px 0px 0px 0px;
        font-size:x-small;
        line-height: 1.3;
        color: #444;
        text-align:left;
}

#story1 img {
        border-top:1px dashed #888;
        border-bottom:1px dashed #888;
        }

#story1 h1 {
        font-family:  Arial, Helvetica;
                /* was ABlack */
        font-size:5.0em;
        font-weight:bold;
        text-align:left;
        line-height:1.6em;
        position:relative;
        top:-10px;
        word-wrap:break-word;
        color: #900;
        margin-bottom:10px;
}

#story1 p {
        position:relative;
        top:-10px;
                top:0px;
        margin-bottom: 10px;
                 margin-bottom: 20px;
                 margin:0px;
}

#story1 h2 {
        font-family: Arial, Helvetica;
                /* was ABlack */
        font-size: 3.0em;
        text-align:left;
        position:relative;
        top:-10px;
                top:0px;
        line-height:1.4em;
        line-height:1.0;
        color: #900;
        margin-bottom:10px;
}

#story1 h3 {
        font-family: Arial, Helvetica;
                /* was ABlack */
        font-size: 2.0em;
        text-align:left;
        position:relative;
        top:-10px;
                top:0px;
        line-height:1.2em;
                line-height:1.0;
                        margin-bottom:-5px;
        color: #900;
}

#story1 h4 {
        font-family: Arial, Helvetica;
                /* was ABlack */
        font-size: 1.5em;
        text-align:left;
        position:relative;

        top:-10px;
                top:10px;

        line-height:1.0em;
                line-height:1.0;
                        margin-top:-12px;
        color: #900;
}


/*line-height works on headline ... */

#story1 a  {
        font-size: 80%;
        font-weight:bold;
        text-align:left;
        line-height:1.2;
        color:#900;
}

#story1 a {
        font-size:85%;
        color:#900;
}

#story1 a:hover {
        text-decoration: none;
        color: #076e99;
}

#story1 a:active {
        text-decoration: none;
        color: #076e99;
}

#story1 a:visited {
        text-decoration: none;
}

#story1 ul ol li {
        list-style-position: outside;
        margin-left:2px;
}

/* stories 2,3 and 4 in a row */
/*VAR sets width of second deck table*/
#story2  {
        display: block;
        position:relative;
        left:-10px;

        /*Mozilla */
        width: 200px !important;
        top:0px !important;

        /*Safari */
                /*
                width: 180px;
                margin: 0 -10px 0 0;
        */

         /*Windows IE \*/
        top:8px;
        top:12px;
        width: 200px;
        margin-left: 10px;
        padding-left:10px;
        /**/

        padding: 0;
        text-align: left;
        font-size:70%;
        line-height:1.3;
        /* was 1.5 */
        background: #fff;
        }

#story2  h1  {
        font-family: Arial, Helvetica;
        font-size: 30px;
        font-weight:bold;
        line-height:36px;
        text-align:left;
        color: #076e99;
        padding:4px 0 -10px 0;
        margin-bottom:0px;
        }

#story2  h2  {
        font-family: Arial, Helvetica;
        font-size: 30px;
        font-weight:bold;
        line-height:36px;
        text-align:left;
        color: #076e99;
        padding:4px 0 -10px 0;
        margin-bottom:0px;
         }

#story2  h3  {
        font-family: Arial, Helvetica;
        font-size: 2em;
        line-height:1.1;
        text-align:left;
        color: #900;
        padding: 10px 0 14px 0 !important;
        padding:4px 0 20px 0;
        }


#story2  h4  {
        font-family: Arial, Helvetica;
        font-size: 1.5em;
        line-height:1.1;
        text-align:left;
        color: #900;
        padding: 10px 0 14px 0 !important;
        padding:4px 0 10px 0;
                //margin-top:-12px;
        }

#story2 a:hover {
        text-decoration: none;
        color: #076e99;
        }

#story2 h3>a {
        text-decoration: none;
        color: #900;
        }

#story2 a:active {
        text-decoration: none;
        color: #076e99;
}

#story3  {
        display: block;
        margin: 0;
        padding: 0;
        text-align:right;
        position: relative;
        top:0px;
        left:-14px;
        z-index:1000000;
}

#story4 {
        display: block;
        width: 150px;
        margin: 0px;
        padding: 0;
}

/* ie recognizes */
#story1 img, #story2 img, #story3 img, #story4 img {
        /* position:relative;
        top:10px; */
        margin-top:10px;
        border:none;
        }



/* a ruler below story1 */
#story1ruler {
        display: block;
        float:right;
        border-bottom: 1px solid #769;
        padding-bottom: 2px;
        margin-bottom: 2px;
        width:460px;
}

/* a ruler below stories 2,3 and 4 */
#story23ruler {
display: block;
        border-bottom: 0px solid #769;
        padding-bottom: 2px;
        margin-bottom: 2px;
        clear:both;
}

/* a ruler below stories newsheads */
/*margin seems to affect WinIE but not Safari or Firefox */
/*thus margin and important directive can separate out */
/*Safari from other browsers */
#news23ruler {
        display: block;
        border-bottom: 0px solid #ddd;
        position: relative;
        top: -40px;

        left: 0px;
        width: 400px;
        padding: 0 0 0 0;
        /* margin-top:-84px !important; */
        margin-top: -44px;
        margin-top: 0px;
        visibility: hidden;
        clear: both;
}
/* VAR otherNews id the list of headlines*/
/* THIS POSITIONS THE LIST AND ITS HEADLINES 460 */
#otherNews {
       display: block;
       clear: both;
       position: relative;
       top:-40px !important;
        top: 0px;
       left: -8px !important;
       left: 0px;
       width: 440px;
       padding: 10px 0 0 6px;
       margin:  0 0 0 8px;
       font-size: 0.9em;
       border-top: 1px solid #076e99;
}
/* targets IE4+ on WIndows */
* html #otherNews {
        margin:10px 0 0 0px;
                top:-20px;
        }

#otherNews : lang(en) {
        /*moz1.2 and osx/ie only */
        }

#otherNews h3 {
        display: none;
        font-size: 1.4em;
        }

#otherNews ul {
        padding: 0 0 0 10px !important;
        margin: 0 0 0 10px !important;
        padding: 0 0 0 7px;
        margin: 0 0 0 7px;

}

#otherNews ul li {
        padding: 2px 0;
        margin: 2px 0;
}

#otherNews ul li a {
        position: relative;
        top: 0px;
        z-index:100;
        text-decoration: none;
        color: #888;
}

#otherNews a:active {
        color: #444;
        text-decoration: underline;
}

#otherNews a:hover {
        color: #444;
        text-decoration: underline;
}

#otherNews li.news {
        font-weight: normal;
        list-style: square outside;
        color: #a00040;
        position: relative;
        z-index:100;
        }
/* IE can read this */

#otherNews a.news:hover {
        font-weight: normal;
        position: relative;
        z-index:100;
        text-decoration: underline;
        }

#otherNews li.campaigns {
        font-weight: normal;
        list-style: square outside;
        color: #076e99;
        position: relative;
        z-index:100;
        }
/* IE can read this */

#otherNews a.campaigns:hover {
        font-weight: normal;
        position: relative;
        z-index:100;
        text-decoration: underline;
        }

#otherNews li.offers {
        font-weight: normal;
        list-style: square outside; color: #f02001;
        position: relative;
        z-index:100;
        }
/* IE can read this */

#otherNews a.offers:hover {
        font-weight: normal;
        position: relative;
        z-index:100;
        text-decoration: underline;
        }

#otherNews li.latenw{
        font-weight: normal;
        list-style: square outside;
        color:#900;
        position: relative;
        z-index:100;
        }
/* IE can read this */

#otherNews a.offers:latenw {
        font-weight: normal;
        position: relative;
        z-index:100;
        text-decoration: underline;
        }


#otherNews ul>b {
        font-size: 1.0em;
        color: yellow;

        padding: 2px;
        margin-bottom: 40px;
        line-height: 1.0;
        float: left;

        position: absolute;
        top:auto;
        left:auto;
        z-index: 1000;
        }


#otherNews ul li.other {
list-style: none;
color: #000;
background: #fff;
padding-left:-4px;
}

#otherNews ul li.camp {
list-style: none;
color: #076e99;
background: #fff;
margin-left:-20px;
/*padding-left:-4px;*/
}


#otherNews ul li.misc {
list-style: none;
color: #000;
background: #f02001;
padding-left:-4px;
}

#otherNews ul li.latest {
list-style: none;
color: #000;
background: #006000;
padding-left:-4px;
}
/* divide the page into 3 columns tr 10,20 */

#column1 {
        display: block;
        float: left;
        position:absolute;
        top:100px;
        left:-4px;
        padding: 14px 0px 0px 0px !important; /*Hack for IE box model bug*/
        padding: 18px 4px 0px 8px;
        background: #fff;
        height:100%;
        /* all the below is a hack for the IE5.5 box model problem,
        don't put anything below the next 4 lines within this declaration */
        width: 110px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 110px;
        }

#column1 img {
        width:104px;
        border:1px solid #ccc;
        }

/* the following declaration clears up any ill effects from the above
IE5.5 hack */
html>body #column1 {
       /*  width:500px; */
        width:390px;
}

#column2 {
        display: block;
        float: left;
        position:absolute;
        top:0px;
        left:0px;
        padding: 14px 0px 20px 0px !important; /*Hack for IE box model bug*/
        padding: 18px 4px 20px 8px;
        background: #fff;
        height:auto;
        /* all the below is a hack for the IE5.5 box model problem, [460]
        don't put anything below the next 4 lines within this declaration */
        width: 456px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 456px;
        }





/* set column 3 to float beside columns 1 and 2 */
#column3 {
        display:block;
        clear:both;
        position:absolute;
        z-index:1;
        top:-4px !important;
        top:2px;
        left:452px;
        border:0px solid red;
        height:auto;
        /* all the below is a hack for the IE5.5 box model problem,
        don't put anything below the next 4 lines within this declaration */
        width: 208px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width:208px;
}

/* the following declaration clears up any ill effects from the above
IE5.5 hack */
html>body #column3 {
        width:190px;
}


#column4 {
        display: block;
        float: left;
        position:absolute;
        top:0px;
        left:0px;
        font-size:small !important;
        font-size:x-small;
        padding: 14px 0px 20px 0px !important; /*Hack for IE box model bug*/
        padding: 18px 4px 20px 8px;
        background: #fff;
        height:auto;
        /* all the below is a hack for the IE5.5 box model problem, [460]
        don't put anything below the next 4 lines within this declaration */
        width: 456px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 456px;
        }

#column4 a {
        font-size:100%;
        }


/* standard page footer 20px l r */
#footer {
        display: block;
        font-size: 0.8em;
        position:relative;
        left:0px;
        top:auto;
        z-index:800;
        width:800px;
        border-top: 20px solid #900;
        color: #006000;
        margin:0px;
        padding: 0 0px 0 0px;
}

 /* hide the page dividers */
hr.noRule {
        display: none;
}

/*********************************************/
/************  end menu styles ***************/
/*********************************************/

/*********************************************/
/************ homepage styles ****************/
/*********************************************/

/* hide the homepage title */
#HomepageTitle {
        display: none;
}

/* styles for the campaigns follow, these are uncommented as they are likely to change during development */
#campaign1 {
        display: block;
        float: left;
        position: relative;
        left: 0px;
        width: 160px;
        padding: 0 2px 0 0;
        margin-bottom: 0px;
}

#campaign1 h3
{
        font-size: 1.8em;
        padding:0px;
}

#campaign2 {
/* positioning of campaign column */
         padding: 2px;
         padding-right:4px;
         margin-top: 0px;
         margin-left:1px;
         position:absolute;
         top:-30px;
         left:454px;
         width:208px;
}
       /* top:-4px !important;
          top:2px; */

#campaignh {
/* positioning of campaign column on home page */
         padding: 2px;
         padding-right:4px;
         margin-top: 0px;
         margin-left:1px;
         position:relative;
         top:-30px !important;
         top:-32px;
         left:2px;
         width:208px;
}

#campaign2 h2 {
        font-size: 2.0em;
        margin: 0px;
        color: #fff;
}

#campaign2 h3 {
        font-size: 1.8em;
        margin: 0px;
        color: #fff;
}

#campaign2 ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#campaign2 ul li {
        font-weight: bold;
        padding-bottom: 5px;
}

#campaign2 a img  {
        border:0;
}

#campaign2 img a  {
        border:0;
}

#campaign3 {
       padding: 2px;
       padding-right:4px;
       margin-top: 20px;
}

#campaign3 h3 {
        font-size: 1.8em;
        margin: 0 0 10px 0;
        color: #000;
}

#campaign4 {
        position: absolute;
        top:116px;
        left:0px;
        z-index:80;
        margin: 7px 0 2px 0 !important;
        margin: 10px 0 2px 0;
        padding: 0px;
        clear: both;
        /* height:200%;  */
        /* This can create a column on left but of fixed length */
        background: #fff;
        width:124px !important;
        width:128px;
}

#campaign4 a img {
        margin:0px 0px 0px 0px !important;
        margin:-4px 0px 2px 0px;
        padding:0px;
        }

#campaign4 h3 {
        font-size: 1.8em;
        margin: 0 0 10px 0;
        color: #900;
}

#campaign5 {
        margin: 20px 0 20px 0;
         padding: 2px;
         padding-right:4px;
        clear: both;
        position:relative;
        left:0px;

}

#campaign5 h3 {
        font-size: 1.8em;
        margin: 0 0 10px 0;
        color: #000;
}


#leftlist {
        color:black;
        background:#e7e8e8;
        padding:0px 0px 2px 0px;
        font-size:90%;
        /* width:124px !important;*/
        width:128px;
        height:auto;
        border-bottom:2px solid white;
        position:relative;
        top:-8px;
        }

#leftlist a {
        display:block;
        color:#156;
        position:relative;
        left:10px;
        width:114px;
        font-size:1.1em;
        font-weight:bold;
        }

#leftlist a:hover {
        color:#156;
        background:#ffe;
        width:114px;
        }

#leftlist a:active {
        color:#156;
        background:#ffe;
        width:114px;
         }


#leftlistr {
        color:black;
        background:#e7e8e8;
        padding:0px 0px 2px 0px;
        font-size:90%;
        width:128px;
        height:auto;
        border-bottom:2px solid white;
        }

#leftlistr a {
        display:block;
        color:#900;
        position:relative;
        left:10px;
                width:114px;
        font-size:1.1em;
        font-weight:bold;
        }

#leftlistr a:hover {
        color:#900;
        background:#ffe;
        width:114px;
        }
#leftlistr a:active {
        color:#900;
        background:#ffe;
        width:114px;
        }


#leftback {
        background:#e7e8e8;
        width:128px;
        }

.submenu a:hover {
        background:#666;
        }

.sidebarR {
        font-size: 0.9em;
        font-style:italic;
}
.sidebarL {
        font-size: 0.9em;
        font-style:italic;
        color:#060;
}

.joinUs {
        background: #f12001;
         width:198px;
}

.joinUs h3, .joinUs a {
        color: #008;
        border:0;
}


.yourDetails {
        background: #fe8;
        background: #fff;
        border: 0px solid #008;
        }

.getActive {
        border: 0px solid #880;
        background: #ff7f06;
        color: #880;
         width:198px;
}

.getActive h3, .getActive a {
        color: #fff;
        font-size:90%;
}

.getActive a:hover {
        background: #888;
        }

.moreInfo {
        border: 0px solid #880;
        background: #004000;
        color: #880;
        width:198px;
}

.moreInfo h3, .moreInfo a {
        color: #fff;
        font-size:90%;
}

.moreInfo a:hover {
        background: #888;
        }

.otherItems {
        border: 0px solid #880;
        background: #f12001;
        color: #808;
        width:198px;
}

.otherItems h3, .otherItems a {
        color: #fff;
        font-size:90%;
}

.otherItems a:hover {
        background: #888;
        }

.voxPop {
        background: #076e99;
        width:128px;
}

.voxPop h3 {
        background: #900;
        color: #600;
        font-size:90%;
}

.voxPop a {
        color: #bef;
        }

.yourDetails {
        background: #7fffff;
        color: #880;
         width:198px;
}
.yourDetails h3, .yourDetails a {
        color: #006;
}

.cap {
        color:#800;
        font-size:60px;
        line-height:44px;
        padding-top:2px !important;
        padding-top:7px;
        padding-right: 1px;
        font-family:  Arial, Helvetica, "sans serif";
                /* was ABlack */
        position:relative;
        z-index:0;
        /* mac hack - ie5.2 ignores this \*/
        float:left;
     }

.medium {
        font-sixe:120% !important;
        font-size: 100%;
        line-height: 1.5;
        font-weight: normal;
        }
.small {
        font-size: x-small;
        }
.csmall {
        font-size: xx-small;
        }
select.csmall {
        width:100px;
        height:16px;
        }
.bsmall {
        font-size: xx-small;
        color: #076e99;
        }
.cheader {
        font-size: x-small;
        background: white;
        text-align: center;
        }
.links {
        font-size: xx-small;
        color: blue;
        text-decoration: underline;
        }
img.hmenu {
        float: left;
        padding-top:12px;
        margin:0;
        }

.calgh {
        width:41%;
        font-size:0.8em;
        position:relative;
        left:-30px;
        padding-right:0px;
        margin-left:0px;
        border:none;
        background:#edebd5;
        }

/* NO VERSION OF IE SEES THE FOLLOWING */

html>/**/body .calgh {
         width:41%;
         font-size:0.8em;
         position:relative;
         left:-16px;
        padding-left:0px;
        margin-left:0px;
        border:none;
        background:#edebd5;
}

/*Keep this as last code cos of Safari hash hack*/

iframe {
        /* width:128px;
        height:198px;
        border:none;
        font-family: Arial, Helvetica;
        font-size: xx-small;
        margin:0px;
        padding:0px;
        overflow:auto;   */
        /* might need a safari # width here */
}




/*********************************************/
/********** end homepage styles **************/
/*********************************************/