/********** Site **********/
body { overflow: auto; margin: 0px; background: #FAFAFA }
#headerExternalWrapper { position: relative; float: left; width: 100%; background: url(../images/darkBlueBackground.gif) repeat-y center top }
#headerWrapper { position: relative; overflow: hidden; width: 980px; height: 130px; margin: 0px auto; background: url(../images/darkBlueBackground.gif) repeat-y center top }
#mainMenuExternalWrapper { position: relative; float: left; width: 100%; background: url(../images/mainMenuBackground.gif) repeat-y center top }
#mainMenuWrapper { position: relative; overflow: hidden; width: 980px; margin: 0px auto; background: url(../images/mainMenuBackground.gif) repeat-y center top }
.contentExternalWrapper { position: relative; float: left; width: 100% }
.contentWrapper { position: relative; overflow-x: hidden; width: 980px; margin: 0px auto }
.contentGrayExternalWrapper { position: relative; float: left; width: 100%; background: url(../images/lightGrayBackground.gif) repeat-y center top }
.contentGrayWrapper { position: relative; overflow-x: hidden; width: 980px; margin: 0px auto; background: url(../images/lightGrayBackground.gif) repeat-y center top }
.contentWhiteExternalWrapper { position: relative; float: left; width: 100%; background: url(../images/whiteBackground.gif) repeat-y center top }
.contentWhiteWrapper { position: relative; overflow-x: hidden; width: 980px; margin: 0px auto; background: url(../images/whiteBackground.gif) repeat-y center top }
.contentBlueExternalWrapper { position: relative; float: left; width: 100%; background: url(../images/darkBlueBackground.gif) repeat-y center top }
.contentBlueWrapper { position: relative; overflow-x: hidden; width: 980px; margin: 0px auto; background: url(../images/darkBlueBackground.gif) repeat-y center top }
#footerExternalWrapper { position: relative; float: left; width: 100%; background: url(../images/footerBackground.gif) repeat-y center top }
#footerWrapper { position: relative; overflow-x: hidden; width: 980px; height: 260px; margin: 0px auto; background: url(../images/footerBackground.gif) repeat-y center top }
#subfooterExternalWrapper { position: relative; float: left; width: 100%; background: url(../images/subfooterBackground.gif) repeat-y center top }
#subfooterWrapper { position: relative; overflow-x: hidden; width: 980px; margin: 0px auto; background: url(../images/subfooterBackground.gif) repeat-y center top }

/********** Header **********/
#logo { position: absolute; width: 148px; height: 90px; left: 10px; top: 25px; background: url(../images/logo.png) }
#federLogo { position: absolute; width: 220px; height: 90px; right: 10px; top: 25px; background: url(../images/federLogo.png) }
#languagesWrapper { position: absolute; width: 500px; left: 240px; top: 21px; font-size: 0px; text-align: center }
.languageNormal:link, .languageNormal:active, .languageNormal:visited { position: relative; display: inline-block; font: normal 15px robotoLight; color: #7F858C; text-decoration: none }
.languageNormal:hover { position: relative; display: inline-block; font: normal 15px robotoLight; color: #7F858C; text-decoration: underline }
.languageSelected:link, .languageSelected:active, .languageSelected:visited { position: relative; display: inline-block; font: normal 15px robotoBold; color: #B8BBBE; text-decoration: none }
.languageSelected:hover { position: relative; display: inline-block; font: normal 15px robotoBold; color: #B8BBBE; text-decoration: underline }
.languageSeparator { position: relative; display: inline-block; margin-left: 8px; margin-right: 8px; font: normal 15px robotoLight; color: #7F858C }
#mainMenuItemsWrapper { position: relative; float: left; width: 960px; margin-left: 10px; padding-bottom: 15px  }
.mainMenuItem:link, .mainMenuItem:active, .mainMenuItem:visited { position: relative; float: left; margin-right: 30px; margin-top: 15px; font: normal 18px robotoCondensedRegular; color: #B8BBBE; text-decoration: none; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
.mainMenuItem:hover { position: relative; float: left; margin-right: 30px; margin-top: 15px; font: normal 18px robotoCondensedRegular; color: #D7DF21; text-decoration: none; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
.mainMenuItemSelected { position: relative; float: left; margin-right: 30px; margin-top: 15px; font: normal 18px robotoCondensedRegular; color: #D7DF21; text-decoration: none; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
.mainMenuItemSpecial:link, .mainMenuItemSpecial:active, .mainMenuItemSpecial:visited { position: relative; float: right; margin-right: 0px; margin-top: 15px; font: normal 18px robotoCondensedRegular; color: #1F94D1; text-decoration: none; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
.mainMenuItemSpecial:hover { position: relative; float: right; margin-right: 0px; margin-top: 15px; font: normal 18px robotoCondensedRegular; color: #1F94D1; text-decoration: none; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }

/********** Footer **********/
#footerLogo { position: absolute; width: 270px; left: 10px; top: 42px; font: normal 30px robotoCondensedRegular; color: #FFFFFF; line-height: 27px }
#footerLogo span { font: normal 18px robotoRegular; color: #1F94D1 }
#footerMenu { position: absolute; width: 680px; left: 290px; top: 79px }
.footerMenuItem:link, .footerMenuItem:active, .footerMenuItem:visited { position: relative; float: right; font: normal 14px robotoCondensedRegular; color: #90A4AE; text-decoration: none }
.footerMenuItem:hover { position: relative; float: right; font: normal 14px robotoCondensedRegular; color: #90A4AE; text-decoration: underline }
#footerLine { position: absolute; width: 960px; height: 2px; left: 10px; top: 110px; background: #ECEFF1 }
#footerSlogan { position: absolute; width: 300px; left: 10px; top: 128px; font: italic 16px robotoRegular; color: #CFD8DC; line-height: 25px }
#footerFacebookLink:link, #footerFacebookLink:active, #footerFacebookLink:visited { position: absolute; width: 35px; height: 35px; left: 779px; top: 135px; background: url(../images/footerFacebookIcon.normal.png); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
#footerFacebookLink:hover { position: absolute; width: 35px; height: 35px; left: 779px; top: 135px; background: url(../images/footerFacebookIcon.over.png); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
#footerTwitterLink:link, #footerTwitterLink:active, #footerTwitterLink:visited { position: absolute; width: 35px; height: 35px; left: 831px; top: 135px; background: url(../images/footerTwitterIcon.normal.png); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
#footerTwitterLink:hover { position: absolute; width: 35px; height: 35px; left: 831px; top: 135px; background: url(../images/footerTwitterIcon.over.png); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
#footerYoutubeLink:link, #footerYoutubeLink:active, #footerYoutubeLink:visited { position: absolute; width: 35px; height: 35px; left: 883px; top: 135px; background: url(../images/footerYoutubeIcon.normal.png); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
#footerYoutubeLink:hover { position: absolute; width: 35px; height: 35px; left: 883px; top: 135px; background: url(../images/footerYoutubeIcon.over.png); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
#footerLinkedInLink:link, #footerLinkedInLink:active, #footerLinkedInLink:visited { position: absolute; width: 35px; height: 35px; left: 935px; top: 135px; background: url(../images/footerLinkedInIcon.normal.png); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
#footerLinkedInLink:hover { position: absolute; width: 35px; height: 35px; left: 935px; top: 135px; background: url(../images/footerLinkedInIcon.over.png); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }