/************************************************

 * title: satire and comment screen stylesheet  * 

 * uri  :     					*

 * modif: 1/10/2015			*

 *						*

 ************************************************/











/* ##### contents ##### */



/* ##### body ##### */



/* ##### header ##### */





/* ##### left side bar ##### */



/* ##### right side bar ##### */



/* ##### container ##### */

 

/* #front-copyreadernotice */

/* #front-tol*/



/* ##### main copy  satire ##### */



/* ##### feature boxes ##### */





/* ##### footer ##### */







body {

  color: gray;;

  background-color: #b0c4de;  /***lightsteelblue; /*was rgb(2483,242,235);*/

  font-family:verdana, helvetica, arial, sans-serif;

  font-size: 73%;  /* enables font size scaling in msie */



	



  padding: 0;



 margin-top:15px;

  margin-bottom:15px;

margin-left: 20px;

 

}









html > body {

	font-size: 9pt;

	color: white;













}



#screen_border {

margin:auto;



 



 

 text-align: left;

  background: white;

  border: 10px solid white;

}







acronym, .titletip {

  border-bottom: 1px dotted rgb(168,140,83);

  cursor: help;

  margin: 0;

  padding: 0;

}



.donotdisplay {

  display: none !important;

}





.smallcaps {

  font-size: 117%;

  font-variant: small-caps;

}





/* ##### header ##### */



#header {

  color: inherit;

  background-color:#4682b4; /*** steelblue****/	

  line-height:1.15em;  /***1.15 is the space between the heading sentences - atlatna...and fake news...*/





}





.headertitle {

  margin: 0;

line-height:1em;

 padding: 0.65em 0 0 0.15em ;/**top right btm left***/

font-size: 125%;

}



.headertitle a  {

  color: white;

  background-color: transparent;

  text-decoration: none;

  font-size :105%;

  font-weight: bold;

  font-style: italic;

   	

margin: 0em 0em 0em 0em;

}





.headertitle1 {

  margin: 0;

line-height:1em;

 padding: 0 0 0.25em 0.15em; 



}

.headertitle1 a  {

  color: #f0e68c;

  background-color: transparent;

  text-decoration: none;

  font-size :75%;

  font-weight: normal;

  font-style: italic;

   	

margin: 0em 0em 0em 0em;

}



.headertitle > a {

  font-size: 138%;  /* for fully standards-compliant user agents */

}



/***span means the title like acpa***/



.headertitle span {

  color: white;

  background-color: transparent;

  

  font-size :60%;

	

}





.subheader {

  color: white;

  background-color: #4682b4;

  font-size: 100%;

  text-align: center;

  margin: 0;

  padding: 4px 0; /***4px aligns subheader to btm in vista plus ff and ie in 1280*800 res***/

}



.subheader a {

	color: #000080;

	background-color: white;

	text-decoration: none;

	font-weight: bold;

	padding-bottom: 3px;

	padding-right: 4px;

	padding-left: 4px;

	padding-top: 3px;



border: 1px solid #000080;

padding-bottom: 3px;

}



	





.subheader a:hover {

  color: #cd5c5c;/**** #cd5c5c***/	

  background-color: #f0e68c ;

}









/* #####end  header ##### */























/* ##### left side bar ##### */



.leftsidebar {

        width: 120px;  /****width causes the long names to word wrap****/

  	float: left;

 	clear: left;

 	border: 0px solid #cccccc;

	background-color: white; 





}



.leftsidebar .sidebartitle {

  color: #000080;

  background-color: #cccccc;

  font-weight: bold;

  margin: 0;

  padding: 0.5em 0.2em;	

  font-size:104%

}













.leftsidebar a {

	color: #000080;  /* 	was #93a9bb */

	background-color: white;

	text-decoration: none;

	display: block;

	padding-top: 0.5em;

	padding-right: 0em;

	padding-bottom: 0em; 

	padding-left: 0.5em;

	margin:1em 0;

  

	line-height:1.3em;

    	



	font-size: 120%;



}



.leftsidebar p {

	color: #000080;

	background-color: white;

	text-decoration: none;

	display: block;

	padding-top: 0.75em;

	padding-right: 1ex;

	padding-bottom: 0.75em; 

	padding-left: 0.5em;

	margin: 0px;

	font-size: 16px;

  	line-height: 22px;

}





