/*Used with before1.txt and after1.txt */
body {
 font-family: verdana, arial, sans-serif;
 margin:0;padding:0;
 font-size:14px;
 }
/* Wrap the whole layout in a div to keep it narrow and positioned */
#wrapper {width: 775px;margin-left:0.5em; margin-top: 0.5em;
 background: #fff url(img_wrap-back.jpg); 
 text-align: left;
 }
/*Header at the top */ 
#header {
 width: 100%;
 padding: 0;margin: 0; 
 clear: both;
 }

/* Main Content Area */
#main {clear: both;padding: 0;margin:0;margin-top: 10px; }


#extraLeft {
 float:left;
 width:400px;
 margin:0;padding:0;
 }
#extraRight {
 float:right;
 width:200px;
 margin:10px 0 0 10px;
 padding:0;text-align:center;font-size:0.8em;
}
#extraRight p {text-align:center;}
#content #extraRight img {border:0;margin-top:2em;}


/* Contents */
#content { 
 float:right;
 width:630px;
 margin: 0px 0 50px 0px; 
 padding:0;
 line-height: 1.3; 
 text-align: justify;
 }
#content p {margin: 1em 0;padding:0;}
#content p a {font-weight:normal;text-decoration: none;color:blue;}
#content p a:hover {color:red;}
#content li a {font-weight:normal;text-decoration: none;color:blue;}
#content li a:hover {color:red;}
#content img {border:0;margin:0.5em;}

#content h1 {
 font-size: 1.5em;
 font-weight:bold;
 margin: 5px 0 5px 0;padding:0;
 text-align: left;
 color:#712C63;
 width:100%;
 font-family:georgia,serif;
 }
#content h2 {
 font-size: 1.2em;
 font-weight:bolder;
 margin: 15px 0 5px 0;padding:0;
 text-align: left;
 color:#712C63;
 width:100%;
 }
#content h3 {
 font-size: 1.4em;
 font-weight:bolder;
 margin: 35px 0 5px 0;padding:0;
 text-align: center;
 color:#712C63;
 width:100%;
 }
#content h4 {
 color:#FF7FFF;
 font-size: 1.1em;
 margin: 15px 0 5px 0;padding:0;
 text-align: left;
 font-family:georgia,serif;
 border-bottom:1px solid #FF7FFF;
 width:65%;
 font-style:italic;
 }
.dropcap { 
 float: left;
 font-size: 300%;
 line-height: 90%;
 padding-right:.05em;
 margin: 0;
 font-family: Times;
 }

/* Sidebar */
#navigationList {
 margin: 0; padding: 0; 
 list-style: none inside;
 width: 120px;
 float:left;
 text-align: right;
 color: #000;
 background-color:#BF838B;
 }
#navigationList li {margin:1.0em 0; padding:0em; /*line-height:80%;*/}
#navigationList li a {
 text-decoration:none;
 color:white;
 margin:0;padding:0.0em 0.5em;
 font-size:1em;
 font-weight:bolder;
 } 
#navigationList li a:hover {color:black;font-weight:bolder;font-style:italic;}
	
/* Footer */
#footer {
 clear: both; 
 background-color:white;
 border-top:2px solid #BF838B; 
 color: #000; 
 font-size:0.8em;
 font-weight: bold; 
 /*height:53px;*/
 margin:0;padding:0px;
 }
#footer p {margin: 0; padding: 7px 9px; text-align: center; } 
#footer p a {font-weight:bold;text-decoration: none;color:blue;}
#footer p a:hover {color:red;}
.valid {float:left;margin:10px;padding:0;}