

body {
background-color: #1c1b20;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #000000;}
a:visited {color:#000000;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: white;
text-transform:uppercase;
background-color: black;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px; 
}

.union {
padding: 30px 0px 20px 0px;
}


#nav li.current a {
	background: #444; 
	color: white; 	
	margin-left: 0px;
	height: 30px;
	
	}


#sidebar a {
	padding: 0px 0px 0px 5px;
	border: none;
}

#sidebar a:hover {
	border: none;
}


#sidebar h2 { font: normal 17px Arial, Helvetica, sans-serif; padding: 10px 0px 0px 5px; }


/* main navigation */
#navigation ul,#navigation li {margin: 0px; padding: 0px 0px 0px 0px;}
#navigation li {list-style: none;
		text-align: left;}
#navigation a {
	border-bottom: 1px solid #FFF;
	padding-top: 10px;
	display: block;
	color: black;
	height: 30px;
	text-decoration: none;
	background-color: #5068f6;
}
#navigation a:hover {background: #232525; 
	color: white; 
	border-top: 1px solid white; 
	border-bottom: 1px solid white;}


h3 {
font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: white;
text-transform:uppercase;
background-color: black;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px; 
}


h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:0px;
margin-top: 20px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
background-color: white;
} 

/* main navigation */



/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: grey;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 

/* --------- banner as class -------------- */

.banner {
text-align: right;
background-color: grey;
padding: 0px;
margin: 0px; }

.banner img {padding:10px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #444;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

#outer2{ 
border-left: solid 0px #444;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
background: url(tf.gif) no-repeat;
 } 

#inner2{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }

#left2 {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
background: url(tf.gif);
height: 250px;
 }


/* ---------------- BlockQuotes ------------------- */

blockquote.style1 {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  
  margin: 10px;
  background-image: url(images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }

blockquote.style2 {
  font: 14px/20px normal helvetica, sans-serif;
  padding-left: 15px;
  
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  border-left: 0px solid #ccc;
  }

/* ---------------- images ------------------------ */
.alasdair {
	float: right;
	margin: 3px 13px 0px 5px;
	}

.space {
height: 100px;
}

/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; }



p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

#footer a {color: #FFFFFF;}
#footer a:visited {color: #FFFFFF;}
#footer a:hover {color: #5068F6;}
#footer a:active { color:#FFFFFF;}

