/*The Erasmus Foundation Home Page*/
#homepage{background:#87CEEB;font-family: Optane, Arial, Helvetica, sans-serif; font-size:14px;font-style:normal;line-height:1.2; color:#0080B4;width:auto}
#background{position:relative;margin:0 auto;text-align:left;width:1650px;background:#FFFFFF;z-index:1;height:1400px;}
@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

/*Portrait Tablet*/
@media (min-width: 481px) and (max-width: 768px) {div.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: 480px) {div.body{width:450px;}}
/*Portrait smart phone*/
@media (max-width: 320px) {div.body{width:275px;}}
@media only screen and (max-width: 768px) {div.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) 
$tablet: "(min-width: 768px) and (max-width: 1024px)";
{div.body{width:100%;}}
/* For 1366 Resolution */  
@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)
$desktop: "(min-width: 1024px)";
(div.body{width:1366px;})   

a{color:#0000FF;text-decoration:none;}
a:visited{text-decoration:none;color:#CC99FF;} 
a:focus, a:hover{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;font-size:0.9em;}
span{font-style:italic;}
span.bold{font-weight:bold;font-size:1.2em;}
span.new{font-style:normal;font-weight:bold;color:#FF0000;}
span.small{font-weight:normal;font-size:0.7em;}
ul.li{list-style-image: url(../images/tinylogo.gif);line-height:1.5em}

/*Top heading*/
div.header{position:absolute;left:0;top:0;background:url(images/headerblend.jpg);width:1650px;height:80px;z-index:3;}
h1{text-align:center;padding:20px 0 0 0;margin:20px 0 0 0;}
img.logo{width:1400px;height:80px;text-align:left;z-index:4;}

/*Navbar container*/
div.navbar{overflow:hidden;background-color:#4544AE;font-family:Arial;border-bottom:4px solid #9392FB;z-index:20;}
div.navbar a {float:left;font-size:1em;color:#FFFFFF;text-align:center;padding:5px 30px 5px 30px;text-decoration:none;z-index:20;}
div.navbar a.current{color:#AFEEEE;font-style:italic;text-decoration:none;padding:5px 14px 5px 14px;}

/*Picture Heading*/
div.picture{position:absolute;left:0;top:80px;width:1600px;height:400px;z-index:1;}
#headingpicture{width:1650px;height:250px;text-align:right;}
div.flag{position:absolute;right:20px;top:20px;z-index:10;margin:0 10px 0 0;}
img.flag{width:30px;height:30px;}
/*Main Text*/
a.a{color:#0000FF;font-weight:bold;text-decoration:none;}
div.main{position:absolute;margin:0 auto;text-align:center;top:320px;background:#FFFFFF;width:100%;height:auto;z-index:2;}
p.main{text-align:justify;width:700px;margin:0 auto;font-size:1em;color:#4169E1;line-height:1.7em;padding:40px 0 0 0;}
p.main a:link {text-decoration:none;color:#0000FF;}
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;}
div.text{position:absolute;left:20px;top:630px;width:100%;}
div.textlower{position:absolute;left:20px;top:700px;width:100%;}
div.textlower1{position:absolute;left:20px;top:700px;width:100%;}
div.textlower2{position:absolute;left:20px;top:850px;width:100%;}
p.text{color:#00008B;}
p.text #a{color:#800080;font-weight:bold; text-decoration:none;background:none;}
p.main #a{color:#800080;font-weight:bold; text-decoration:none;background:none;}
p.main a:visited{text-decoration:none;color:#000000;} 
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;}
img.paddina3{float:left;margin:0 20px 10px 0;}
p.law{font-size:1.2em; font-family:Times New Roman,serif; text-align:center; font-style:italic;font-weight:bold}
iframe.video{width:308px;height:173px;border:none;}
p.copyright{text-align:center;font-size:0.7em;margin:50px 0 100px 0;}
p.spirit{text-align:justify;width:700px;margin:0 auto;font-size:1em;color:#4169E1;line-height:1.5em;font-style:italic;padding:20px 0 0 0;}
span.quotespirit{text-align:right;font-style:italic;margin:0 0 20px 0;color:#3333FF;font-size:0.8em;}
p.list{text-align:center;font-size:1em;}
/*Coronavirus*/
h2.podcast{width:600px;line-height:1.2em;text-align:center;margin:0 auto;padding:20px 0 0 0;}
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;}


/*Left Column*/
div.left{position:absolute;text-align:left;left:20px;top:350px;width:350px;height:auto;z-index:4;}
p.left{text-align:center;width:350px;font-size:1.2em;color:#6495ED;line-height:1.5em;padding:0;font-family:Verdana, Geneva, sans-serif;z-index:4;}
img.left{width:227px;height:203px;z-index:4;margin:0;}
h2.left{text-align:center;margin:0;width:300px;z-index:2;}
a.red{color:#FF0000;font-style:normal;font-size:1.2em;font-weight:bold;text-decoration:none;}
p.coronavirus{font-weight:bold;color:#FF0000;font-size:18px;width:350px;text-align:center;margin:0 auto;padding:10px 0 0 0;}
span.coronavirus{font-weight:bold;font-style:normal;color:#FF0000;font-size:18px;text-align:center;margin:0 auto;}
p.spirit{text-align:justify;width:350px;margin:0 auto;font-size:1em;color:#4169E1;line-height:1.5em;font-style:italic;padding:20px 0 0 0;}

/*Right Column*/
img.book{height:210px;width:140px;box-shadow: 5px 5px 10px #888888;}
p.book{font-size:0.8em;text-align:justify;margin:0 0 20px 0;}
span.postage{margin:0 20px 0 0;color:#FF0000;}
div.right{position:absolute;right:20px;top:350px;z-index:11;width:300px;height:350px;}
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;}
#rightsign{width:130px;height:250px;z-index:4;margin:0 0 10px 0;}
h4{margin:10px 0 10px 0;}
/*Navigational bar*/
p.navbarlinks{display:block;font-size:0.9em;width:100%;background-color:#ADD8E6;margin:-10px 0 0 0;padding:10px 0 10px 20px;font-weight:bold;white-space:nowrap;text-decoration:none;text-align:center;}
p.navbarlinks a.{margin:0 30px 0 20px;text-decoration:none;}
p.navbarlinks a:hover{color:#FFFFFF;text-decoration:none}
p.navbarlinks a.menu{margin:0 10px 0 20px;color:#000080;text-decoration:none}
p.navbarlinks a:visited{text-decoration:none;color:#000000;} 
p.navbarlinks a.current{color:#AFEEEE;font-style:italic;text-decoration:none}
/*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;}