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

     - EUROPEDRAUGHTS.ORG -
         Main CSS file.
        Web Expert we.ee
       
//////////////////////////////////
////////////////////////////////*/

/*////////////////////////////////
          MAIN STYLES
////////////////////////////////*/

body {
 margin: 0;
 padding: 0;
 text-align: center;
 background-color: #d9d9d9;
 background-image: url(images/mainBackground.gif);
 background-repeat: repeat-x;
}
img {
 border: 0;
}
form {
 margin: 0;
 padding: 0;
}
#mainContainer {
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 width: 910px;
}

#header {
 width: 910px;
 height: 127px;
 background-image: url(images/headerBackground.gif);
 background-repeat: no-repeat;
}
.logoLink {
 display: block;
 width: 130px;
 height: 127px;
 float: left;
}
.topBanner {
 float: right;
 margin-top: 0px;
 margin-right: 15px;
}

/* MAIN MENU */

#mainMenu {
 height: 28px;
 width: 910px;
 background-image: url(images/mainMenuBackground.gif);
 background-repeat: no-repeat;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
}
#mainMenu ul {
 list-style: none;
 padding-top: 5px;
 padding-left: 20px;
 padding-right: 0px;
 padding-bottom: 0px;
 margin: 0;
}
#mainMenu li {
 display: inline;
 padding-left: 10px;
 padding-right: 10px;
}
#mainMenu a:link, #mainMenu a:visited {
 color: #7a7a7a;
 text-decoration: none;
}
#mainMenu a:hover {
 color: #a1a1a1;
 text-decoration: none;
}

/* FOOTER */

#footer {
 background-image: url(images/footerBackground.png);
 background-repeat: no-repeat;
 clear: both;
 width: 910px;
 height: 40px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 color: #e2e2e2;
}
#footerLang {
 float: left;
 clear: left;
 font-size: 11px;
 line-height: 40px;
 margin-left: 20px;
}
#footerLang a:link, #footerLang a:visited {
 color: #e2e2e2;
 text-decoration: none;
 padding-left: 5px;
 padding-right: 5px;
}
#footerLang a:hover {
 color: #ffffff;
 text-decoration: none;
 padding-left: 5px;
 padding-right: 5px;
}
#footerInfo {
 float: right;
 clear: right;
 font-size: 10px;
 line-height: 40px;
 margin-right: 20px;
}
.fiElement {
 margin-right: 10px;
}



/*////////////////////////////////
      REGULAR CONTENT PAGE
////////////////////////////////*/

#contentContainer {
 width: 660px;
 float: left;
 clear: left;
 background-image: url(images/mainContentBackground2.gif);
}
#contentLeft {
 width: 660px;
 float: left;
 clear: left;
}
#contentContainer h1 {
 margin: 0;
 padding-top: 15px;
 padding-left: 15px;
 font-size: 18px;
 color: #338de6;
 font-family: Helvetica, Arial, Tahoma, sans-serif;
}
#contentContainer a:link,
#contentContainer a:visited {
 color: #338de6;
 text-decoration: underline;
}
#contentContainer a:hover {
 color: #338de6;
 text-decoration: none;
}
#contentContainer p {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 18px;
 margin-left: 15px;
 margin-right: 15px;
}
#contentContainer img {
 margin-left: 15px;
 margin-left: 15px;
}
#contentBG {
 background-image: url(images/mainContentBackground.gif);
 background-repeat: no-repeat;
 clear: both;
}
#ccEnd {
 background-image: url(images/mainContentBackground3.png);
 width: 660px;
 height: 20px;
 float: left;
 clear: left;
}
#sideBar {
 width: 250px;
 float: right;
 clear: right;
 background-image: url(images/sidebarBackground2.gif);
}
#sbEnd {
 background-image: url(images/sidebarBackground3.png);
 width: 250px;
 height: 20px;
 float: right;
 clear: right;
}
#sidebarBG {
 background-image: url(images/sidebarBackground.gif);
 background-repeat: no-repeat;
 clear: both;
}
#sideBar ul {
 list-style: none;
 text-align: right;
 margin: 0;
 padding-right: 35px;
 padding-top: 20px;
 padding-bottom: 5px;
 padding-left: 20px;
 font-family: Tahoma;
 font-size: 11px;
}
#sideBar li {
 padding-bottom: 5px;
 padding-top: 5px;
}
#sideBar a:link,
#sideBar a:visited {
 color: #353535;
 text-decoration: none;
}
#sideBar a:hover {
 color: #353535;
 text-decoration: underline;
}
#subSubMenu a:link,
#subSubMenu a:visited {
 color: #737373;
 text-decoration: none;
}
#subSubMenu a:hover {
 color: #737373;
 text-decoration: underline;
}
#subSubMenu li {
 margin: 0;
 padding-top: 0px;
 padding-bottom: 0px;
}
.subSubMenu {
 padding-top: 0px;
 padding-bottom: 0px;
}
#sbBanners {
 width: 250px;
 float: right;
 clear: right;
 }
