/* CSS Document */

.Backgr_blue {
	background-color: #92CCF2;
}

.Bac {
	color: #FCDCAD;
	
}

.Back {
	color: #F3F0E9;
	
}

.r1, .r2, .r3 {
    display: block;
    height: 1px;
}

.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
.r4 { margin: 0 3px; }

#rounded-box-3 .inner-box, #rounded-box-3  b {
    background-color: #CCCCCC;   
}

.inner-box {
    padding:1em;
}

a {

color:#0066CC}

.stihi { margin-left: 100;
margin-right: 300;
font-family: verdana;
	font-size: 12px;
	color: #1A638E;
	line-height: 140%;

}

.clu {
font-family: arial;
	font-size: 13px;
	color: #000000;
	line-height: 140%;}

/* News */
.Lefter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0033FF;
	line-height: normal;
	font-weight: bold;
}
.On_righter {
	font-family: verdana;
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
}

/* Entries Style */
.text_news {
	font-family: verdana;
	font-size: 14px;
	color: #1A638E;
	font-weight: bold;
}

.text_fun {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #CC0000;
	font-weight: bold;
}

.On_righ {
	font-family: verdana;
	font-size: 12px;
	color: #1A638E;
	line-height: 120%;
	
}

.On_righy {

	font-family: verdana;
	font-size: 12px;
	color: #1A638E;
	line-height: 140%;
	
}


.On_righ_y {
	font-family: verdana;
	font-size: 12px;
	color: #FF6600;
}


.data_avtor {
	font-family: verdana;
	font-size: 10px;
	color: #1A638E;
	text-align: right;
}

.WhiteLink { font-family:"Comic Sans MS";
font-size:14px;
color:#FFFFFF;
text-align:right;
}

.TextNews {font-family: "Comic Sans MS";
font-size:12px;
color:#001958;
text-align:justify;
}

.read {
	font-family: "Comic Sans MS";
	font-size: 12px;
	color: #001958;
	text-align:right;
}
.On_comic {
	font-family:"comic Sans MS";
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
}
.black_comic {
font-family:"comic Sans MS";
font-size:10px;
color:#330033;
font-weight: bold;
}

/* ------------- */


/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: Photo Showcase                                              |
  | Cascading Style Sheet                                            |
  | Copyright April 2006                                             |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* this holds it all. set width for allowable space (20px wider than shown image) */
div#ps {
  padding : 0;
  width : auto; 
  margin : auto;
  width : 550px;  /* set width to allow for all the boxes in a row and adjust this when changing thumbnail sizes*/
}

/* this hides the accessible links from view but keeps 'em available */
.ps_offset {
  position : absolute;
  margin-left : -2000px;
  margin-top : -2000px;
}

/* for h2 heading, but an option if h2 is pre-styled (note width) #669900*/
div#ps h2 { 
  margin : 60px 0 15px 4%;
  font-weight : normal;
  color : #FCDCAD; 
  width : 260px;
}

/* this the same as h2 above, may be optional (do note the width) */
div#ps p { 
  margin : 15px 0 15px 4%;
  font-size : 0.85em; 
  width : 260px; 
}

/* style the unordered list (note height) */
div#ps ul {
  margin : 5px 0 70px 4%;
  height : 40px;
}

/* make the list items show horizontally */
div#ps ul li {
  display : inline; 
}

/* set the links as blocks, size in px (must be floated) */
div#ps ul a {
  display : block;
  float : left;
  border : 0px solid #cd7000;
  text-decoration : none;
  margin : 0 5px 5px 0;
  width : 103px;
  height : 77px;
  cursor : pointer;   /* this is for Opera only */
}

/* set hover state border */
div#ps ul a:hover {
  
}

/* but remove border from images */
div#ps a img {
  border : 0;
}

/* set fous position (width and height will match big photo size and list row width */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active, div#ps ul a#psa9:focus, div#ps ul a#psa9:active, div#ps ul a#psa10:focus, div#ps ul a#psa10:active, div#ps ul a#psa11:focus, div#ps ul a#psa11:active, div#ps ul a#psa12:focus, div#ps ul a#psa12:active, div#ps ul a#psa13:focus, div#ps ul a#psa13:active {
	margin-top : -257px;
	width : 605px; /* adjust this only when changing thumbnail sizes */
	height : 454px;
	position : absolute;
	cursor : crosshair;
	top: 894px;
	right: 333px;
}

