/* Containers */

body{background-color:#eeeeee;}

a,ol,ul,li,p{
margin: 0;
padding:0;
border:0;
vertical-align:baseline;
background:transparent;}

#wrapper {width:900px;
	margin:0px auto;
	background-color: white;
	
	}
	
#top { background-color:#000000;
	   width:100%;
	   padding:20px 0;
	   overflow :hidden;
	   border-bottom:1px #eeeeee solid;
	   

}

#topR { background-color:#3009BD;
	   width:100%;
	   padding:10px 0;
	   overflow :hidden;
	   border-bottom:1px orange solid;
	   

}






#logo{margin :0 0 0 10px; float:left; }

#social-media{float:right; margin: 0 10px 0 0;}

#social-media p {font-size:12px;
color:black; 
margin:4px 10px 4px 0px;
}

#social-media p a {font-size:12px;
color:#0951BD; 
margin:4px 10px 4px 0px;
}
#social-media img{ height:24px; width:30px;}



#social-media ul li { display:inline;  color:#ffffff; }


#topnav, #topnavR {background-color :#333333; clear:both;}
#topnav ul { width:100%; float:left; margin:0px; background-color :#333333;  
border-bottom:3px #cccccc solid;}
#topnavR ul{ width:100%; float:left; margin:0px; background-color :#0951BD;  
border-bottom:3px #cccccc solid;}
#topnav ul li, #topnavR ul li { display:inline; }


#topnav ul a , #topnavR ul a{float:left; padding:10px 20px;}
#topnav a:link , #topnavR a:link{ color:#ffffff;}
#topnav a:visited, #topnavR a:visited { color:#ffffff;}
#topnav a:active, #topnavR a:active { color:#ffffff;}
#topnav a:hover, #topnavR a:hover { color:#ffffff; background-color:#CC0000;}
#topnav a:focus, #topnavR a:focus { color:#ffffff;}


#banner{}

#subbanner {width:100%; background-color:#555555; overflow:hidden;
border-top:1px #eeeeee solid;
border-bottom:3px #cccccc solid;

}

#subbanner h3 {color:#ffffff; font-size:16px; font-weight:bold; text-align:center; line-height:180%;
}


#subbannerR {width:100%; background-color:#0951BD; overflow:hidden;
border-top:1px #eeeeee solid;
border-bottom:3px orange solid;

}

#subbannerR h3 {color:#ffffff; font-size:16px; font-weight:bold; text-align:center; line-height:60%;
}
/* Apo edo */
#headerbannerR p{color:black; font-size:2.5rem;  padding: 0px 0px; font-weight:bold; text-align:center; line-height:100%; background-color:white;
font-family: "Playfair Display", Georgia, "Times New Roman", serif;}

#headerbannerR a{float:right; padding:0px 5px; color:#0951BD; }

#topnavRMenu {background-color :#333333; clear:both;}
#topnavRMenu ul { width:100%; float:left; margin:0px; background-color :#333333;  
border-bottom:3px #cccccc solid;}
#topnavRMenu ul{ width:100%; float:left; margin:0px;  background-color :#FFD8A8 ; 
border-bottom:1px #cccccc solid; border-top:1px #cccccc solid;}
#topnavRMenu ul li, #topnavR ul li { display:inline; }



#topnavRMenu ul a , #topnavRMenu ul a{float:left; padding:10px 20px;}
#topnavRMenu a:link  {font-family:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; color:#333333;}
#topnavRMenu a:visited { color:#333333;}
#topnavRMenu a:active { color:#333333;}
#topnavRMenu a:hover { color:#ffffff; background-color:#CC0000;}
#topnavRMenu a:focus { color:#ffffff;}


#topRNew { background-color:white;
	   width:100%;
	   padding:10px 0;
	   overflow :hidden;
	   border-bottom:0px orange solid;
	   text-align: center;

}

#logo2{
	
	text-align: center;
}

/* Mexri edo */
#content {float:left;width:72%; padding:20px; } 
#content h1{ margin:0 0 20px 0; font-size:36px; border-bottom:1px #777777 solid; padding:20px 20px;}
#content p{margin:16px 0;font-size:18px; line-height:160%;}
#content h2{ margin: 20px 0 0 0;}
#content img {  padding:8px; border: 0px #777777 solid; margin: 8px;
max-height:254px; width:50%; max-width:600px; 
} 

#content2 {float:left;width:100%; } 
#content2 h1{ margin:0 0 20px 0; font-size:36px; border-bottom:1px #777777 solid; padding:20px 20px;}
#content2 p{margin:16px 0;font-size:18px; line-height:160%;}
#content2 h2{  font-size:24px; border-bottom:1px #777777 solid; padding:20px 20px;}
#content2 img { padding:8px; border: 1px #777777 solid; margin: 8px;} 


#content3 {float:left;width:100%; } 
#content3 h1{ margin:0 0 20px 0; font-size:36px; border-bottom:1px #777777 solid; padding:20px 20px; }
#content3 p{margin:16px 0;  font-size:18px; line-height:160%; padding:5px 20px;}
#content3 h2{  font-size:24px;  padding:20px 20px;}
#content3 h3{  font-size:20px;  padding:5px 20px;}
#content3 img { padding:8px; border: 1px #777777 solid; margin: 8px;} 



#contentR { display: flex;
justify-content: center;
align-items: center;} 
#contentR label {margin:16px 0; line-height:160%;}


#indexTable { width:100%;  }
#indexTable tr th {width:25%;}
#indexTable tr th p {   margin: 0; font-family: "Playfair Display", Georgia, "Times New Roman", serif; 
padding: 0; vertical-align:top;background-color:#FFD8A8; border:none;   text-align:center; font-weight:normal;     font-size:20px;color:black;}


#indexTable tr td p { padding: 0 15px;  text-align:left; border-radius: 0px; font-weight:normal; font-size:20px;  }
#indexTable tr td p a {color:#0951BD; font-size:18px;}
#indexTable tr td p:hover { color:white; background-color:#CC0000;}
#indexTable tr td a:hover { color:white; background-color:#CC0000;}

   #mobileGrid {display: none;
    }

#rightside { padding:20px; margin-left:675px;} 
#rightside h2{ margin : 20px 0 10px 0;}

#rightside p{ margin:8px 0; line-height:160%}

#footer{clear:both; background-color:#000000; padding: 10px 0;
	}

#footerR{clear:both; background-color:#3009BD; padding: 10px 0;
	}


#footer p ,#footerR p {text-align:center; color:#ffffff;}