* {margin: 0; padding: 0;}

body             {background: #99ccff url('stripe.gif'); text-align: center;}

#mainwrap        {width: 980px;
                 margin: 0;
                 padding: 4px;
                 padding-left: 8px;
                 padding-right: 8px;
                 margin-left: auto;
                 margin-right: auto;
                 background: white;
                 border: 2px solid #666666;
}

#header          {width: 980px;
                 margin: 0px;
                 padding: 0px;
                 margin-left: auto;
                 margin-right: auto;
                 background: #000000;
}

#sidebar        {width: 160px;
                 margin: 0px;
                 margin-top: 10px;
                 padding: 0px;
                 float: left;
                 background: white;
}

#rightside {float: left; background: #ffffff; width: 120px; vertical-align: top; margin-top: 10px; padding: 10px;}

#sidebar2                {width: 300px; margin: 0px; margin-top: 10px; margin-left: 4px; background: white; float: left;}

#main            {width: 640px;
                 min-height: 380px;
                 margin: 0px;
                 padding: 10px;
                 padding-left: 16px;
                 padding-right: 20px;
                 float: left;
                 background: #ffffff;
}
#main2                        {width: 640px;
                                 background: white;
                                 text-align: left;}

#footer          {width: 980px;
                 height: 60px;
                 margin: 0px;
                 padding: 0;
                 margin-left: auto;
                 margin-right: auto;
                 clear: both;
                 background: #003366;
                 color: white;
                 font-family: verdana, arial, sans-serif;
                 font-size: 10px;
}
#footer a        {color: #cccccc;}

div.navbar {background: #003366;
         height: 30px;
         width: 100%;
         margin: 0;
         margin-top: 0px;
         padding: 0;
         border: 0;
         border-top: solid #000000 1px;

         border-bottom: solid #000000 1px;
}

.navbar ul {
        background: #003366;
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        line-height: 30px;
        float: right;
}

.navbar li {
        list-style-type: none;
        display: inline;
        margin: 0;
        padding: 0;
        float: right;
}

.navbar li a {
         text-decoration: none;
         padding: 7px 10px;
         border-left: solid #000000 2px;
         color: #fff;
         background: #003366;
         font-weight: bold;

}

.navbar li a:link {
         color: #fff:
}

.navbar li a:visited {
         color: #ffcc66;
                 font-weight: bold;
}
.navbar li a:hover {
         color: #000000;
         background-color: #ffcc66;
}
p      {font-family: 'Lucida Grande', verdana, arial, sans-serif;
        font-size: 14px;
        padding: 10px;
        text-align: left;
        color: black;
}
em     {font-size: 16px;
        font-weight: bold;
        font-style: italic;
        color: red;
}

a:link        {color: #003399; font-weight: normal;}
a:visited     {color: #cc3333; font-weight: normal;}

#links        {font-family: verdana, arial, sans-serif;
                 text-align: left;
         font-size: 12px;
                 }

#links ul        {padding: 6px; list-style: none;}
#links a:visited        {font-weight: normal;}

.events table, tr, td     {font-family: verdana, arial, sans-serif;
                          font-size: 12px;
                          color: black;
                          padding: 5px;
                          text-align: left;
}

dl.events-display {
        padding-top:1em;
        margin: 0 5%;
}
dl.events-display dt {
        margin:1.2em auto 0;
        font-size:90%;
        font-weight:bold;
        border-top:1px dashed #ccc;
}

a:link.item-title-link, a:visited.item-title-link    {font-family: verdana, arial, sans-serif;
}
a:link.item-title-link  {font-weight: bold;}
dl.events-display dd {
        margin:0;
}
.events-display .item-link {
        font-size:80%;
}

/* events column page */
#content {
        margin:0 11em 0 5%;
}
#events-column {
        float:right;
        width:10em;
        margin:50px 10px 0 20px;
        padding: 0 5px;
        font-size:70%;
        border:1px solid #666;
}
#events-column h2 {
        font-size:130%;
        margin:0 -5px;
        padding:0 0 5px 0;
        text-align:center;
        background:#999;
        color:#fff;
        border-bottom:1px solid #666;
}
#events-column dt {
        margin:1em auto 0;
        font-weight:bold;
        border-bottom:none;
}
#events-column dd {
}
#events-column p.item-link {
}

/* single item */
#display-item{
        padding:1em;
}
#display-item dt {
        font-weight:bold;
}
#itemwrapper {
        width:70%;
        margin:2% auto;
        padding:10px 20px;
        border:1px dashed #ccc;
}

/* special classes */
.post-date {
        font-size:70%;
}
.events-link{
        font-size:80%;
        margin:50px 10px 0;
}
.xml1, .xml2 {
        list-style:none;
        padding:0;
        margin:0;
}
.xml1 {
        position:absolute;
        top:0;
        right:5px;
}
.xml2 {
        margin:20px -5px 0;
        padding:5px 0 0;
        text-align:center;
        background:#999;
        color:#fff;
        border-top:1px solid #666;
}

/* general formatting & colours */
h1{
        text-align:center;
        letter-spacing:0.1em;
        padding:0 0 0.5em 0;
        border-bottom:1px solid #ccc;
}

h2      {font-size: 16px; background: #003366; font-family: verdana, arial, sans-serif; padding: 2px;}

h3      {font-size: 12px; background: #003366; font-family: verdana, arial, sans-serif; padding: 2px;}

h1,h2,h3,h4,h5,h6 {
        color:#ccc;
}
a abbr,a acronym {
        border-bottom:none;
}
code, kbd {
        font-size:120%;
}