/* set backgrounds for each state */
div#ps ul a#psa1 {
  background : #000 url(images/his/media/pic1i.JPG) no-repeat 0 0;
}
div#ps ul a#psa1:hover {
  background : #222 url(images/his/media/pic1i.JPG) no-repeat 0 0;
}
div#ps ul a#psa1:focus, div#ps ul a#psa1:active {
  background : #FCDCAD url(images/his/media/pic1.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa2 {
  background : #000 url(images/his/media/pic2i.JPG) no-repeat 0 0;
}
div#ps ul a#psa2:hover {
  background : #222 url(images/his/media/pic2i.JPG) no-repeat 0 0;
}
div#ps ul a#psa2:focus, div#ps ul a#psa2:active {
  background : #FCDCAD url(images/his/media/pic2.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa3 {
  background : #000 url(images/his/media/pic3i.JPG) no-repeat 0 0;
}
div#ps ul a#psa3:hover {
  background : #222 url(images/his/media/pic3i.JPG) no-repeat 0 0;
}
div#ps ul a#psa3:focus, div#ps ul a#psa3:active {
  background : #FCDCAD url(images/his/media/pic3.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa4 {
  background : #000 url(images/his/media/pic4i.JPG) no-repeat 0 0;
}
div#ps ul a#psa4:hover {
  background : #222 url(images/his/media/pic4i.JPG) no-repeat 0 0;
}
div#ps ul a#psa4:focus, div#ps ul a#psa4:active {
  background : #FCDCAD url(images/his/media/pic4.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa5 {
  background : #000 url(images/his/media/pic5i.JPG) no-repeat 0 0;
}
div#ps ul a#psa5:hover {
  background : #222 url(images/his/media/pic5i.JPG) no-repeat 0 0;
}
div#ps ul a#psa5:focus, div#ps ul a#psa5:active {
  background : #FCDCAD url(images/his/media/pic5.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa6 {
  background : #000 url(images/his/media/pic6i.JPG) no-repeat 0 0;
}
div#ps ul a#psa6:hover {
  background : #222 url(images/his/media/pic6i.JPG) no-repeat 0 0;
}
div#ps ul a#psa6:focus, div#ps ul a#psa6:active {
  background : #FCDCAD url(images/his/media/pic6.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa7 {
  background : #000 url(images/his/media/pic7i.JPG) no-repeat 0 0;
}
div#ps ul a#psa7:hover {
  background : #222 url(images/his/media/pic7i.JPG) no-repeat 0 0;
}
div#ps ul a#psa7:focus, div#ps ul a#psa7:active {
  background : #FCDCAD url(images/his/media/pic7.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa8 {
  background : #000 url(images/his/media/pic8i.JPG) no-repeat 0 0;
}
div#ps ul a#psa8:hover {
  background : #222 url(images/his/media/pic8i.JPG) no-repeat 0 0;
}
div#ps ul a#psa8:focus, div#ps ul a#psa8:active {
  background : #FCDCAD url(images/his/media/pic8.png) no-repeat 0 0;
}


/* set backgrounds for each state */
div#ps ul a#psa9 {
  background : #000 url(images/his/media/pic9i.JPG) no-repeat 0 0;
}
div#ps ul a#psa9:hover {
  background : #222 url(images/his/media/pic9i.JPG) no-repeat 0 0;
}
div#ps ul a#psa9:focus, div#ps ul a#psa8:active {
  background : #FCDCAD url(images/his/media/pic9.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa10 {
  background : #000 url(images/his/media/pic10i.JPG) no-repeat 0 0;
}
div#ps ul a#psa10:hover {
  background : #222 url(images/his/media/pic10i.JPG) no-repeat 0 0;
}
div#ps ul a#psa10:focus, div#ps ul a#psa8:active {
  background : #FCDCAD url(images/his/media/pic10.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa11 {
  background : #000 url(images/his/media/pic11i.JPG) no-repeat 0 0;
}
div#ps ul a#psa11:hover {
  background : #222 url(images/his/media/pic11i.JPG) no-repeat 0 0;
}
div#ps ul a#psa11:focus, div#ps ul a#psa8:active {
  background : #FCDCAD url(images/his/media/pic11.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa12 {
  background : #000 url(images/his/media/pic12i.JPG) no-repeat 0 0;
}
div#ps ul a#psa12:hover {
  background : #222 url(images/his/media/pic12i.JPG) no-repeat 0 0;
}
div#ps ul a#psa12:focus, div#ps ul a#psa8:active {
  background : #FCDCAD url(images/his/media/pic12.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa13 {
  background : #000 url(images/his/media/pic13i.JPG) no-repeat 0 0;
}
div#ps ul a#psa13:hover {
  background : #222 url(images/his/media/pic13i.JPG) no-repeat 0 0;
}
div#ps ul a#psa13:focus, div#ps ul a#psa8:active {
  background : #FCDCAD url(images/his/media/pic13.png) no-repeat 0 0;
}

