body { 
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	text-align:center;
	margin: 0 auto;
	width:800px;
	background-color: #CCC;
	color:#ffffff;
	padding: 0;
	border: 0;

}




/* typography */
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
caption {
        font-family: helvetica, arial, verdana, sans-serif;
        font-weight: normal;
        color: #FFCC00;
        padding-bottom: 5px;
}

h1 {
	font-size:2.6em;
	padding:0;
	margin:0 0 10px 0;
	}

h2 {
	font-size:1.4em;
	}

h3 {
	font-size:1.1em;
	}
	
h4 {
	font-size:1.0em;
	}
	
h5 {
	font-size:.9em;
	}
	
h6 {
	font-size:.8em;
	}

.timelineBubbleBody {  background:#333333 ; background-color:#333333 }
.timelineBubbleBody a {  text-decoration:underline; }
.timelineBubbleTimer {  background:#333333 ; background-color:#333333; color:#333333; }
.sectionText { font-size: 14px;  padding-top:5px; width:90%;}
.sectionTextMustard { color:#ffcc00; font-size: 14px;  padding-top:5px; width:90%;}
.sectionTextBold { font-weight:bold; font-size: 14px;  padding-top:5px; width:90%;}
.sectionTextFooter {font-size:12px;  padding-top:5px;color:#FFCC00;}

.watermarkText { font-style:italic; color:#666666;}

.sectionTextNoPadding { font-size: 14px; padding-top:0px; padding: 0px 0px 0px 0px; width:90%;}
.sectionTextBoldNoPadding { font-weight:bold; padding-top:0px; padding: 0px 0px 0px 0px; font-size: 14px;   width:90%;}
.sectionTextFooterNoPadding {font-size:12px;padding-top:0px; padding: 0px 0px 0px 0px;color:#FFCC00;}

/* Start Tag Cloud CSS */

#cloud {padding:1px; line-height:30px;text-align:center;}
#cloud a {text-decoration:none;padding:0px;}
#cloud a:hover {text-decoration:underline;}

a.tag1{
 font-size:10px;
}
a.tag2, a.tag3 {
 font-size:12px;
 font-weight:200;
}

a.tag4 ,a.tag5, a.tag6 {
 font-size:14px;
 font-weight:200;
}

a.tag7, a.tag8, a.tag9 {
 font-size:16px;
 font-weight:300;
}

a.tag10, a.tag11, a.tag12 {
 font-size:18px;
 font-weight:300;
}

a.tag13, a.tag14, a.tag15 {
 font-size:20px;
 font-weight:400;
}

a.tag16, a.tag17, a.tag18 {
 font-size:22px;
 font-weight:400;
}

a.tag19, a.tag20, a.tag21 {
 font-size:24px;
 font-weight:500;
}

a.tag22, a.tag23, a.tag24 {
 font-size:26px;
 font-weight:500;
}

a.tag25, a.tag26, a.tag27 {
 font-size:28px;
 font-weight:700;
}

a.tag28, a.tag29, a.tag30 {
 font-size:30px;
 font-weight:700;
}
/* End Tag Cloud CSS */




/*links*/
a {
	text-decoration:none; 
	padding: 1px; 
	color: #FFCC00; 
}

a:link { 
	color: #FFCC00; 
}
a:visited { 
	color: #FFCC00; 
}
a:hover { 
	color: #FFCC00; 
	background-color: #333333; 
	text-decoration: underline; 
}

.formbutton
{
cursor:pointer;
border:outset 1px #ccc;
background:#ffcc00;
color:#333333;
font-weight:bold;
padding: 1px 2px;
}


/*-------------------------------------
GRID
------------------------------------*/



#container { 
  float: left;
  width:800px;
  text-align: left;
  background:#333333 ; 
  padding: 0 0 10px 0;
  _height:800px;
  min-height:800px;
  display:inline;
}

.topband {
  float: left;
  width: 100%;
  height: auto;
  min-height:75px;
  padding: 0 0 0 0px;
  margin: 0px 0 0 0;
  background-color:#333333;
}

/* rows */

.r1 {
  float: left;
  width: 95%;
  height:auto;
  min-height: 75px;
  padding: 0 0 0  10px;
  margin: 10px 0 0 0;
  

}

.r2 {
  float: left;
  width: 95%;
  height: auto;
  min-height: 175px;
  padding: 0 0 10px 10px;
  margin: 10px 0 0 0;
}

.loginpanel {
  float: left;
  width: 95%;
  height: auto;
  min-height: 0px;
  padding: 0 0 10px 10px;
  margin: 10px 0 0 0;
}

.r2tall {
  float: left;
  width: 95%;
  height:600px;
  min-height: 600px;
  padding: 0 0 10px 10px;
  margin: 10px 0 0 0;
}

.r3 {
  float: left;
  width: 100%;
  height:auto;
  min-height: 75px;
  padding: 0 0 0 10px;
  margin: 10px 0 0 0;
  

}

/* columns */
.c1 {
  float: left;
  width: 250px;
  height:auto;
  min-height: 205px;
  padding: 0 0 0 10px;
  margin: 10px 0 0 0;

}

.gridcell1 {
  float: left;
  width: 50px;
  height:auto;
  min-height: 25px;
  padding: 0 0 0 0px;
  margin: 1px 0 0 0;
  font-weight:bold; 
  font-size: 14px;

}

.gridcell2 {
  float: left;
  width: 430px;
  height:auto;
  min-height: 25px;
  padding:  0 0 5px 0px ;
  margin: 1px 0 0 0;
  font-size: 14px;
  text-align:left;

}

.gridcell3 {
  float: left;
  width: 250px;
  height:auto;
  min-height: 25px;
  padding: 0 0 0 0px;
  margin: 1px 0 0 0;
  font-size: 14px;

}

.span2 {
  float: left;
  width: 500px;
  height: auto;
  min-height: 205px;
  padding: 0 10px 0 10px;
  margin: 10px 0 0 0;
 }
 

 
 .span2tall {
  float: left;
  width: 500px;
  height: auto;
  min-height: 400px;
  padding:  0 10px 0 10px;
  margin: 10px 0 0 0;
 }

.c2 {
  float: left;
  width: 100px;
  height:auto;
  min-height: 160px;
  padding: 0 0 0 0px;
  margin: 0px 0 0 0;
}

.c2bargraph {
  float: left;
  width: 145px;
  height:auto;
  min-height: 14px;
  padding: 0 0 0 0px;
  margin: 0px 0 0 0;
}

.c2overlap {
  float: right;
  width: 145px;
  height:auto;
  min-height: 160px;
  padding: 0 0 0px 10px;
  margin: 0px 0 0 0;
}

#c3 {
  float: left;
  width: 250px;
  height:auto;
  min-height: 500px;
  padding: 0 0 0 10px;
  margin: 10px 0 0 0;
}

#footer {
  float:left;
  width:100%;
  height:auto;
  min-height:175px;
  padding: 10px 0 0 0;
  background-color:#eeeeee;
  margin:  0em 0 0 0;
  text-align:left;
  display:inline;
}
/* masthead */
#masthead {
  float:left;
  width:100%;
  background-color:#eeeeee;
  margin:  0em 0em 0 0em;
  padding: 10px 0 0 0px;
}



#footer a:hover {
  color: #333333;
  background-color:Transparent;
  text-decoration:underline;
}

#footer a {
  color: #333333;
  background-color:Transparent;
  text-decoration:none;
}