.leftsidebar .sidebartext {

	color: #000080;  

	background-color: white;

	text-decoration: none;

	display: block;

	padding-top: 0.75em;

	padding-right: 1ex;

	padding-bottom: 0.75em; 

	padding-left: 1mm;

	margin: 0px;

}





.leftsidebar a:hover {

	color:  #cd5c5c;

	background-color: #f0e68c;

	text-decoration: none;

	border-right-width: 0px;

	border-right-color: #cc9966;

	display: block;

	border-right-style: outset;



}





.leftsidebar .sidebartext a {

  text-decoration: underline;

}



.leftsidebar .sidebartext a:hover {

  text-decoration: none;

}



.leftsidebar .thispage {

  color:rgb(64,64,64);

  background-color: white;

  font-weight: bold;

}











.leftsidebar img {



border:none;    /****ensures the w3schools img has no red box aroudn as a border***/



}





table.center {

margin-left:auto; 

margin-right:auto;

}





/* ##### NewRight side bar ##### */



.newrightsidebar {

        width: 160px;  /****width causes the long names to word wrap****/

  	float: right;

 	clear: right;

 	border: 0px solid #cccccc;

	background-color: white; 





}



.newrightsidebar .sidebartitle {

  color: #000080;

  background-color: #cccccc;

  font-weight: bold;

  margin: 0;

  padding: 0.5em 0.2em;	

  font-size:104%

}













.newrightsidebar a {

	color: green;	  /* 	was #93a9bb     left is #000080;*/

	background-color: white;

	text-decoration: none;

	display: block;

	padding-top: 0.5em;

	padding-right: 0em;

	padding-bottom: 0em; 

	padding-left: 0.5em;

	margin:1em 0;

  

	line-height:1.3em;

    	



	font-size: 120%;



}



.newrightsidebar p {

	color: red;

	background-color: white;

	text-decoration: none;

	display: block;

	padding-top: 0.75em;

	padding-right: 1ex;

	padding-bottom: 0.75em; 

	padding-left: 0.5em;

	margin: 0px;

	font-size: 16px;

  	line-height: 22px;

}





.newrightsidebar .sidebartext {

	color: green;  

	background-color: white;

	text-decoration: none;

	display: block;

	padding-top: 0.75em;

	padding-right: 1ex;

	padding-bottom: 0.75em; 

	padding-left: 1mm;

	margin: 0px;

}





.newrightsidebar a:hover {

	color:  #cd5c5c;

	background-color: #f0e68c;

	text-decoration: none;

	border-right-width: 0px;

	border-right-color: #cc9966;

	display: block;

	border-right-style: outset;



}





.newrightsidebar .sidebartext a {

  text-decoration: underline;

}



.newrightsidebar .sidebartext a:hover {

  text-decoration: none;

}



.newrightsidebar .thispage {

  color:rgb(64,64,64);

  background-color: white;

  font-weight: bold;

}











.newrightsidebar img {



border:none;    /****ensures the w3schools img has no red box aroudn as a border***/



}





table.center {

margin-left:auto; 

margin-right:auto;

}



/* ##### right side bar ##### */



.rightsidebar {

  width: 160px;                 /*************width of google banner ad*****/

  margin: 2ex 0.75ex 0 0;

  padding: 0;

  float: right;

  clear: right;

  border: 1px solid #cccccc;

}



[class~="rightsidebar"] {

  margin-right: 1.5ex;

}



.rightsidebar .sidebartitle {

  color: black;

  background-color: #cccccc;

  font-weight: bold;

  margin: 1.25ex 1ex;

  padding: 0.9ex 1ex;

}



.rightsidebar a {

	color: #0099ff;

	background-color: transparent;

	text-decoration: underline;

	font-weight: bold;

	margin-right: 30px;



}



.rightsidebar a:hover {

	color: #ff9933;

	text-decoration: none;





}



.rightsidebar .sidebartext {

  line-height: 1.5em;

  margin: 0;

  padding: 0 2ex 1em 2ex;

}



.rightsidebar .more {

  text-decoration: none;

  text-align: right;

  margin: 0;

  padding: 0 2ex 1em 2ex;

  display: block;

}



.rightsidebar .more:hover {

  text-decoration: underline;

}









