body{
    font-family: Georgia, Helvetica, san-serif;
    margin:0;
    padding:0;
    width:100%;
    /*background-color:#CCFFFF;*/
	
/*	background-size:100% auto;*/
/*	height: 100%;*/
	background: url(images/grid_paper_background-blue_gray.jpg) repeat;
}

.top {
      text-align:center;
      margin-top:15px;
      }
      
.top_pic {
      border:6px solid #990000;
      text-align:center;
      }

.bar {
    /*code here*/
    /*position:fixed;*/
    width:40%;
    height:30px;
	margin-left: auto;
	margin-right: auto;
    /* clear:both; */
    }

.bar ul {    
    background: #990000;
    padding:0;
    font-size:15px;
    color:white;
    list-style-type: none;
    overflow:hidden;
}
    
nav a:link {
    text-decoration:none;
}

nav ul li {
    text-align: center;
    width: 33.3%;
    float:left;
    padding:7px 0;
	color:white;
}
nav ul li:active{
    border-top: solid 3px #1a54e1;
    color:#990000;
    font-weight:bold;
}
nav ul li:hover   {
    background:#CC0000;
    cursor:pointer;
}
a {
    color:#003;
}
h1 {
	text-align: center;
	}
h2 {
	text-align: right;
	}
p {
	text-indent: 15px;
	}
	
.content {
	width: 70%;
	/*border: solid 6px white;*/
	text-align: justify;
	background-color: white;
	background-image: url('images/light_note_paper_background.jpg');
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	padding:6px;
	/*-webkit-border-radius: 20px;*/
	}

.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#main {
		margin: 25px auto;
		width: 65%;
/*		background:#330000;*/
/*		border: 3px double white;*/
		padding: 16px;
		}
		
footer {
    bottom: 0;
    text-align:center;
    text-decoration:italics;
    width:50%;
    height:20px;
    font-size:10px;
	margin-top:15px;
	margin-right:auto;
	margin-left:auto;
	padding:5px;
    
}

.stitched {
   padding: 5px 10px;
   margin: 10px;
   background: #ff0030;
   color: #fff;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-top-left-radius: 3px;
   -moz-border-radius-topleft: 3px;
   -webkit-border-top-left-radius: 3px;
   border-bottom-right-radius: 3px;
   -moz-border-radius-bottomright: 3px;
   -webkit-border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
   -moz-border-radius-topright: 3px;
   -webkit-border-top-right-radius: 3px;
   -moz-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
   -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
   box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10,10,0,.5);
   text-shadow: -1px -1px #aa3030;
   font-weight: normal;
}