* { margin: 0; padding: 0; outline: 0; }

body  {
    color: #000000 ;
	background-color: #f5f8fa  ;
	background-image: url('olddiary.gif')  ;
	background-repeat : repeat-x ;
	}

#container {
    background-color: #ffffff; 
	margin-top: 100px;
	margin-bottom: 30px;
	margin-left:auto;
	margin-right:auto;
	padding: 20px 0px 20px 0px;
	border: solid 1px #ccc; 
	border-radius: 8px;
	width: 700px 
	}
	
.container2 {
    background-color: #ffffff; 
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left:auto;
	margin-right:auto;
	padding: 20px 20px 20px 20px;
	border: dotted 2px #ccc; 
	width: 600px 
	}

	
a {
    color: #1E407F;
	text-decoration: none;
	} 

a:link {
    color: #1E407F;
	}
	
a:visited {
    color: #1E407F;
	}
	
a:hover {
    color: #296CC9;
	}
	
a:active  {
    color:#1E407FF;
    }
	
.container2 a{
	text-decoration: underline;
	font-weight:bold;
	} 
	
.container2 p{
	margin: 20px;
	text-align:left;
	line-height: 20px;
	}
	
img {
    border:solid 1px #ccc;
    padding:2px;
	display:block;
    margin: 0 auto;
	text-align:center;
	}

h1{
    font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px; 
	font-weight:bold;
	text-shadow:0 1px 4px rgba(0,0,0,0.18);
	letter-spacing:-1px;
	margin: 15px;
	text-align:center; 
	line-height: 20px;
	}
	
h2{
    font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px; 
	font-weight:bold;
	text-shadow:0 1px 4px rgba(0,0,0,0.18);
	letter-spacing:-1px;
	margin: 15px;
	text-align:left;
	line-height: 30px;
	}
	
p{
    font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px; 
	letter-spacing:-1px;
	margin: 15px;
	text-align:center;
	line-height: 30px;
	}


#nav {
	font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px; 
	font-weight:bold;
	letter-spacing:-1px;
	word-spacing: 20px;
	margin: 15px;
	text-align:center;
	line-height: 30px;
}

.button{
    padding: 0.1em 0.5em;
	border: 1px solid #ccc;
	font-size: 1.0em;
	text-align: center;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
    background: #D1D1D1;
    background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
}

.button:hover{
    color: #296CC9;
	text-shadow: 0 0 8px #fff;
}
	
#footer {
	font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px; 
	font-weight:bold;
	color:#787878;
	text-shadow:0 1px 2px rgba(0,0,0,0.18);
	letter-spacing:-1px;
	margin: 15px;
	text-align:center;
	line-height: 30px;
}

.tabrow {
text-align: center;
list-style: none;
margin: 0px;
padding: 0;
line-height: 24px;
height: 26px;
overflow: hidden;
font-size: 13px;
font-weight:bold;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
position: relative;
}

.tabrow li {
border: 1px solid #ccc;
background: #D1D1D1;
background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
display: inline-block;
position: relative;
z-index: 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
text-shadow: 0 1px #FFF;
margin: 0 -5px;
padding: 0 20px;
}
				
.tabrow a {

text-decoration: none;
}
				
.tabrow li.selected {
background: #FFF;
color: #333;
z-index: 2;
border-bottom-color: #FFF;
}

.tabrow:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #ccc;
z-index: 1;
}

.tabrow li:before,
.tabrow li:after {
border: 1px solid #ccc;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
}

.tabrow li:before {
left: -6px;
border-bottom-right-radius: 6px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #D1D1D1;
}

.tabrow li:after {
right: -6px;
border-bottom-left-radius: 6px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #D1D1D1;
}

.tabrow li.selected:before {
box-shadow: 2px 2px 0 #FFF;
}

.tabrow li.selected:after {
box-shadow: -2px 2px 0 #FFF;
}

blockquote {
  font-style: italic;
  font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px; 
  color: #D1D1D1;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 2px solid #ccc;
  }