/* ##### end right side bar ##### */







/*******************************************************************************************************/





/* ##### main copy ##### */



#main-copy {

  color: #000080; /*try geen or was black*/

  background-color: white;



  text-align: justify;

  line-height: 1.5em;

  margin: 0 0 0 9em;

  

  padding: 0.5em 15em 1em 1em;

  border-left: 0px solid #999999;

/*** deleted as css error  border-right:705;****/ 	

  color: #000080;

 font-size: 14px;

  line-height: 22px;

}



#main-copy h1 {

	color: #000080;

	background-color:transparent;

	font-family: arial, verdana, helvetica, sans-serif;

	font-size: 145%;

	font-weight: bold;

	font-style: normal;

	text-align: left;

	margin: 1em 0 0 0;

	padding: 0em 0 0 0;

	border-top: 1px solid #999999;

	text-decoration: none;/*was undeline*/

 margin-right:60px;

}







#main-copy h4 {

	color: #000080;

	background-color:transparent;

	font-family: arial, verdana, helvetica, sans-serif;

	

 margin-right:60px;

}	



#main-copy a {

  color: #a52a2a; /*try green , was  #cd5c5c,was #6699cc;*/

  background-color: transparent;

  text-decoration: underline;

font-weight: bold;

font-style: italic;





}



#main-copy a:hover {

	text-decoration: none;

	color: #ff9933;



}









#main-copy li {

	margin: 0ex;

	padding-top: 0.1ex;

	padding-right: 0;

	padding-bottom: 0.1ex;

}











p {

	margin: 1em 0 0em 0;

	padding: 0;

	color: #000080;/* #51410b;*/

 margin-right:60px;

	 



}



dt {

  font-weight: bold;

  margin: 0;

  padding: 0 0 0.5ex 0;

}



dd {

  margin: 0 0 1.5em 1.5em;

  padding: 0;







}









p.bottommargin {

margin-bottom: 5%

}





/****************************for the satire news list page only***************************************************************************/







.featurebox_satirenews {

  background-color: #fafad2;

  margin:10px;

  padding:10px;

  border: 1px solid #dfe8f7;

  font-family: verdana, arial, sans-serif;

  font-size: 14px;

  line-height: 22px;

  color: #333333;

  margin-right:42px;



/********* below removed , causes css error and does nto seem to help



          border-height:200em; ****/ /********* prevent jpg overflow through bottom of box???************/









   margin-left:24px; /***added to keep a margin on the left of the box -moves it away from left sidebar****/



}

/***below is unused as i use a list in this section****/



.featurebox_satirenews a {

 color:green;

text-decoration:none;



}







/****************************for the serious comment headlines page only***************************************************************************/







.featurebox_seriouscomment {

  background-color:#f5f5f5;

   margin:0px;

  padding:10px;

  border: 1px solid #dfe8f7;

  font-family: verdana, arial, sans-serif;

  font-size: 14px;

  line-height: 22px;

  color: #333333;

  margin-right:48px;

/********* below removed , causes css error and does not seem to help



          border-height:200em; ****/ /********* prevent jpg overflow through bottom of box???************/



   margin-left:24px; /***added to keep a margin on the left of the box -moves it away from left sidebar****/







}



        









 /**********fix all text to left??************/











/**********limits page size when on a bigger screen,, ie no stretch of the browser*****/

		 





#container {



margin: auto;

width: 960px;    







/************stops screen squishing into a minimized window size****/



text-align: left;

}	



/*******************************************************************************************************/









/*************************front page stuff******************************************************************************/







#front-copyreadernotice {



	  



}







#front-copyreadernotice p {


	 color: green;
	 font-size: 14px;
	 font-weight: normal;
	  text-align:left;
	margin:  0em 0em  0em  0em
  margin-right:60px;
 border-left: 20px
}

#front-copyreadernotice a {

	color:#a52a2a;
	font-size: 14px;
	font-weight: normal;
	margin-right:60px;
	border-top: 1em solid #fafad2;
	font-style: italic;

margin:  1em 15em  1em  9em; /**********8= distance from left of page******/

	






}

/* ##### front copy  tol thinking out loud ##### */





