body
{
    font-size: 11px;
    font-weight:bold;
    color: white;
    font-family: Arial;
    background: #333333;
    margin:0 0 0 0 ;
    padding:0 0 0 0 ;
    
}

body.broken
{
    font-size: 11px;
    font-weight:bold;
    color: white;
    font-family: Arial;
    background: #333333;
    margin:0 0 0 0 ;
    padding:0 0 0 0 ;
    background-image:"SystemImage/broken.jpg";
    background-repeat:no-repeat;
    
}
.info
{
    margin-left:100px;
    padding-left:100px;
    font-size: 12px;
}
    
.title
{
    font-size: 14px;
    vertical-align:middle;
}
.imageTitle
{
    text-align: center;
    font-size: 12px;
    width: auto;
    padding: 0 0 0 0;
    margin: 0;
}
.descP
{
    text-align:left;
    padding: 0 0 0 0;
    margin: 0;
    border: solid thin white;
}

a{color:white;}

.SiteLink
{
    color: #FFEE44;
    text-decoration: none;
}
.SiteLink:hover{
		background-color: white;
    	color:    #1F1F1F;
}

.imageBox
{
    border: black 1px solid;
}

.imageBox:hover{
    border: white 1px solid;
    }

.mainTable
{
    vertical-align:top;
}
td{vertical-align:top;}

.buttonStyle
{
    margin: 2px;
    text-align: center;
    border: #808080 1px solid;
    padding: 2px;
    text-decoration:none;
}
.buttonStyle:hover
{
    background-color:White;
    color:    #1F1F1F;
}

.buttonStyleDisabled
{
    margin: 2px;
    text-align: center;
    border: gray 1px solid;
    padding: 2px;
    text-decoration:none;
    color: gray;
}

.buttonStyle:hover
{
}
.cal{font-size: 10px;}
 
div.middlePos {
	padding-right: 20px;
	padding-left: 180px;
	padding-top: 10px;
}

div.middle {
	min-width: 1px;
	padding: 0px;
	padding-right: 200px;
	padding-top: 0px;
}
p
{
}
p.centreLinks
{
	text-align:center;
	padding: 0px 0px 0px 0px;
}
div.logo {
	width: 170px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align:center;
	padding: 0px 10px 0px 5px;
}
div.dateNavigation {
	width: 170px;
	position: absolute;
	top: 106px;
	left: 0px;
	text-align:center;
	padding: 0px 10px 0px 5px;
}
div.searchNavigation {
	width: 150px;
	position: absolute;
	top: 5px;
	right: 0px;
	padding-right: 10px;
}
   
#cloud { padding: 2px; line-height: 3em; text-align: center; }
#cloud a { padding: 0px;     color: #FFEE44;
    text-decoration: none;
}
#cloud { margin: 0; }
#cloud li { display: inline; }

#cloud a.tag1 { font-size: 1em; font-weight: 100; }
#cloud a.tag2 { font-size: 1.2em; font-weight: 200; }
#cloud a.tag3 { font-size: 1.4em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.6em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.8em; font-weight: 500; }
#cloud a.tag6 { font-size: 2em; font-weight: 600; }
#cloud a.tag7 { font-size: 2.2em; font-weight: 700; }
#cloud a.tag8 { font-size: 2.4em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.6em; font-weight: 800; }
#cloud a.tag10 { font-size: 2.8em; font-weight: 900; }

#cloud a.tag1:hover 
{
    background-color: white;
    color:    #1F1F1F;
}
#cloud a.tag2:hover 
{
    background-color: white;
    color:    #1F1F1F;
}
#cloud a.tag3:hover 
{
    background-color: white;
    color:    #1F1F1F;
}
#cloud a.tag4:hover 
{
    background-color: white;
    color:    #1F1F1F;
}
#cloud a.tag5:hover 
{
    background-color: white;
    color:    #1F1F1F;
}
#cloud a.tag6:hover 
{
    background-color: white;
    color:    #1F1F1F;
}
#cloud a.tag7:hover 
{
    background-color: white;
    color:    #1F1F1F;
}
#cloud a.tag8:hover 
{
    background-color: white;
    color:    #1F1F1F;
}
#cloud a.tag9:hover 
{
    background-color: white;
    color:    #1F1F1F;
}
#cloud a.tag10:hover 
{
    background-color: white;
    color:    #1F1F1F;
}