*{font-family:helvetica, arial, sans-serif;font-size:1em;margin:0;padding:0;}

body {

   background: white;

   }
div.pagebreak {
	page-break-after: always;
	border:0;
	visibility: hidden;
}
ul {
	float:none;
	display:block;
}
#container {
background: #ddd;	
margin-left: auto;
margin-right: auto;
font-size: 1em;
padding: 5px;
overflow: hidden;
min-width: 600px;
max-width:700px;
	}

* html #container {
width:expression(((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth)
> 720 ? "720px" : (((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth) < 605 ? "600px" : "auto"));
}  

#imagefour{width:100%;display:inline;float:left; margin:0px 0px 0 0px; -moz-border-radius:10px; height:100%;}
#imagefourUl{display:inline;float:left;list-style-type:none;padding-bottom:4px; /*position:relative; left:50%;*/}
#imagefourUl li{display:inline;float:left; /*position:relative;*/ right:50%; margin:0px 0px 0px 6px; border:0px solid #eee;}
#imagefourUl li a{display:inline;color:#000;font-size:0.8em;line-height:100%;color: #000080;font-weight:normal;float:left;}
#imagefourUl li a:hover{color:#888;text-decoration:none;}
#imagefourUl li img {width:150px; height:150px;}

#imageblob{width:800px;display:inline;float:left; margin:0px 0px 0 130px;  -moz-border-radius:10px; height:100%;}
#imageblobUl{display:inline;float:left;list-style-type:none;padding:0;}
#imageblobUl li{display:inline;float:left;margin:6px 10px 0px 6px;border:1px solid #eee;}
#imageblobUl li a{display:inline;color:#000;font-size:11px;line-height:140%;font-weight:normal;float:left;}
#imageblobUl li a:hover{color:#888;text-decoration:underline;}

#imagelinks{width:100%;display:inline;float:left; margin:0px 0px 0 0px; -moz-border-radius:10px; height:100%;}
#imagelinksUl{display:inline;float:left;list-style-type:none;padding:0; position:relative; left:50%;}
#imagelinksUl li{display:inline;float:left; position:relative; right:50%; margin:6px 0px 2px 0px; border:0px solid #eee;}
#imagelinksUl li a{display:inline;color:#000;font-size:0.8em;line-height:100%;color: #000080;font-weight:normal;float:left;}
#imagelinksUl li a:hover{color:#888;text-decoration:none;}

#imagelinks2{width:100%;display:inline;float:left; margin:0px 0px 0px 22px; -moz-border-radius:10px; height:100%;}
#imagelinks2Ul{display:inline;float:left;list-style-type:none;padding:0px; position:relative; left:50%;}
#imagelinks2Ul li{display:inline;float:left; position:relative; right:50%; margin:6px 60px 2px 0px; border:0px solid #eee;}
#imagelinks2Ul li a{display:inline;color:#000;font-size:0.8em;line-height:100%;color: #000080;font-weight:normal;float:left;}
#imagelinks2Ul li a:hover{color:#888;text-decoration:none;}

#imageone{width:100%;display:inline;float:left; margin:0px 0px 0 0px; -moz-border-radius:10px; height:100%;}
#imageoneUl{display:inline;float:left;list-style-type:none;padding:0; position:relative; left:50%;}
#imageoneUl li{display:inline;float:left; position:relative; right:50%; margin:0px 0px 0px 6px; border:0px solid #eee;}
#imageoneUl li a{display:inline;color:#000;font-size:0.8em;line-height:100%;color: #000080;font-weight:normal;float:left;}
#imageoneUl li a:hover{color:#888;text-decoration:none;}
#imageoneUl li img {width:150px; height:150px;}

#imageonetop{width:100%;display:inline;float:left; margin:0px 0px 0 0px; -moz-border-radius:10px; height:100%;}
#imageonetopUl{display:inline;float:left;list-style-type:none;padding:0; position:relative; left:50%;}
#imageonetopUl li{display:inline;float:left; position:relative; right:50%; margin:0px 0px 0px 6px; border:0px solid #eee;}
#imageonetopUl li a{display:inline;color:#000;font-size:0.8em;line-height:100%;color: #000080;font-weight:normal;float:left;}
#imageonetopUl li a:hover{color:#888;text-decoration:none;}

#imagetwo{width:100%;display:inline;float:left; margin:0px 0px 0 0px; -moz-border-radius:10px; height:100%;}
#imagetwoUl{display:inline;float:left;list-style-type:none;padding:0; position:relative; left:50%;}
#imagetwoUl li{display:inline;float:left; position:relative; right:50%; margin:0px 0px 0px 6px; border:0px solid #eee;}
#imagetwoUl li a{display:inline;color:#000;font-size:0.8em;line-height:100%;color: #000080;font-weight:normal;float:left;}
#imagetwoUl li a:hover{color:#888;text-decoration:none;}
#imagetwoUl li img {width:150px; height:150px;}


#imagethree{width:100%;display:inline;float:left; margin:0px 0px 0 0px; -moz-border-radius:10px; height:100%;}
#imagethreeUl{display:inline;float:left;list-style-type:none;padding:0; position:relative; left:50%;}
#imagethreeUl li{display:inline;float:left; position:relative; right:50%; margin:0px 0px 0px 6px; border:0px solid #eee;}
#imagethreeUl li a{display:inline;color:#000;font-size:0.8em;line-height:100%;color: #000080;font-weight:normal;float:left;}
#imagethreeUl li a:hover{color:#888;text-decoration:none;}
#imagethreeUl li img {width:150px; height:150px;}

#imgcontainer

{
width:100%;
margin-left: auto;
margin-right: auto;
background:#fffffa;
padding-bottom: 4px;
padding-top: 8px;
overflow: hidden;

}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */	clear:both;	height:0;font-size: 1px;line-height: 0px;}