#front-copytol {



	  font-size: 16px;



	  line-height: 22px;



	  background-color: #fafad2;



	  color:#000080;



	  border-left: 10px solid red;/***space from left of centre text piece to start of text***/



	  margin:  0em 15em  1em  9em; /**********8= distance from left of page******/





 

         border: 1px solid #dfe8f7;



         font-family: verdana, arial, sans-serif;



/********* below removed , causes css error and does nto seem to help



          border-height:200em; ****/ /********* prevent jpg overflow through bottom of box???************/





}

#front-copytol h1 {

	color:#000080;
	border-top: 1em solid #fafad2;
	font-size: 145%;
	background-color:transparent;
	font-family: arial, verdana, helvetica, sans-serif;	
	margin-right:60px;
}


#front-copytol h4 {

	

	color: #000080;

	

	background-color:transparent;

	

	font-family: arial, verdana, helvetica, sans-serif;

 

	margin-right:60px;



}



#front-copytol p {


	 color: #000080;
	 font-size: 14px;
	 font-weight: normal;
 margin-right:60px;
	 margin-left:12px;


}





#front-copytol a {



	color:#a52a2a;

	

	font-size: 16px;



	font-weight: bold;

 	

	margin-right:60px;

	

	font-style: italic;



	 margin-left:12px;



}





#front-copytol img.right {



	float: right;



	margin: 8px 0 0 20px;



}

#front-copytol img.left {



	float: left;



	margin: 8px 20px 0 0;



}





/* ##### end front copy  tol##### */





/* ##### main copyfront just to allow use of two identical divs on the front page ##### */



#main-copyfront {

  color: #000080; /*try geen or was black*/

  background-color: white;



  text-align: justify;

  line-height: 1.5em;

  margin: 0 0 0 9em;

  

  padding: 0.5em 15em 1em 1em;

  border-left: 0px solid #999999;

/*** deleted as css error  border-right:705;****/ 	

  color: #000080;

 font-size: 14px;

  line-height: 22px;

}



#main-copyfront h1{



	color: #000080;

	background-color:transparent;

	font-family: arial, verdana, helvetica, sans-serif;

	font-size: 145%;

	font-weight: bold;

	font-style: normal;

	text-align: left;

	margin: 1em 0 0 0;

	padding: 0em 0 0 0;

	border-top: 1px solid #999999;

	text-decoration: none;/*was undeline*/

 margin-right:60px;

}
#main-copyfront p{


	color: green;

	background-color:transparent;

	font-family: arial, verdana, helvetica, sans-serif;

	font-size: 90%;

	font-weight: normal;

	font-style: italic;

	text-align: left;

	margin: 1em 0 0 0;

	padding: 0em 0 0 0;

	
	text-decoration: none;/*was undeline*/

 margin-right:60px;

}




/***********************any page  text update**********************/





#anywhere-update  {



	color:green;

	

	font-size: 16px;



	font-weight: bold;

 	

	margin-right:60px;

	

	font-style: italic;



	



}







/*******************************************************************************************************/





/* ##### front copy  satire ##### */





#front-copysatire {



	  font-size: 16px;



	  line-height: 22px;



	  background-color: #fafad2;



	  color:#000080;



	  border-left: 10px solid red;/***space from left of centre text piece to start of text***/



	  margin:  0em 15em  1em  9em; /**********8= distance from left of page******/





 

         border: 1px solid #dfe8f7;



         font-family: verdana, arial, sans-serif;



/********* below removed , causes css error and does nto seem to help



          border-height:200em; ****/ /********* prevent jpg overflow through bottom of box???************/





}





#front-copysatire h1 {



	color:#000080;



	border-top: 1em solid #fafad2;



	font-size: 145%;

	

	background-color:transparent;

		

	font-family: arial, verdana, helvetica, sans-serif;	

 

	margin-right:60px;

}







#front-copysatire h4 {

	

	color: #000080;

	

	background-color:transparent;

	

	font-family: arial, verdana, helvetica, sans-serif;

 

	margin-right:60px;



}



#front-copysatire p {



	 color: #000080;

	

	 font-size: 14px;



	 font-weight: normal;

 	 

	 margin-right:60px;



	 margin-left:12px;



	

 

}





#front-copysatire a {



	color:#a52a2a;

	

	font-size: 16px;



	font-weight: bold;

 	

	margin-right:60px;

	

	font-style: italic;



	 margin-left:12px;



}