#sbBanners ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#sbBanners li {
 padding-top: 10px;
 padding-left: 10px;
}


/*////////////////////////////////
      CSS FOR THE MAP VIEW
////////////////////////////////*/

#mapCountries {
 margin-left: 15px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
}
#mapCountries td {
 width: 33%;
}


/*////////////////////////////////
      CSS FOR THE NEWS
////////////////////////////////*/

#contentContainer small {
 font-size: 10px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 color: #adadad;
 margin-left: 25px;
}

#li-wd {
 width: 660px;
 clear: both;
 margin-top: 10px;
}
#li-wd-l {
 width: 130px;
 float: left;
 clear: left;
 text-align: center;
 font-family: Tahoma, Verdana, Arial, sans-serif;
}
#li-wd-r {
 width: 530px;
 float: right;
 clear: right;
}
.day {
 clear: both;
 font-size: 20px;
}
.month {
 clear: both;
 font-size: 11px;
 line-height: 8px;
}
.year {
 clear: both;
 font-size: 10px;
}
#li-wd-r h2 {
 margin: 0;
 padding: 0;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
}
#li-wd-r p {
 padding: 0;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 15px;
 margin-bottom: 15px;
 font-size: 10px;
}


/*////////////////////////////////
      CSS FOR THE CONTACT FORM
////////////////////////////////*/

#contact-l {
 width: 150px;
 float: left;
 margin-top: 15px;
}
#contact-r {
 width: 350px;
 float: left;
 margin-top: 15px;
}
#contact-l div,
#contact-r div {
 clear: both;
 margin-left: 15px;
 height: 25px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
}
.form_submit {
 float: left;
 clear: both;
 margin-left: 165px;
 margin-top: 60px;
 border-style: solid;
 border-width: 1px;
 border-color: #adadad;
 background-color: #ffffff;
}
#contact-r input,
#contact-r textarea {
 border-style: solid;
 border-width: 1px;
 border-color: #adadad;
 width: 250px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
}


/*////////////////////////////////
      CSS FOR THE CALENDAR
////////////////////////////////*/

#calCalendar {
 margin-left: 125px;
}
#calCalendar select {
 border-style: solid;
 border-width: 1px;
 border-color: #adadad;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
}
#theCalendar {
 margin-top: 10px;
 margin-bottom: 10px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #adadad;
}
#theCalendar td {
 width: 32px;
 height: 32px;
 background-image: url(images/dateback.gif);
 background-repeat: no-repeat;
 vertical-align: center;
 text-align: center;
}
.noback {
 background-image: url(blank.gif);
}


/*////////////////////////////////
      CSS FOR THE FRONT PAGE
////////////////////////////////*/

#frontPage {
 width: 910px;
 clear: both;
}

