/* CSS Document */

body {
background-color: #ffffff;
background-image: url(../images/bg_gradblue.jpg);
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
padding:0px;
margin:0px;
}
a {color: #71A1D5;}
a:visited {color:#71A1D5;}
a:hover {color: #71A1D5;}
a:active { color:#71A1D5;}

h1 {
font-size: 8px;
color: #d2cda4;
background-color: #d2cda4;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px 
}

h2 {
font-size:16px;
font-weight: bold;
color: #8c3c38;
padding: 10px 10px;
margin-top: 10px;}

h3 {
font-size: 8px;
color: #000000;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }


.post img{
  padding: 4px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  margin-right: 0px;
  margin-left: 10px;
  margin-top: 10px;
  }

p img {
padding: 4px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  margin-right: 10px;
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  }


img.download {vertical-align:middle;}



/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-top: 2%;
margin-bottom: 2%;
margin-left: auto;
margin-right: auto;
padding: 5px;
background-color: #ffffff;

}



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

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



/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: auto;
border-left: ;
}

div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

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





/* --------------horizontal navigation------------- */

#nav {
	margin:0;
	padding:1px 1px; 
	float:left;
	width:100%;
	border-color:1px solid #9e9f8e;
	border-width:1px 1px 1px 1px;
}

#nav li {
	display:inline;
	padding:0;
	margin:0;
}

#nav a:link,
#nav a:visited {
	color:#3a77c2;
	background:#d7d9bc;
	padding: ;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	float:left;
	width:198px;
	border-right:1px solid #9e9f8e;
	border-bottom:1px solid #9e9f8e;
	border-top:1px solid #9e9f8e;
	text-decoration:none;
	font: Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: ;
}

#nav a:hover,
#nav a:focus {
	color:#fff;
	background:#3a77c2;
}

#nav li:first-child a {
	border-left:1px solid #9e9f8e;
}




/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
margin-bottom: 3px;
padding: 0px;
text-align: right;
border-bottom: 1px solid #9e9f8e;
 }