/* rules for tags */


html { /* this rule forces a vertical scrollbar to avoid page shift in Firefox */
min-height: 100%; 
margin-bottom: 1px;
overflow-y: scroll;
}

body {
margin: 0;
padding: 0;
background-color: #000044;
background-image: url(images/skyline.jpg); /* This image is 1280 pixels wide, for those using hi-res desktops */
background-repeat: no-repeat;
background-position: center top; /* We centre this image in the browser so that it works for users with screen resolutions below 1280px (i.e. most of them). No scrolling will occur. */
text-align: center; /* IE6 hack, #container realigns to "left" */
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
font-size: 0.8em;
line-height: 1.5em;
}



/* rules for IDs */


#container {
width: 760px;
margin-left: auto;
margin-right: auto;
text-align: left; /* IE6 hack */
}
  
#nav {
background-color: #FFFFFF;
height: 45px;
width: 750px;
padding: 5px;
}

#content {
width: 750px;
background-color: #FFFFFF;
padding: 5px;
}

#maincolumn {
margin-top: 10px;
margin-right: 5px;
padding: 10px;
border-top: 1px #FFDDFF solid;
width: 472px;
float: left;
}

#sidecolumn {
margin-top: 10px;
width: 232px;
background-color: #000044;
padding: 10px;
float: left;
color: #FFFFFF;
}

#pinkbox {
background-color: #FFDDFF;
padding: 10px;
}

#pinkbox p {
margin: 0px;
padding: 0px;
}

#gallery {
margin-top: 5px;
color: #FFFFFF;
}

#maincolumn a {
color: #010198;
text-decoration: none;
}

#maincolumn a:hover {
color: #FF66CC;
text-decoration: none;
}

#sidecolumn a {
color: #FF66CC;
text-decoration: none;
}

#sidecolumn a:hover {
color: #FFDDFF;
text-decoration: none;
}

.table a {
color: #FF66CC;
text-decoration: none;
}

.table a:hover {
color: #FFDDFF;
text-decoration: none;
}

#nav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#nav li {
width: 102px;
}

#nav a {
display: block;
text-align: center;
text-decoration: none;
color: #FFFFFF;
height: 35px;
background-position: center center;
padding-top: 5px; /*this two paddings make the buttons taller */
padding-bottom: 5px;
}

#nav a:hover {
background-color: #000044;
}

/* rules for classes */


.menubutton0 {
font-size: 0.9em;
background-color: #CC6699;
margin-right: 6px;
float: left;
}

.menubutton1 {
font-size: 0.9em;
background-color: #0099FF;
margin-right: 6px;
float: left;
}

.menubutton2 {
font-size: 0.9em;
background-color: #339933;
margin-right: 6px;
float: left;
}

.menubutton3 {
font-size: 0.9em;
background-color: #FF9900;
margin-right: 6px;
float: left;
}

.menubutton4 {
font-size: 0.9em;
background-color: #FF0000;
margin-right: 6px;
float: left;
}

.menubutton5 {
font-size: 0.9em;
background-color: #663399;
margin-right: 6px;
float: left;
}

.menubutton6 {
font-size: 0.9em;
background-color: #6666FF;
float: left;
}

.homebutton {
width: 102px;
color: #000044;
}

.homebutton a {
background-color: #CC6699;
padding: 10px;
text-decoration: none;
}

.homebutton a:hover {
color: #FF66CC;
}

.pink { /* for headers */
color: #CC6699;
font-weight: bold;
font-size: 1em;
}

.small { /* for the Thanks To (with union logos) on front page */
font-size: 0.7em;
}

.photoborder { /* adds white border to images in the Previous Marches section */
border: 2px solid #FFFFFF;
margin-right: 8px;
}

.caption { /* styles the captions used in the Previous Marches section */
color: #FFFFFF;
font-style: italic;
margin: 0px;
padding: 0px;
}

.table { /* styles the tables used in the Previous Marches section */
width: 100%;
cellpadding: 0px;
cellspacing: 10px;
padding: 5px;
background-color: #000044;
}

.supporters { /* styles the names of organisations in the supporters' links table */
font-weight: bold;
background-position: center;
padding: 5px;
margin: 3px;
}

.floatright { /* class used to right-align images inside text flow */
float: right;
}

ul, dl {
  font-size:0.8em;
}

.thanks {background-color: #CC6699}
.thanks:hover {background-color: #000044}