#front-copysatire img.right {



	float: right;



	margin: 8px 0 0 20px;



}

#front-copysatire img.left {



	float: left;



	margin: 8px 20px 0 0;



}





/* ##### end front copy  satire ##### */







 /* ##### front copy  satire1 for using a second satire box as 2 similar divs not allowed ##### */

 

 

 #front-copysatire1 {

 

 	  font-size: 16px;

 

 	  line-height: 22px;

 

 	  background-color: #fafad2;

 

 	  color:#000080;

 

 	  border-left: 10px solid red;/***space from left of centre text piece to start of text***/

 

 	  margin:  0em 15em  1em  9em; /**********8= distance from left of page******/

 

 

  

          border: 1px solid #dfe8f7;

 

          font-family: verdana, arial, sans-serif;

 

 

 /********* below removed , causes css error and does nto seem to help

 

           border-height:200em; ****/ /********* prevent jpg overflow through bottom of box???************/



 

 }

 

 

 #front-copysatire1 h1 {

 

 	color:#000080;

 

 	border-top: 1em solid #fafad2;

 

 	font-size: 145%;

 	

 	background-color:transparent;

 		

 	font-family: arial, verdana, helvetica, sans-serif;	

  

 	margin-right:60px;

 }

 

 

 

 #front-copysatire1 h4 {

 	

 	color: #000080;

 	

 	background-color:transparent;

 	

 	font-family: arial, verdana, helvetica, sans-serif;

  

 	margin-right:60px;

 

 }

 

 #front-copysatire1 p {

 

 	 color: #000080;

 	

 	 font-size: 14px;

 

 	 font-weight: normal;

  	 

 	 margin-right:60px;

 

 	 margin-left:12px;

 

 	

  

 }

 

 

 #front-copysatire1 a {

 

 	color:#a52a2a;

 	

 	font-size: 16px;

 

 	font-weight: bold;

  	

 	margin-right:60px;

 	

 	font-style: italic;

 

 	 margin-left:12px;

 

 }

 

 

 #front-copysatire1 img.right {

 

 	float: right;

 

 	margin: 8px 0 0 20px

 

 }

 

 

 

 /* ##### end front copy  satire1 ##### */







 /* ##### front copy  satire2  for using a second satire box as 2 similar divs not allowed ##### */

 

 

 #front-copysatire2 {

 

 	  font-size: 16px;

 

 	  line-height: 22px;

 

 	  background-color: #fafad2;

 

 	  color:#000080;

 

 	  border-left: 10px solid red;/***space from left of centre text piece to start of text***/

 

 	  margin:  0em 15em  1em  9em; /**********8= distance from left of page******/

 

 

  

          border: 1px solid #dfe8f7;

 

          font-family: verdana, arial, sans-serif;

 

 

 /********* below removed , causes css error and does nto seem to help

 

           border-height:200em; ****/ /********* prevent jpg overflow through bottom of box???************/



 

 }

 

 

 #front-copysatire2 h1 {

 

 	color:#000080;

 

 	border-top: 1em solid #fafad2;

 

 	font-size: 145%;

 	

 	background-color:transparent;

 		

 	font-family: arial, verdana, helvetica, sans-serif;	

  

 	margin-right:60px;

 }

 

 

 

 #front-copysatire2 h4 {

 	

 	color: #000080;

 	

 	background-color:transparent;

 	

 	font-family: arial, verdana, helvetica, sans-serif;

  

 	margin-right:60px;

 

 }

 

 #front-copysatire2 p {

 

 	 color: #000080;

 	

 	 font-size: 14px;

 

 	 font-weight: normal;

  	 

 	 margin-right:60px;

 

 	 margin-left:12px;

 

 	

  

 }

 

 

 #front-copysatire2 a {

 

 	color:#a52a2a;

 	

 	font-size: 16px;

 

 	font-weight: bold;

  	

 	margin-right:60px;

 	

 	font-style: italic;

 

 	 margin-left:12px;

 

 }

 

 

 #front-copysatire2 img.right {

 

 	float: right;

 

 	margin: 8px 0 0 20px

 

 }

 

 

 

 /* ##### end front copy  satire2 ##### */









/* ##### front copy  serious ##### */





