/* Main layout CSS */
body {
    margin:0;
    padding:0;
    width:100%;
    background:#000000;
    font-family:verdana,helvetica,arial,sans-serif;
    /* Minimum width of layout - remove line if not required */
    min-width:600px;
    /* The min-width property does not work in old versions of Internet Explorer */
    font-size:82%; /* was 90 %*/
}
a {
    color:#0000FF;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color:#ff0000;
    text-decoration:none;
    text-decoration:underline;
}
h1, h2, h3 {
    margin:.8em 0 .2em 0;
    padding:0;
    font-size:1.1em;
}
p {
    margin:.4em 0 .8em 0;
    padding:0;
}
img {
    margin:10px 0 5px;
}
#header {
    float:left;
    width:400px;
    height: 90px;
    padding:0;
    margin:0;
    border-bottom:1px solid #FFFFFF;
}
#header p {
    padding:.5em 15px   .2em 15px;
    margin:0;
}
#header h1  {
    padding:.2em 15px;
    margin:0;
}
#header h2  {
    padding:.2em 15px   .7em 15px;
    margin:0;
}
#syndication {
    float: left;
    width: 45px;
    height: 90px;
    padding:0;
    margin:0;
    border-bottom:1px solid #FFFFFF;
}
#syndication img {
    margin: 0;
    padding: 0;
}
#topbanner {
    margin:0px;
    border:0px;
    padding:0px;
    height:90px;
    border-bottom:1px solid #FFFFFF;
}
#topbanner img {
    position:relative;
    left:35px;
}

#menu-container {
    float:left;
    background: #cccccc;
    height: 25px;
    width:100%;
    padding:0;
    margin:0;
    border-bottom:1px solid #FFFFFF;
}
#menu-containerp {
    padding:.5em 15px   .2em 15px;
    margin:0;
}
#menu-container h1  {
    padding:.2em 15px;
    margin:0;
}
#menu-container h2  {
    padding:.2em 15px   .7em 15px;
    margin:0;
}
#colmask {
    /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    position:relative;
    clear:both;
    float:left;
    /* width of whole page */
    width:100%;
    /* This chops off any overhanging divs */
    overflow:hidden;
    background-image: url(img/layout/black-purple.png);
    /* Left column background colour */
    /* background:#000066; */
}
#colmid {
    float:left;
    width:200%;
    position:relative;
    left:200px;
    /* Centre column background colour */
    background-image: url(img/layout/purple-square.png);
}
#colright {
    float:left;
    width:100%;
    position:relative;
    left:50%;
    margin-left:-400px;
    background-image: url(img/layout/purple-black.png);
    /* Right column background colour */
/* background:#660066;*/
}
#col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:100%;
}
#col1pad {
    margin:0 0px 0 380px;  /* margin:0 15px 0 415px */
    overflow:hidden;
}
#col1 {
    width:100%;
    overflow:hidden;
}
#col2 {
    float:left;
    width:152px;        /* 170 */
    position:relative;
    margin-left:-50%;
    left:215px;
    overflow:hidden;
}
#col3 {
    float:left;
    width:152px;    /* 170 */
    position:relative;
    left:15px;
    overflow:hidden;
}
#footer {
    clear:both;
    float:left;
    width:100%;
    padding:0;
    margin:0;
    border-top:1px solid #FFFFFF;
}
#footer p {
    padding:.5em 15px;
}