#header, #footer, #table, #td, #iframe, #top {
   display: none; }

#content {
   width: auto;
   margin: 0 0;
   padding: 0;
   border: 0;
   color: black;
   background: transparent none;  }


table.center {margin-left:auto; margin-right:auto;}

h1 { font-size: 1em; padding-left:20px; padding-bottom:6px; }
h2{color:#666;float:left;margin-bottom:5px;padding-top:0;width:700px;font-size:12px}
h3 {text-align:center; font-size: 1em; padding-left: 8%; padding-right: 8%;}

/*COLOURED HEADINGS - h4 top of page, */

h4 { text-align:center; font-size: 1em; padding-left: 8%; padding-right: 8%;}
h5 { text-align:center; font-size: 1em; color: #000080; padding-left: 8%;padding-right: 8%;}
h6 { text-align:center; font-size: 0.9em; color: #000080; padding-left: 8%;padding-right: 8%;}

p {font-size:1em; letter-spacing: 0.04em; padding-left: 1%;padding-right: 1%; line-height: 120%;}

p.center {text-align:center;}

p.centerit {text-align:center; font-style: italic;}

p.caption {text-align:center; font-size:11pt;}

p.italic {font-style: italic;}

p.small {font-size:85%;}

p.smallcenter {padding-left:50px; padding-right:50px;font-size:0.9em;}

p.smallcenter2{padding-left: 50px; padding-right:50px; text-align: center;font-size: 0.9em;}

p.link{letter-spacing: 0.03em; padding-left: 15px; padding-right:15px;text-align: center;}

p.linktop {padding:0; text-align: center;}

p.logo {padding-left:90px;}

p.blue {color: #0000FF;}

p.red {font-style: italic; color: #FF0000;}

p.redcenter {color: #FF0000; text-align: center; font-size: 0.9em;}

p.redupdated {color: #FF0000; text-align: center; font-size: 0.9em; font-weight: bold;}

p.redcaps{text-transform: uppercase; color: #FF0000; font-style: italic;font-weight: bold;}

p.redcenter {color: #FF0000; text-align: center;}

p.indent{padding-left: 70px; padding-right: 70px; text-align:center;}

   /*

div#content {

   margin-left: 10%;

   padding-top: 1em;

   border-top: 1px solid #930;

   }

div#mast {

   margin-bottom: -8px;

   }

div#mast img {

   vertical-align: bottom;

   }

a:link, a:visited {

   color: #520;

   background: transparent;

   font-weight: bold;

   text-decoration: underline;

   }

#content a:link:after, #content a:visited:after {

   content: " (" attr(href) ") ";

   font-size: 90%;

   }

#content a[href^="/"]:after {

   content: " (http://www.alistapart.com" attr(href) ") ";

   }