/* branding */
#branding-left {
  float: left;
  text-align: left;
  width:30%;
}
#branding-right {
  float: right;
  text-align: right;
  width:70%;
  
  }
#branding-left a:hover {
  color: #ccc;
  background-color:Transparent;
}


#branding h1 {
  font-size: 1.4em;
}

#branding h2 {
  font-size: 1.8em;
  font-weight: bold;
}

#branding a {
  color: #000;
  background: none;
}

#branding a:hover {
  color: #ccc;
}


/*	Article Items
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
			
		.r1 .listItem {
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			float: left;
			background-color: #fff;
			margin: 5px 5px 0px 0px;
			background-color: #999;
			overflow: hidden;
			line-height: 1em;
			text-align:center;
			}
			
			
		.r1  .listItem a,		
		.r1  .listItem a:visited {
			display: block;
			color: #333;
			width: 104px;
			height: 96px;
			background-color:#ffcc00;
			margin: 1px;}
			
		.r1  .listItem a {
			border: solid 2px;
			border-color: #e7e7e7 #fff #fff #fff;
			padding: 15px 5px 3px 5px;}
			
		.r1  .listItem a:visited {
			border: solid 2px;
			border-color: #e7e7e7 #fff #fff #fff;
			background-image: none;}
			
			
		.r1  .listItem a:hover {		
			text-decoration: none;
			background-color: #ffffff;
			background-image: none; 
			display: block;
			margin: 0px;
			border: solid 3px #cc3300;}
			
		.r1  .listItem a span {
			font-family: Georgia, serif;
			color:  #003F7E;
			padding: 0px 0px 3px 0px;}
			
		.r1  .listItem a:visited span {
			font-weight: normal;}
					
		.r1  .listItem a:hover span {
		color:  #cc0000;}
		
		.r1  .listItem p {
			padding: 0px;
			margin: 0px;}
			
		.r1  .listItem a span {
			font-family: Georgia, serif;
			color:  #003F7E;
			padding: 0px 0px 3px 0px;}
			
		.r1  .listItem a:visited span {
			font-weight: normal;}
					
		.r1  .listItem a:hover span {
			color:  #cc0000;}
		
		.r1 .listItem p {
			padding: 0px;
			margin: 0px;}
			
/*	Article Items: icons and colours
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	

		
			
		.r1  .listItem a.des {
			background-image: url(/_images/icon_des.png);}

		
			
		.r1  .listItem a.strat {
			background-image: url(/_images/icon_strat.png);}
					
		
		.r1  .listItem a.tech {
			background-image: url(/_images/icon_tech.png);}
					
		
			
		.r1  .listItem a.int {
			background-image: url(/_images/icon_int.png);}
		
						
		.r1  .des,
		.r1  .tech,
		.r1  .strat,
		.r1  .int  {
			background-color: #fff;
			display: block;
			color: #333;}
			
		.r1  .des span,
		.r1  .tech span,
		.r1  .strat span,
		.r1  .int span {
			color: #666;		
			display: block;
			font-weight: bold;
			font-size: 11px;
			margin: 0px;
			padding: 0px;}
			
/*	The Number
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
		
		.r1  #listNumber {
			border-width: 5px 0px 0px 5px;
			border-color: #fff;
			border-style: solid;
			float: left;
			width: 245px;
			height: 120px;
			overflow: hidden; }
			
		.r1  #listNumber a,
		.r1  #listNumber a:hover {
			text-decoration: none;
			background-image: none; 
			display: block;
			border: none;
			margin: 0px;
			padding: 0px; }			



/*	Article Items
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -				
		.c1 .listItem {
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			float: left;
			background-color: #fff;
			margin: 5px 5px 0px 0px;
			background-color: #999;
			overflow: hidden;
			line-height: 1em;
			text-align:center;}
			
			
		.c1  .listItem a,		
		.c1  .listItem a:visited {
			display: block;
			color: #333;
			width: 208px;
			height: 192px;
			background-image: url(file:///C:/SquareTwenty/images/20.png);
			margin: 1px;}
			
		.c1  .listItem a {
			border: solid 2px;
			border-color: #e7e7e7 #fff #fff #fff;
			padding: 15px 5px 3px 5px;}
			
		.c1  .listItem a:visited {
			border: solid 2px;
			border-color: #e7e7e7 #fff #fff #fff;
			background-image: none;}
			
		.c1  .listItem a:hover {		
			text-decoration: none;
			background-image: none; 
			background-color: #ffffff;
			display: block;
			margin: 0px;
			border: solid 3px #cc3300;}
			
		.c1  .listItem a span {
			font-family: Georgia, serif;
			color:  #003F7E;
			padding: 0px 0px 3px 0px;}
			
		.c1  .listItem a:visited span {
			font-weight: normal;}
					
		.c1  .listItem a:hover span {
			color:  #cc0000;}
		
		.c1  .listItem p {
			padding: 0px;
			margin: 0px;}
			
		.c1  .listItem a span {
			font-family: Georgia, serif;
			color:  #003F7E;
			padding: 0px 0px 3px 0px;}
			
		.c1  .listItem a:visited span {
			font-weight: normal;}
					
		.c1  .listItem a:hover span {
			color:  #cc0000;}
		
		.c1 .listItem p {
			padding: 0px;
			margin: 0px;}
			
/*	Article Items: icons and colours
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	

		
			
		.c1  .listItem a.des {
			background-image: url(/_images/icon_des.png);}

		
			
		.c1  .listItem a.strat {
			background-image: url(/_images/icon_strat.png);}
					
			
			
		.c1  .listItem a.tech {
			background-image: url(/_images/icon_tech.png);}
					
		
			
		.c1  .listItem a.int {
			background-image: url(/_images/icon_int.png);}
		
						
		.c1  .des,
		.c1  .tech,
		.c1  .strat,
		.c1  .int  {
			background-color: #fff;
			display: block;
			color: #333;}
			
		.c1  .des span,
		.c1  .tech span,
		.c1  .strat span,
		.c1  .int span {
			color: #666;		
			display: block;
			font-weight: bold;
			font-size: 11px;
			margin: 0px;
			padding: 0px;}
			
/*	The Number
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
		
		.c1  #listNumber {
			border-width: 5px 0px 0px 5px;
			border-color: #fff;
			border-style: solid;
			float: left;
			width: 245px;
			height: 120px;
			overflow: hidden; }
			
		.c1  #listNumber a,
		.c1  #listNumber a:hover {
			text-decoration: none;
			background-image: none; 
			display: block;
			border: none;
			margin: 0px;
			padding: 0px; }		
			
/*	Article Items
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
			
		.c2 .listItem {
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			float: left;
			background-color: #fff;
			margin:  0px 0px 0px 0px;
			background-color: #999;
			overflow: hidden;
			line-height: 1em;
			text-align:center;}
			
			
		.c2  .listItem a,		
		.c2  .listItem a:visited {
			display: block;
			color: #333;
			width: 75px;
			height: 70px;
			background-color:#ffcc00;
			margin:  1px;}
			
		.c2  .listItem a {
			border: solid 2px;
			border-color: #333333 #333333 #333333 #333333;
			padding:   5px 0px 0px 0px;}
			
		.c2  .listItem a:visited {
			border: solid 2px;
			border-color: #e7e7e7 #fff #fff #fff;
			background-image: none;}
			
		.c2  .listItem a:hover {		
			text-decoration: none;
			background-image: none; 
			background-color: #ffffff;			
			display: block;
			margin: 0px;
			border: solid 3px #cc0000;}
			
		.c2  .listItem a span {
			font-family: Georgia, serif;
			color:  #003F7E;
			padding: 0px 0px 3px 0px;}
			
		.c2  .listItem a:visited span {
			font-weight: normal;}
					
		.c2  .listItem a:hover span {
			color:  #cc0000;}
		
		.c2  .listItem p {
			padding: 0px;
			margin: 0px;}
			
		.c2  .listItem a span {
			font-family: Georgia, serif;
			color:  #003F7E;
			padding: 0px 0px 3px 0px;}
			
		.c2  .listItem a:visited span {
			font-weight: normal;}
					
		.c2  .listItem a:hover span {
			color:  #cc0000;}
		
		.c2 .listItem p {
			padding: 0px;
			margin: 0px;}
			
/*	Article Items: icons and colours
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	

		
		.c2  .listItem a.des {
			background-image: url(/_images/icon_des.png);}

		
			
		.c2  .listItem a.strat {
			background-image: url(/_images/icon_strat.png);}
					
			
			
		.c2  .listItem a.tech {
			background-image: url(/_images/icon_tech.png);}
					
		
			
		.c2  .listItem a.int {
			background-image: url(/_images/icon_int.png);}
		
						
		.c2  .des,
		.c2  .tech,
		.c2  .strat,
		.c2  .int  {
			background-color: #fff;
			display: block;
			color: #333;}
			
		.c2  .des span,
		.c2  .tech span,
		.c2  .strat span,
		.c2  .int span {
			color: #666;		
			display: block;
			font-weight: bold;
			font-size: 11px;
			margin: 0px;
			padding: 0px;}
			
/*	The Number
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
		
		.c2  #listNumber {
			border-width: 5px 0px 0px 5px;
			border-color: #fff;
			border-style: solid;
			float: left;
			width: 245px;
			height: 120px;
			overflow: hidden; }
			
		.c2  #listNumber a,
		.c2  #listNumber a:hover {
			text-decoration: none;
			background-image: none; 
			display: block;
			border: none;
			margin: 0px;
			padding: 0px; }			
				
/*	Article Items
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
			
		.c2overlap .listItem {
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			float: left;
			background-color: #fff;
			margin: 5px 5px 0px 0px;
			background-color: #999;
			overflow: hidden;
			line-height: 1em;
			text-align:center;}
			
			
		.c2overlap  .listItem a,		
		.c2overlap  .listItem a:visited {
			display: block;
			color: #333;
			width: 100px;
			height: 92px;
			background-color:#ffcc00;
			margin: 1px;}
			
		.c2overlap  .listItem a {
			border: solid 2px;
			border-color: #e7e7e7 #fff #fff #fff;
			padding: 15px 5px 3px 5px;}
			
		.c2overlap  .listItem a:visited {
			border: solid 2px;
			border-color: #e7e7e7 #fff #fff #fff;
			background-image: none;}
			
		.c2overlap  .listItem a:hover {		
			text-decoration: none;
			background-image: none; 
			background-color: #ffffff;			
			display: block;
			margin: 0px;
			border: solid 3px #cc3300;}
			
		.c2overlap  .listItem a span {
			font-family: Georgia, serif;
			color:  #003F7E;
			padding: 0px 0px 3px 0px;}
			
		.c2overlap  .listItem a:visited span {
			font-weight: normal;}
					
		.c2overlap  .listItem a:hover span {
			color:  #cc0000;}
		
		.c2overlap  .listItem p {
			padding: 0px;
			margin: 0px;}
			
		.c2overlap  .listItem a span {
			font-family: Georgia, serif;
			color:  #003F7E;
			padding: 0px 0px 3px 0px;}
			
		.c2overlap  .listItem a:visited span {
			font-weight: normal;}
					
		.c2overlap  .listItem a:hover span {
			color:  #cc0000;}
		
		.c2overlap .listItem p {
			padding: 0px;
			margin: 0px;}
			
/*	Article Items: icons and colours
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	

			
			
		.c2overlap  .listItem a.des {
			background-image: url(/_images/icon_des.png);}

		
			
		.c2overlap  .listItem a.strat {
			background-image: url(/_images/icon_strat.png);}
					
		
			
		.c2overlap  .listItem a.tech {
			background-image: url(/_images/icon_tech.png);}
					
		
			
		.c2overlap  .listItem a.int {
			background-image: url(/_images/icon_int.png);}
		
						
		.c2overlap  .des,
		.c2overlap  .tech,
		.c2overlap  .strat,
		.c2overlap  .int  {
			background-color: #fff;
			display: block;
			color: #333;}
			
		.c2overlap  .des span,
		.c2overlap  .tech span,
		.c2overlap  .strat span,
		.c2overlap  .int span {
			color: #666;		
			display: block;
			font-weight: bold;
			font-size: 11px;
			margin: 0px;
			padding: 0px;}
			
/*	The Number
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
		
		.c2overlap  #listNumber {
			border-width: 5px 0px 0px 5px;
			border-color: #fff;
			border-style: solid;
			float: left;
			width: 245px;
			height: 120px;
			overflow: hidden; }
			
		.c2overlap  #listNumber a,
		.c2overlap  #listNumber a:hover {
			text-decoration: none;
			background-image: none; 
			display: block;
			border: none;
			margin: 0px;
			padding: 0px; }			
				
*/