#hotNews {
 float: left;
 clear: left;
 background-image: url(images/hotNewsBackground.gif);
 background-repeat: no-repeat;
 width: 605px;
 height: 200px;
}
#hotNewsImage {
 width: 300px;
 height: 200px;
 z-index: 1;
 position: absolute;
}
#hotNewsImageOverlay {
 width: 300px;
 height: 200px;
 z-index: 2;
 position: absolute;
}
#hotNewsContent {
 width: 305px;
 height: 200px;
 float: right;
}
#hotNewsContent h1 {
 margin: 0;
 padding-top: 20px;
 padding-left: 10px;
 padding-right: 15px;
 padding-bottom: 0px;
 font-size: 14px;
 font-family: Helvetica, Arial, Tahoma, sans-serif;
}
#hotNewsContent a:link, #hotNewsContent a:visited {
 color: #ff68bd;
 text-decoration: none;
}
#hotNewsContent a:hover {
 color: #ff68bd;
 text-decoration: underline;
}
#hotNewsContent small {
 padding-left: 20px;
 padding-top: 0px;
 padding-bottom: 5px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #adadad;
}
#hotNewsContent p {
 padding: 0;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 10px;
 margin-right: 15px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #000000;
}
#hotNewsContent .readmore {
 float: right;
 clear: both;
 margin-right: 20px;
}
#hotNewsContent .readmore a:link,
#hotNewsContent .readmore a:visited {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #717171;
 text-decoration: none;
}
#hotNewsContent .readmore a:hover {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
}
.readmore img {
 margin-top: 3px;
}
#events {
 float: right;
 clear: right;
 width: 305px;
 height: 200px;
 background-image: url(images/eventsBackground.gif);
 background-repeat: no-repeat;
}
#eventsContent {
 height: 160px;
 clear: both;
}
#eventsReadmore {
 height: 40px;
 clear: both;
 line-height: 35px;
}
#eventsContent h1 {
 margin: 0;
 padding-top: 15px;
 padding-left: 20px;
 padding-right: 15px;
 padding-bottom: 0px;
 font-size: 18px;
 color: #dcc929;
 font-family: Helvetica, Arial, Tahoma, sans-serif;
}
#eventsContent ul {
 margin: 0;
 padding-top: 0px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 15px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
 list-style: none;
}
#eventsContent li {
 background-image: url(images/bullet.gif);
 background-repeat: no-repeat;
 padding-left: 30px;
 margin-top: 10px;
}
#eventsContent a:link,
#eventsContent a:visited {
 text-decoration: none;
 color: #484848;
}
#eventsContent a:hover {
 text-decoration: underline;
 color: #484848;
}
#eventsReadmore a:link,
#eventsReadmore a:visited {
 font-family: Helvetica, Arial, Tahoma, sans-serif;
 font-size: 11px;
 text-transform: uppercase;
 text-decoration: none;
 color: #ffffff;
 font-weight: bold;
 float: right;
 display: block;
 height: 35px;
 width: 305px;
 text-align: right;
}
#eventsReadmore span {
 margin-right: 45px;
}
#eventsReadmore a:hover {
  font-family: Helvetica, Arial, Tahoma, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  color: #bbbbbb;
  font-weight: bold;
}
#latestNews {
 width: 910px;
 height: 200px;
 background-image: url(images/latestNewsBackground.gif);
 background-repeat: no-repeat;
 clear: both;
}
#latestNewsContent {
 float: left;
 clear: left;
 width: 605px;
}
#latestNewsSponsors {
 float: right;
 clear: right;
 width: 305px;
}
#latestNewsContent h1 {
 margin: 0;
 padding-top: 15px;
 padding-left: 20px;
 padding-right: 15px;
 padding-bottom: 0px;
 font-size: 18px;
 color: #8cc74c;
 font-family: Helvetica, Arial, Tahoma, sans-serif;
}
#latestNewsContent li {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
 padding-top: 4px;
 padding-bottom: 2px;
}
#latestNewsContent ul {
 list-style: none;
 margin: 0;
 padding-bottom: 10px;
 padding-top: 10px;
 padding-left: 30px;
 padding-right: 10px;
}
.newsr1 a:link,
.newsr1 a:visited {
 color: #323232;
 text-decoration: none;
}
.newsr2 a:link,
.newsr2 a:visited {
 color: #434343;
 text-decoration: none;
}
.newsr3 a:link,
.newsr3 a:visited {
 color: #565656;
 text-decoration: none;
}
.newsr4 a:link,
.newsr4 a:visited {
 color: #696969;
 text-decoration: none;
}
.newsr5 a:link,
.newsr5 a:visited {
 color: #7c7b7b;
 text-decoration: none;
}
.newsr6 a:link,
.newsr6 a:visited {
 color: #8b8b8b;
 text-decoration: none;
}
.newsr7 a:link,
.newsr7 a:visited {
 color: #9c9b9b;
 text-decoration: none;
}
.newsr1 a:hover {
 color: #323232;
 text-decoration: underline;
}
.newsr2 a:hover {
 color: #434343;
 text-decoration: underline;
}
.newsr3 a:hover {
 color: #565656;
 text-decoration: underline;
}
.newsr4 a:hover {
 color: #696969;
 text-decoration: underline;
}
.newsr5 a:hover {
 color: #7c7b7b;
 text-decoration: underline;
}
.newsr6 a:hover {
 color: #8b8b8b;
 text-decoration: underline;
}
.newsr7 a:hover {
 color: #9c9b9b;
 text-decoration: underline;
}
#latestNewsSponsors .fpb1 {
 width: 120px;
 float: right;
 clear: right;
 margin-top: 35px;
 margin-right: 30px;
}
#latestNewsSponsors .fpb2 {
 width: 120px;
 float: left;
 clear: left;
 margin-top: 35px;
 margin-left: 25px;
}
#latestNewsSponsors img {
 margin-bottom: 10px;
}