html, body {
    background-color: black;
    background-image: url(images/main-bg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: fixed;
    font-family: Arial, sans-serif;
    color: white;
    
}

img { border:0; }

a { 
 color: #0b204f;
   text-decoration: none;
}

body { margin: 0; padding: 0; 
    }

html, body, p, div, td, button, a {
    font-family: helvetica, arial;
    color: white;
    font-size: 12px;
}



#page {
 width: 990px;
 margin: 0px auto;
}

#head {
 background-image: url(/images/logo_top_glasgow_abc.png);   
    height:122px;
    font-size: 12px;
    font-weight: bold;
}

#head h1 {
    font-size: 14px;
    font-weight: bold;
    color: white;
    margin: 14px 18px;
    float: right;
}

#logo{
    float: left;
height: 122px;
overflow: hidden;
width: 380px;
}


#body {
  background-image: url(/images/logo_line_vertical.png);
    background-repeat: repeat-y;
    background-position: top left;
    min-height: 600px;
}

h1 {
 color: #white;
 font-size: 28px;
    margin: 0;
}

div.navmenu {
     -moz-border-radius: 4px; -webkit-border-radius: 4px;
    border:2px solid white;
    width: 200px;   
    margin: 20px;
}

div.contentbox {
     -moz-border-radius: 4px; -webkit-border-radius: 4px;
    border: 1px solid #0b204f;
    background-color: white;
    margin-bottom: 10px;
    padding: 5px;
}

div.contentbox h2 {
    color:#b52367;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 110%;
}


div.left3col { padding: 10px; float:left; width: 260px; }
div.center3col { padding: 10px; float:left; width: 450px; }
div.right3col { padding: 10px; float:right; width: 180px; }

div.maincol { padding: 10px 20px; float:left; width: 700px; }
div.adcol { padding: 10px; float:right; width: 180px; }


div.left2col { padding: 10px; float:left; width: 260px; }
div.right2col { padding: 10px; float:left; width: 600px; }


div.mainpanel { padding: 5px; }


.navmenu ul {
   list-style: none;
    margin: 0;
    padding: 0;
}

.navmenu li {
   list-style: none;
    margin: 0;
    padding: 0;
}


.navmenu li a {
    display: block;
    font-size: 1.0em;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 2px;
    padding-left: 2.2em;
    color: white;
}

.navmenu li a:hover {
    background-color: #0b204f;
    color: white;
}

.navmenu li a.selected {
    background-color: #0b204f;
    color: white;
}








table.datagrid { 
    border: 1px solid #cccccc;
}

.datagrid th, .datagrid td {
    text-align:left;   
    padding: 5px 5px;
    border-bottom: 1px solid #dddddd;
}

.datagrid th { 
    color: white;
    background-color: #bbbbbd; }
.datagrid td.even { background-color: #eeeef1; color: black; }
.datagrid td.odd { background-color: #f5f5f9; color: black; }


div.event {
     -moz-border-radius: 8px; -webkit-border-radius: 8px;
    border: 1px solid #0b204f;
    background-color: #0b204f;
    color: white;
    margin-bottom: 10px;
    padding: 10px;
    width: 650px;
    
}


div.eventodd {
    border: 1px solid #2b406f;
    background-color: #2b406f;
}

.event div.image {
    width: 200px;
    float: right;
}

.event h2 {
    margin: 0;
    font-size: 18px;
}
.event h3 {
    margin: 0;
    font-size: 14px;
}
.event p {
    margin: 15px 0;
    font-size: 10px;
    color: white;
}

table.formdata {
    margin-top: 10px;
}


.formdata td { color: white; font-size:12px; }
.formdata td.input { color: #0b204f; font-size:12px; }
.formdata td.label { color: white; font-size:10px; }
.formdata ul { list-style-type: none; margin-left: 0; }
.formdata li { list-style-type: none; margin-left: 0; }

.ui-widget p { color: black; }