/*The Erasmus Foundation Home Page*/
body{background:#000066;font-family: Optane, Arial, Helvetica, sans-serif; font-size:14px;font-style:normal;line-height:1.2;font-weight:normal;font-variant:normal;text-transform:none;color:#0080B4;width:320px;text-align:justify;z-index:1;}
/*Portrait Tablet*/
@media (min-width:481px) and (max-width:768px) {body{width:740px;}}
/* Portrait and Landscape IPhone*/
@media only screen and (min-device-width:320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2) {}
/*Landscape smart phone*/
@media (min-width: 321px) and (max-width:768px) {body{width:100%;}}
/*Portrait smart phone*/
@media (max-width:320px) {body{width:320px;}}
@media only screen and (max-width:768px) {body{width:100%;}}
    /* For mobile phones: */
div.body{width:100%;}}
/* Portrait and Landscape Laptops*/
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {body{width:100%;}}
/* For 1366 Resolution */  
@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px) 

$tablet: "(min-width: 768px) and (max-width: 1023px)";
$desktop: "(min-width: 1024px)";
p {font-size: 16px; @media #{$tablet} {font-size: 18px;}@media #{$desktop} {font-size: 20px;}}

a{color:#9999FF;text-decoration:none;}
a:focus{color:#000000;text-decoration:none}
a:active{color:#0000FF;text-decoration:none}
span,h1,h2,h3,h4{font-family: Optane, Arial, Helvetica, sans-serif;}
p{font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;text-align:justify;color:#FFFFFF;width:95%;margin:0 20px 0 0;}
h1{color:#CCFFFF;text-align:center;margin:5px 20px 0 0;width:100%;}
h2{color:#FFFFCC;text-align:center;margin:5px 20px 0 0;width:100%;}
span{font-style:italic;}
span.bold{font-weight:bold;font-size:0.9em;}
span.new{font-style:normal;font-weight:bold;color:#FF0000;}
span.small{font-weight:normal;font-size:0.7em;}
span.postage{font-style:italic;margin:0 10px 0 0;color:#FF0000;}
ul.li{list-style-image: url(images/tinylogo.gif);line-height:1.5em}
object.video{width:308px;height:173px;border:none;}
/*Coronavirus*/
span.q{font-style:italic;color:#FFCC00;font-weight:bold;}
h2.coronavirus{color:#00008B;text-align:center;width:auto;margin:0 auto;padding:40px 0 0 0;}
span.coronavirus{font-style:italic;color:#FFCC00;font-weight:bold;}
p.coronavirus{color:#00008B;text-align:center;width:auto;margin:0 auto;padding:40px 0 0 0;}
/*Picture Heading*/
p.heading{background:url(images/headerblend.jpg);width:98%;height:30px;z-index:3;clear:both;margin:0 10px 0 0;}
#headingpicture{width:100%;height:70px;clear:both;margin:0;}
p.flags{background:url(images/headerblend.jpg);width:98%;height:30px;clear:both;margin:65px 0 0 0;font-size:0.8em;;}
img.flag{padding:3px 10px 0 10px;}
a.flags{color:#000066}
p.fflags{background:url(images/headerblend.jpg);width:98%;height:50px;clear:both;margin:80px 0 0 0;font-size:0.8em;;}

/*Navigation*/
div.navbar{background-color:#6e37df;font-family:Arial;border-bottom:1px solid #9392FB;z-index:20;margin:0 10px 0 0;width:98%;}
div.navbar a{text-decoration:none;display:inline;margin:30px 8px 30px 5px;clear:both;padding:30px 0 30px 0;color:#FFFFFF;font-size:0.8em;text-align:justify;line-height:2.5em;}
div.navbar a.current{color:#AFEEEE;text-decoration:none;display:inline;}
div.submenu{border:none;background-color:#9392FB;padding:5px;font-family:Arial;}
div.submenu a{font-size:1em;color:#FFFFFF;text-align:center;padding:30px 30px 0 30px;text-decoration:none;line-height:2.5em;}
div.submenu a.current{font-size:1em;color:#000000;text-align:center;padding:10px 30px 6px 30px;text-decoration:none;background-color:#e4e4fd;}

/*Main Text*/
li.list{list-style-image:url(../images/tinylogo.gif);margin:0 0 10px 20px;color:#FFFFFF;width:350px;padding:0 0 0 10px;font-size:1.2em;}
p.meetings{color:#000099;text-weight:bold;text-align:justify;width:600px;padding:30px 0 0 0;margin:0 auto;font-size:1.2em;line-height:2em;}
h2.august{color:#00008B;text-align:center;margin:0 auto;padding:10px 0 0 0;}
span.august{font-weight:bold;font-style:normal;font-size:1.2em;color:#FF0000;width:900px;text-align:center;}
h2.podcast{width:600px;line-height:1em;text-align:center;}
p.coronavirus{font-weight:bold;color:#FF0000;font-size:18px;width:700px;text-align:center;margin:0 auto;padding:30px 0 -20px 0;}
span.coronavirus{font-weight:bold;font-style:normal;color:#FFA500;font-size:18px;text-align:center;margin:0 auto;}
p.spirit{text-align:justify;width:auto;margin:0 20px 0 0;font-size:1em;color:#FFFFFF;line-height:1.5em;font-style:italic;padding:10px 0 10px 0;}
span.quotespirit{text-align:right;font-style:italic;margin:0 0 20px 0;color:#CCCC33;font-size:0.8em;}
img.book{float:left;width:130px;height:170px;margin:0 20px 0 0;}
h2.podcast{font-size:2em;color:#CC66FF;margin:20px 0 20px 0;text-align:left;}
img.podcast{box-shadow: 5px 5px 10px #888888;}
object.podcast{width:330px;height:600px;text-align:left;margin:0 0 0 0;}
iframe.podcast{width:330px;height:500px;border:none;padding:0 0 50px 0;}
p.podcast{width:400px;text-align:center;font-size:0.8em;clear:all;}
/*Left Column*/
img.left{width:266px;height:133px;z-index:4;margin:0 0 20px 0;}
img.owl{width:200px;height:140px;z-index:7;}
img.lottery{width:150px;height:100px;z-index:6;margin:0 0 20px 0;}
/*Right advertisement*/
h2.events{color:#6495ED;text-align:left;}
h3.nextevents{border:#6495ED solid 0.2em;width:305px;}
h3.events{margin:0 10px 0 10px;font-size:1.3em;font-weight:bold;color:#6495ED;}
p.events{margin:0 10px 0 10px;}
img.right{width:266px;height:133px;z-index:4;margin:10px 0 20px 0;}
p.copyright{text-align:center;font-size:0.7em;margin:30px 0 50px 0;}
h2.text{color:#4169E1;margin:20px 0 10px 0;}
li.text{list-style-image:url(../images/tinylogo.gif);margin:0 0 10px 20px;color:#00008B;width:auto;padding:0 0 0 10px;}

/*Social Media*/
div.twitter{overflow:auto;border:10px solid #66CCFF;width:285px;height:200px;border-radius:15px;z-index:1;text-decoration:none;margin:30px 0 0 0;}
p.twitter{font-size:1.5em;font-color:#FFFFFF;font-weight:bold;text-align:left;margin:0;background:#66CCFF;text-decoration:none;}
div.fb-page{margin:-5px 0 0 -5px;}
img.twitter{width:60px;height:60px;}
a.twitter{text-decoration:none;color:#FFFFFF;}
/*Rotator*/
#rotator{cursor:pointer;overflow:hidden;position:absolute;left:40px;top:380px;width:266px;height:133px;z-index:2;}
#rotator img{cursor:pointer;width:266px;height:133px;}