/* rinse and repeat as needed */

/* this needs to be in conditional comment for IE only */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active, div#ps ul a#psa9:focus, div#ps ul a#psa9:active, div#ps ul a#psa10:focus, div#ps ul a#psa10:active, div#ps ul a#psa11:focus, div#ps ul a#psa11:active, div#ps ul a#psa12:focus, div#ps ul a#psa12:active, div#ps ul a#psa13:focus, div#ps ul a#psa13:active  {
  margin-top : -254px; /* adjust this only when changing thumbnail sizes */
  margin-left : -201px; /* adjust this as rows get longer */
}

/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: Photo Showcase                                              |
  | Cascading Style Sheet                                            |
  | Copyright April 2006                                             |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* this holds it all. set width for allowable space (20px wider than shown image) */
div#ps {
  padding : 0;
  width : auto; 
  margin : auto;
  width : 550px;  /* set width to allow for all the boxes in a row and adjust this when changing thumbnail sizes*/
}

/* this hides the accessible links from view but keeps 'em available */
.ps_offset {
  position : absolute;
  margin-left : -2000px;
  margin-top : -2000px;
}

/* for h2 heading, but an option if h2 is pre-styled (note width) */
div#ps h2 { 
  margin : 60px 0 15px 4%;
  font-weight : normal;
  color : #669900; 
  width : 260px;
}

/* this the same as h2 above, may be optional (do note the width) */
div#ps p { 
  margin : 15px 0 15px 4%;
  font-size : 0.85em; 
  width : 260px; 
}

/* style the unordered list (note height) */
div#ps ul {
  margin : 5px 0 70px 4%;
  height : 40px;
}

/* make the list items show horizontally */
div#ps ul li {
  display : inline; 
}

/* set the links as blocks, size in px (must be floated) */
div#ps ul a {
	display : block;
	float : left;
	text-decoration : none;
	margin : 0 5px 5px 0;
	width : 90px;
	height : 60px;
	cursor : pointer;   /* this is for Opera only */

}

/* set hover state border */
div#ps ul a:hover {
  border : 1px solid #000;
}

/* but remove border from images */
div#ps a img {
  border : 0;
}

/* set fous position (width and height will match big photo size and list row width */
div#ps ul a#ps071:focus, div#ps ul a#ps071:active, div#ps ul a#ps072:focus, div#ps ul a#ps072:active, div#ps ul a#ps073:focus, div#ps ul a#ps073:active, div#ps ul a#ps074:focus, div#ps ul a#ps074:active, div#ps ul a#ps075:focus, div#ps ul a#ps075:active, div#ps ul a#ps076:focus, div#ps ul a#ps076:active, div#ps ul a#ps077:focus, div#ps ul a#ps077:active, div#ps ul a#ps078:focus, div#ps ul a#ps078:active, div#ps ul a#ps079:focus, div#ps ul a#ps079:active, div#ps ul a#ps0710:focus, div#ps ul a#ps0710:active {
	margin-top : -257px;
	width : 600px; /* adjust this only when changing thumbnail sizes */
	height : 370px;
	position : absolute;
	cursor : crosshair;
	top: 1375px;
	right: 333px;
	border-bottom-style: none;
	
}

/* set backgrounds for each state */
div#ps ul a#ps071 {
  background : #000 url(images/mer/07_06/042i.jpg) no-repeat 0 0;
}
div#ps ul a#ps071:hover {
  background : #222 url(images/mer/07_06/042i.jpg) no-repeat 0 0;
}
div#ps ul a#ps071:focus, div#ps ul a#ps071:active {
	background : #FCDCAD url(images/mer/07_06/042r.png) no-repeat 0 0;
	
}