#front-copyserious {



	   font-size: 16px;



	  line-height: 22px;



	  background-color: #f5f5f5;



	  color:#000080;



	  border-left: 10px solid red;/***space from left of centre text piece to start of text***/



	  margin:  1em 15em  1em  9em; /**********8= distance from left of page******/





 

         border: 1px solid #dfe8f7;



         font-family: verdana, arial, sans-serif;



/********* below removed , causes css error and does nto seem to help



          border-height:200em; ****/ /********* prevent jpg overflow through bottom of box???************/





}





#front-copyserious h1 {



	color:#000080;



	border-top: 1em solid #f5f5f5;



	font-size: 145%;

	

	background-color:transparent;

		

	font-family: arial, verdana, helvetica, sans-serif;	

 

	margin-right:60px;

}







#front-copyserious h4 {

	

	color: #000080;

	

	background-color:transparent;

	

	font-family: arial, verdana, helvetica, sans-serif;

 

	margin-right:60px;



}



#front-copyserious p {



	 color: #000080;

	

	 font-size: 14px;



	 font-weight: normal;

 	 

	 margin-right:60px;



	 margin-left:12px;

	 



}





#front-copyserious a {



	color:#a52a2a;

	

	font-size: 16px;



	font-weight: bold;

 	

	margin-right:60px;

	

	font-style: italic;



	 margin-left:12px;



}





#front-copyseriousimg.right {



	float: right;



	margin: 8px 0 0 20px



}















/* ##### end front copy  serious ##### */





/* ##### front copy  serious one##### */





#front-copyserious1 {



	   font-size: 16px;



	  line-height: 22px;



	  background-color: #f5f5f5;



	  color:#000080;



	  border-left: 10px solid red;/***space from left of centre text piece to start of text***/



	  margin:  1em 15em  1em  9em; /**********8= distance from left of page******/





 

         border: 1px solid #dfe8f7;



         font-family: verdana, arial, sans-serif;

/********* below removed , causes css error and does nto seem to help



          border-height:200em; ****/ /********* prevent jpg overflow through bottom of box???************/





}





#front-copyserious1 h1 {



	color:#000080;



	border-top: 1em solid #f5f5f5;



	font-size: 145%;

	

	background-color:transparent;

		

	font-family: arial, verdana, helvetica, sans-serif;	

 

	margin-right:60px;

}







#front-copyserious1 h4 {

	

	color: #000080;

	

	background-color:transparent;

	

	font-family: arial, verdana, helvetica, sans-serif;

 

	margin-right:60px;



}



#front-copyserious1 p {



	 color: #000080;

	

	 font-size: 16px;



	 font-weight: bold;

 	 

	 margin-right:60px;



	 margin-left:12px;



}





#front-copyserious1 a {



	color:#a52a2a;

	

	font-size: 16px;



	font-weight: bold;

 	

	margin-right:60px;

	

	font-style: italic;



	 margin-left:12px;



}





#front-copyseriousimg1.right {



	float: right;



	margin: 8px 0 0 20px



}















/* ##### end front copy  serious one ##### */





/* ##### front copy  review##### */





#front-copyreview {



	   font-size: 16px;



	  line-height: 22px;



	  background-color:  #f5deb3;



	  color:#000080;



	  border-left: 10px solid red;/***space from left of centre text piece to start of text***/



	  margin:  1em 15em  1em  9em; /**********8= distance from left of page******/





 

         border: 1px solid #dfe8f7;



         font-family: verdana, arial, sans-serif;





/********* below removed , causes css error and does nto seem to help



          border-height:200em; ****/ /********* prevent jpg overflow through bottom of box???************/





}





#front-copyreview h1 {



	color:#000080;



	border-top: 1em solid #f5f5f5;



	font-size: 145%;

	

	background-color:transparent;

		

	font-family: arial, verdana, helvetica, sans-serif;	

 

	margin-right:60px;

}







#front-copyreview h4 {

	

	color: #000080;

	

	background-color:transparent;

	

	font-family: arial, verdana, helvetica, sans-serif;

 

	margin-right:60px;



}



#front-copyreview p {



	 color: #000080;

	

	 font-size: 16px;



	 font-weight: bold;

 	 

	 margin-right:60px;



	 margin-left:12px;



}





