/* global */
html{height: 100%;}

body
{ font-family: arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
  background-color: #fff; 
  background-image: url(bg.gif); 
  background-position: top center; 
  background-attachment: scroll; 
  background-repeat: repeat-y;  
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
 line-height: 1.3em;
}

h1
{ font-family: sans-serif;
  font-size: 105%;
  letter-spacing: .1em;
}

h2
{ margin: 0px;
  padding: 0px 0px 24px 0px;
  font-size: 105%;
  font-weight: bold;
  text-align:left;
}

img
{ border: 0px;
  vertical-align: bottom;
}

a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote */
blockquote.withquote
{ margin: 20px 50px 20px 50px; 
  padding: 10px 20px 0px 20px;
  background:url(quote.gif) no-repeat;
  background-position:top left;
  padding-left:20px;
  text-align:justify;
/*  font-weight: bold; */
  font-size: 110%;
/*font-style: italic; */
}

p.withunquote 
{ background: url(unquote.gif) no-repeat;
  background-position:bottom right;
  padding-right:5px;
}

/* unordered list */
ul
{ margin: 0px 0px 0px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main { width: 950px;}

/* header */
#header
{ border-top: 3px solid; 
  border-left: 3px solid; 
  border-right: 3px solid; 
  border-bottom: 3px solid;
  height: 79px;
  padding: 2px 2px;
}

.headeritem
{ /*text-align: left;*/
  /*float: left;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overflow: auto;
}

/* logo */
#logo
{ padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

#address
{ padding: 0px 10px 0px 0px;
  float: right;
  text-align: right;
}

#header_pic
{
float: right;
}

.addressitem
{ text-align: left;
  float: left;
  margin: 0px 0px 0px 30px;
  padding: 10px 5px 0px 0px;
  text-transform: uppercase;
  font-weight: bold;
}

#logo h1
{ font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 18px 0px 0px 0px;
  font-size: 160%;
  letter-spacing: .3em;
}

#logo h2
{ font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-size: 100%;
  letter-spacing: .2em;
}

/* navigation menu */
#menu
{ height: 27px; }

/* nav1 css */
#outside{
	border:1px solid #990000;
	background:#990000;
	}
#navigation-1 {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	font:normal 8pt verdana, arial, helvetica;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:187px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#990000;
	color:#ffffff;
	width:148px;
	height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#990000;
	color:#ffffff;
	width:146px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:146px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #000000;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:146px;
	clear:left;
	width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#990000;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#666666;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #000000;
	border-left:1px solid #000000;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#000000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#666666;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}
                    
/* End of nav1 css */     

#links
{ float: right; 
  width: 100px;
  text-align: right;
  padding: 10px 18px 0px 0px;
}

#item
{
margin: 0px 10px 10px 10px;
}
/* sidebars */
.sidebar
{ float: left;
  padding: 2px 2px;
  width: 216px;
  border-top: 3px solid; 
  border-left: 3px solid; 
  border-right: 3px solid; 
  border-bottom: 3px solid;
  font-size: 94%;
}

.sidebarproj
{ float: left;
  padding: 2px 2px;
  width: 324px;
  border-top: 3px solid; 
  border-left: 3px solid; 
  border-right: 3px solid; 
  border-bottom: 3px solid;
  font-size: 94%;
  margin: 0px 0px 0px 2px;
}

.sidebarblog
{ float: right;
  padding: 2px 2px;
  width: 280px;
  border-top: 3px solid #990000; 
  border-left: 3px solid #990000; 
  border-right: 3px solid #990000; 
  border-bottom: 3px solid #990000;
  font-size: 94%;
  margin: 0px 0px 0px 2px;
}

/* sidebar items / links */
.sidebaritem
{ text-align: left;
  width: 216px;
  float: left;
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px;
}

.sidebaritem_proj
{ text-align: left;
  width: 324px;
  float: left;
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px;
}

.sidebaritem_blog
{ text-align: left;
  float: left;
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px;
}
.sidebaritem h1, .sidebaritem h2 {margin: 0px 0px 0px 0px}

.sidebaritem p{margin: 0px 10px 0px 10px}

.sidebaritem h1
{ font-weight: bold; 
  padding: 3px 0px 3px 0px;
  text-transform: uppercase;
  text-align: center;
}

.sidebaritem p
{ line-height: 16px; 
  padding: 8px 0px 8px 0px;
}

.sidebartable
{ padding: 0px 0px 0px 0px;
  margin: 0px 5px 5px 5px;
}

.sidebarform
{ padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
}

.sidebarcontact { padding: 0px 0px 0px 45px }  

.sbilinks ul{margin: 8px 0px 5px 10px;}

.sbilinks li
{ list-style: none; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 57px;
}

.sbilinks li a, .sbilinks li a:hover, .sbilinks li a:visited
{ height: 16px;
  padding: 0px 0px 2px 14px;
  text-decoration: none; 
  width: 149px;
} 

/* page content (centre) */
#content
{ text-align: left;
  float: left;
}

.contitem
{ padding: 0px 5px 0px 0px;
  float: right;
  text-align: right;
}

.conttab
{ padding: 0px 0px 0px 0px;
  margin: 0px 5px 5px 105px;
}

.contmain 
{  width: 488px;
  padding: 0px 5px 15px 5px;
}

.contsect
{
background: #DEE6EF;
padding: 10px 10px 5px 10px;
margin: 10px 0px 10px 0px;
}

.contproj 
{ width: 598px;
  border-top: 3px solid; 
  border-left: 3px solid; 
  border-right: 3px solid; 
  border-bottom: 3px solid;
  padding: 0px 5px 15px 5px;
}

#blog 
{ width: 602px;
  padding: 0px 25px 15px 25px;
  font-size: 110%;
}


.contproj ul
{ margin: 0px 0px 0px 16px;
  padding: 0px;
}

#content h1, .sidebarproj h1
{ font-family: arial, sans-serif;
  margin: 3px 0px 12px 0px;
  font-size: 128%; 
  font-weight: normal; 
  padding: 3px 0px 3px 5px;
  text-transform: uppercase;
/*  text-align: left; */
}

.sidebarproj h3
{ font-family: arial, sans-serif;
  margin: 3px 0px 12px 0px;
  font-size: 100%; 
  font-weight: bold; 
  padding: 3px 0px 3px 5px;
  text-transform: uppercase;
/*  text-align: left; */
}

#content h1 {text-align: left;}

.sidebarproj h1 {text-align: center;}

#content h3
{ margin: 0px;
  padding: 0px 0px 10px 0px;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  text-align: center;  
}

#content a, #content a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#highlights
{
padding:0px 40px 0px 40px;
margin:0px 30px 25px 30px;
border:collapse;
border-top:1px solid;
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
}

#blog h1
{ font-family: Georgia, serif;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  font-size: 148%; 
  font-weight: bold; 
  text-transform: none;
  text-align: center;
  background: #fff;
  color: #000000;
}

.date
{
padding:0px 0px 10px 30px;
font-size:90%;
}

/* footer */
#footer
{ height: 44px;  
  padding: 18px 0px 4px 0px;
  font-size: 80%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
  text-align: center; 
}

#footer a
{ text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px dashed;
}

#footer a:hover
{ text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px solid;
}

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom{display: block;}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{ display: block;
  height: 1px;
  overflow: hidden; 
}

.r1{margin: 0 5px}

.r2{margin: 0 3px}

.r3{margin: 0 2px}

.rtop .r4, .rbottom .r4
{ margin: 0 1px;
  height: 2px
}
/* tables */
table.proj
  {
  table-layout: automatic;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #BEC0C2;
  text-align: center;
  }
td.proj
  {
  padding: 5px 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border-left: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  background-color: #fff;
  }  
td.plain
  {
  padding: 5px 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border-left: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  background-color: #fff;
  text-align: left;
  }
th.proj
  {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  background-color: #53A9FF;
  padding: 3px 3px;
  }  
td.bluesky
  { 
  background-color: #BFFFFF; 
  padding: 5px 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border-left: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  } 
td.grow
  { 
  background-color: #C6FFC6; 
    padding: 5px 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border-left: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  }
td.cash
  { 
  background-color: #DBDBDB; 
    padding: 5px 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border-left: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  }    
td.text
  { 
    padding: 5px 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border-left: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  text-align: left; 
  background-color: #BFFFFF; 
  }
td.textg
  { 
  text-align: left; 
  background-color: #C6FFC6; 
    padding: 5px 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border-left: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  } 
td.textc
  { 
  text-align: left; 
  background-color: #DBDBDB; 
  padding: 5px 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border-left: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  }        
table.side
  {
  table-layout: automatic;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  }  
td.date
  { 
  width: 22%;
  text-align: left; 
  vertical-align: top;
  font-size:10px;
  padding: 2px 2px;
  }
td.head
  { 
  width: 78%;
  text-align: left; 
  vertical-align: top;
  padding: 2px 2px;
  }    
td.more
  { 
  text-align: right; 
  vertical-align: top;
  }
table.blog
  {
  table-layout: automatic;
  border-collapse: collapse;
  width: 80%;
  border: 1px solid #BEC0C2;
  }
td.blog
  {
  padding: 5px 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border-left: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  background-color: #fff;
  text-align:center;
  }  
th.blog
  {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  background-color: #E9E9E9;
  padding: 3px 3px;
  } 
   /* end of tables */