/* set backgrounds for each state */
div#ps ul a#ps072 {
  background : #000 url(images/mer/07_06/077i.jpg) no-repeat 0 0;
}
div#ps ul a#ps072:hover {
  background : #222 url(images/mer/07_06/077i.jpg) no-repeat 0 0;
}
div#ps ul a#ps072:focus, div#ps ul a#ps072:active {
  background : #FCDCAD url(images/mer/07_06/077r.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#ps073 {
  background : #000 url(images/mer/07_06/113i.jpg) no-repeat 0 0;
}
div#ps ul a#ps073:hover {
  background : #222 url(images/mer/07_06/113i.jpg) no-repeat 0 0;
}
div#ps ul a#ps073:focus, div#ps ul a#ps073:active {
  background : #FCDCAD url(images/mer/07_06/113r.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#ps074 {
  background : #000 url(images/mer/07_06/117i.jpg) no-repeat 0 0;
}
div#ps ul a#ps074:hover {
  background : #222 url(images/mer/07_06/117i.jpg) no-repeat 0 0;
}
div#ps ul a#ps074:focus, div#ps ul a#ps074:active {
  background : #FCDCAD url(images/mer/07_06/117r.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#ps075 {
  background : #000 url(images/mer/07_06/119i.jpg) no-repeat 0 0;
}
div#ps ul a#ps075:hover {
  background : #222 url(images/mer/07_06/119i.jpg) no-repeat 0 0;
}
div#ps ul a#ps075:focus, div#ps ul a#ps075:active {
  background : #FCDCAD url(images/mer/07_06/119r.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#ps076 {
  background : #000 url(images/mer/07_06/125i.jpg) no-repeat 0 0;
}
div#ps ul a#ps076:hover {
  background : #222 url(images/mer/07_06/125i.jpg) no-repeat 0 0;
}
div#ps ul a#ps076:focus, div#ps ul a#ps076:active {
  background : #FCDCAD url(images/mer/07_06/125r.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#ps077 {
  background : #000 url(images/mer/07_06/129i.jpg) no-repeat 0 0;
}
div#ps ul a#ps077:hover {
  background : #222 url(images/mer/07_06/129i.jpg) no-repeat 0 0;
}
div#ps ul a#ps077:focus, div#ps ul a#ps077:active {
  background : #FCDCAD url(images/mer/07_06/129r.png) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#ps078 {
  background : #000 url(images/mer/07_06/148i.jpg) no-repeat 0 0;
}
div#ps ul a#ps078:hover {
  background : #222 url(images/mer/07_06/148i.jpg) no-repeat 0 0;
}
div#ps ul a#ps078:focus, div#ps ul a#ps078:active {
  background : #FCDCAD url(images/mer/07_06/148r.png) no-repeat 0 0;
}


/* set backgrounds for each state */
div#ps ul a#ps079 {
  background : #000 url(images/mer/07_06/172i.jpg) no-repeat 0 0;
}
div#ps ul a#ps079:hover {
  background : #222 url(images/mer/07_06/172i.jpg) no-repeat 0 0;
}
div#ps ul a#ps079:focus, div#ps ul a#ps078:active {
  background : #FCDCAD url(images/mer/07_06/172r.png) no-repeat 0 0;
}


/* rinse and repeat as needed */

/* this needs to be in conditional comment for IE only */
div#ps ul a#ps071:focus, div#ps ul a#ps071:active, div#ps ul a#ps072:focus, div#ps ul a#ps072:active, div#ps ul a#ps073:focus, div#ps ul a#ps073:active, div#ps ul a#ps074:focus, div#ps ul a#ps074:active, div#ps ul a#ps075:focus, div#ps ul a#ps075:active, div#ps ul a#ps076:focus, div#ps ul a#ps076:active, div#ps ul a#ps077:focus, div#ps ul a#ps077:active, div#ps ul a#ps078:focus, div#ps ul a#ps078:active, div#ps ul a#ps079:focus, div#ps ul a#ps079:active, div#ps ul a#ps0710:focus, div#ps ul a#ps0710:active {
  margin-top : -254px; /* adjust this only when changing thumbnail sizes */
  margin-left : -201px; /* adjust this as rows get longer */
}


/* End Styles */