#front-copyreview a {



	color:#a52a2a;

	

	font-size: 16px;



	font-weight: bold;

 	

	margin-right:60px;

	

	font-style: italic;



	 margin-left:12px;



}





#front-copyreviewimg.right {



	float: right;



	margin: 8px 0 0 20px



}















/* ##### end front copy review ##### */















/*********************************** main copy serious********************************************************************/









/* ##### main copy serious ##### */





#main-serious  {



 font-size: 16px;



  line-height: 22px;



  background-color: #f5f5f5;



  color:#000080;



  border-left: 10px solid #f5f5f5;/***space from left of centre text piece to start of text***/



  margin:  1em 11em  5em  8.5em; /**********8= distance from left of page******/



 

}





#main-serious  h1 {



	color:#000080;



	border-top: 1em solid  #f5f5f5;



	font-size: 145%;

	

	background-color:transparent;

		

	font-family: arial, verdana, helvetica, sans-serif;	

 

	margin-right:60px;

}







#main-serious h4 {

	

	color: #000080;

	

	background-color:transparent;

	

	font-family: arial, verdana, helvetica, sans-serif;

 

	margin-right:60px;



}



#main-serious  p {



	 color: #000080;

	

	 font-size: 14px;



	 font-weight: normal;

 	 

	 margin-right:60px;

	 

	 



}





#main-serious  a {



	color:#a52a2a;



	font-size: 14px;

 

	font-weight: bold;

 	



	

	font-style: italic;



}





#main-serious  img.right {



	float: right;



	margin: 8px 0 0 20px



}



#main-serious img.left {



	float: left;



	margin: 8px 20px 0 0;











}



#main-serious ul {

  list-style-type: disc;

  list-style-position: outside;

	

  margin: 0 3em 1em 3em;

  padding: 0;

  color:navy;	

 font-size: 16px;

}









/* ##### end main copy  serious ##### */











/* ##### main copy  satire ##### */









#main-copysatire {



 font-size: 16px;



  line-height: 22px;



  background-color: #fafad2;



  color:#000080;



  border-left: 10px solid #fafad2;/***space from left of centre text piece to start of text***/



  margin:  1em 11.5em  5em  8em; /**********8= distance from left of page******/



 

}





#main-copysatire h1 {



	color:#000080;



	border-top: 0.25em solid #fafad2;/**********was 1em but gap between links and headline were too big******/





	font-size: 145%;

	

	background-color:transparent;

		

	font-family: arial, verdana, helvetica, sans-serif;	

 

	margin-right:60px;

}







#main-copysatire h4 {

	

	color: #000080;

	

	background-color:transparent;

	

	font-family: arial, verdana, helvetica, sans-serif;

 

	margin-right:60px;



}



#main-copysatire p {



	 color: #000080;

	

	 font-size: 14px;



	 font-weight: normal;

 	 

	 margin-right:60px;



}







#main-copysatire a {



	color:#a52a2a;

	

	font-size: 16px;



	font-weight: bold;



	

	font-style: italic;





}





#main-copysatire img.right {



	float: right;



	margin: 8px 0 0 20px



}





#main-copysatire img.left {



	float: left;



	margin: 8px 20px 0 0;







}





#main-copysatire img.center {



	



	margin: 8px 0 0 200px



}







#main-copysatire img.displayed {

    display: block;

    margin-left: auto;

    margin-right: auto 

}







#main-copysatire ul {

  list-style-type: disc;

  list-style-position: outside;

	

  margin: 0 3em 1em 3em;

  padding: 0;

  color:navy;	

 font-size: 14px;

}





/* ##### end main copy  satire ##### */



/* ##### main copy  blog style ##### */





#main-copyblog {



 font-size: 16px;



  line-height: 22px;



  background-color: #fafad2;



  color:#000080;



  border-left: 10px solid #fafad2;/***space from left of centre text piece to start of text***/



  margin:  1em 11.5em  5em  8em; /**********8= distance from left of page******/



 

}





#main-copyblog h1 {



	color:#000080;



	border-top: 1em solid #fafad2;



	font-size: 145%;

	

	background-color:transparent;

		

	font-family: arial, verdana, helvetica, sans-serif;	

 

	margin-right:60px;

}







#main-copyblog h4 {

	

	color: #000080;

	

	background-color:transparent;

	

	font-family: arial, verdana, helvetica, sans-serif;

 

	margin-right:60px;



}



#main-copyblog p {



         text-indent: 30pt;



	 color: #000080;

	

	 font-size: 14px;



	 font-weight: normal;

 	 

	 margin-right:60px;



}





#main-copyblog a {



	color:#a52a2a;

	

	font-size: 16px;



	font-weight: bold;



	

	font-style: italic;





}





#main-copyblog img.right {



	float: right;



	margin: 8px 0 0 20px



}





#main-copyblog img.left {



	float: left;



	margin: 8px 20px 0 0;







}





#main-copyblog img.center {



	



	margin: 8px 0 0 200px



}







#main-copyblog img.displayed {

    display: block;

    margin-left: auto;

    margin-right: auto 

}



/* ##### end main copy  blog style ##### */





/* ##### main copy  review ##### */





#main-copyreview {



 font-size: 16px;



  line-height: 22px;



  background-color: #f5deb3;



  color:#000080;



  border-left: 10px solid #f5deb3;/***space from left of centre text piece to start of text***/



  margin:  1em 11.5em  5em  8em; /**********8= distance from left of page******/



 

}





#main-copyreview h1 {



	color:#000080;



	border-top: 1em solid #f5deb3;



	font-size: 145%;

	

	background-color:transparent;

		

	font-family: arial, verdana, helvetica, sans-serif;	

 

	margin-right:60px;

}







#main-copyreview h4 {

	

	color: #000080;

	

	background-color:transparent;

	

	font-family: arial, verdana, helvetica, sans-serif;

 

	margin-right:60px;



}



#main-copyreview p {



	 color: #000080;

	

	 font-size: 14px;



	 font-weight: normal;

 	 

	 margin-right:60px;



}





#main-copyreview a {



	color:#a52a2a;

	

	font-size: 16px;



	font-weight: bold;



	

	font-style: italic;





}





#main-copyreview img.right {



	float: right;



	margin: 8px 0 0 20px



}





#main-copyreview img.left {



	float: left;



	margin: 8px 20px 0 0;







}





#main-copyreview img.center {



	



	margin: 8px 0 0 200px



}



/* ##### end main copy  review ##### */















/* ##### main copy  poetry ##### */





#main-poetry {



 font-size: 16px;



  line-height: 27px;



  background-color:  #f5deb3;



  color:#000080;



  border-left: 10px solid#f5deb3;/***space from left of centre text piece to start of text***/



  margin:  1em 11.5em  5em  8em; /**********8= distance from left of page******/



 

}





#main-poetry h1 {



	color:#000080;



	border-top: 1em solid #f5deb3;



	font-size: 145%;

	

	background-color:transparent;

		

	font-family: arial, verdana, helvetica, sans-serif;	

 

	margin-right:60px;

}







#main-poetry h4 {

	

	color: #000080;

	

	background-color:transparent;

	

	font-family: arial, verdana, helvetica, sans-serif;

 

	margin-right:60px;

	 

	text-align:center;



}



#main-poetry p {



	 color: #000080;

	

	 font-size: 16px;



	 font-weight: bold;

 	 

	 margin-right:60px;



	text-align:center;





}





#main-poetry a {



	color:#a52a2a;

	

	font-size: 16px;



	font-weight: bold;



	

	font-style: italic;





}





#main-poetry img.right {



	float: right;



	margin: 8px 0 0 20px



}





#main-poetry img.left {



	float: left;



	margin: 8px 20px 0 0;







}





#main-poetry img.center {



	



	margin: 8px 0 0 200px



}



/* ##### end main copy  poetry ##### */





































/* ##### footer ##### */



#footer {

  color: black;

  background-color:#4682b4;

  font-size: 92%;

  text-align: center;

  line-height: 1.25em;

  margin: 0;

  padding: 1em 4mm 1em 4mm;

  clear: both;

}



#footer div {

  margin: 0;

  padding: 0 0 1ex 0;

}



#footer a {

	color: #000080	;

	background-color: transparent;

	text-decoration: underline;

	font-weight: bold;



}



#footer a:hover {

	text-decoration: none;

	color:  #cd5c5c;



}

/* ##### end footer ##### */