/* INASP */
@import url(forms.css);
/* INASP STYLES */
body {margin: 0; padding: 0 380px; text-align: center; font: 76% Verdana, Helvetica, sans-serif; background: #FFFFFF url(../images/top_bg.png) repeat-x 0 20px;}

a {color: #0066FF;}
a:visited {color: #004FCF;}
a:hover {text-decoration: none;}
a:active {}

* html .content a {}

h1 {font: bold 1.8em "Trebuchet MS", Verdana, sans-serif; color: #8D9A8D; margin: 0; padding: 0;}
.content h1 {margin-bottom: 10px;}
.homeNews h1 {margin: 4px 0 5px 0; color: #000; font-size: 21px;}
h2 {font: bold 1.5em "Trebuchet MS", Verdana, sans-serif; color: #616D61; margin: 0; padding: 0;}
* html h2 {margin-top: 20px;}
h3, h4 {font: bold 1.1em "Trebuchet MS", Verdana, sans-serif; color: #333333; margin: 0; padding: 0;}
.content h2, .content h3 {padding-top: 20px; clear: both;}

#sizer {margin: 0 auto; /* centers #sizer in standard browsers */
  		padding: 0;
  		width: 90%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  		text-align: left; /* resets the default text alignment for the page */
		max-width: 230px;
		}
* html #sizer  {width: 50%; margin-left: 15%;}
		
#expander { /* Any % height here causes IE to lose the neg right margin */
			margin: 0 -380px; /* neg side margin values should be < or = to side body padding */
			/*min-width: 670px;  This prevents Safari from losing the negative margins in narrow windows */ 
			min-width: 980px; 
			position: relative; /* makes #expander visible outside #sizer in IEwin */
			}
/*\*/
* html #expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 

#container {position: relative;}

#header {float: left; width: 100%;}
#logo {float: left; width: 285px; margin-top: 16px;}
#header img {border: none;}
.search {float: right; width: 250px; margin-top: 10px;}

#topNav {float: left; width: 100%; margin-top: 17px;}
#topNav ul {margin: 0; padding: 0; list-style: none;}
#topNav li {float: left; margin-right: 12px; height: 30px; background: url(../images/top-menu-button-left.png) no-repeat top left; padding: 0 0 0 25px;}
*+ html #topNav li {background-color: #CCC; background-position: 0 0;}
#topNav a {float: left; height: 30px; background: url(../images/top-menu-button-right.png) no-repeat top right; padding: 4px 25px 0 0; font: 18px "Trebuchet MS", Verdana, sans-serif; text-decoration: none; color: #333;}
#topNav a:hover, #topNav .current a {text-decoration: none; color: #004FC4;}
#topNav .last {margin: 0;}

#mainNav {float: left; width: 100%; margin: 10px 0 0 0; color: #FFFFFF; text-align: left; white-space:nowrap;}
#mainNav ul, #mainNav .level1 {margin: 10px 0; padding: 0; list-style: none;}
#mainNav li {display: inline; padding-right: 8px;}
#mainNav a {color: #FFFFFF; padding-left: 15px; background: url(../images/divider.gif) no-repeat 0 4px; text-decoration: none; font-weight: bold;}
#mainNav a:hover {color: #FFCC00;}
#mainNav .first a {background-image: none; padding-left: 0;}
#mainNav .current {color: #FFCC00;}

.wrapper {width: 100%; text-align: left;}
* html .wrapper {float: left;}

#breadcrumb {float: left; width: 100%; margin: 10px 0 20px 0; padding: 5px 0 0 0; font-size: 0.9em; border-top: 1px dotted #CCC;}
#breadcrumb ul, #breadcrumb .level1 {margin: 0; padding: 0; list-style: none;}
#breadcrumb li {display: inline;}
#breadcrumb a {text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb .first {}
#breadcrumb .last {}
#breadcrumb .current a {color: #333333; text-decoration: none;}

#outer {margin-left: 205px; margin-right: 205px; font-size: 1.1em; line-height: 1.6em; color: #333333; width: auto;}
#inner {float: left; width: 100%;}
#center {float: right; width: 100%;}
.content {padding: 0 20px;}
.content .link {font-size: 0.8em;}

.content ul {display: block; list-style-image: url(../images/orange_dot.gif); line-height: 1.5em;}

.topMenu {float: left; width: 100%; margin: 10px 0; padding: 10px 0; border-bottom: 1px dotted #8D9A8D; border-top: 1px dotted #8D9A8D;}
.topMenu ul {margin: 0 5px; padding: 0; list-style-image: none;}
.topMenu li {float: left; width: 45%; list-style: none; background: url(../images/inpage-divider.gif) no-repeat 0 6px; padding-left: 10px; margin: 3px; font-size: 0.9em; font-weight: bold;}
.topMenu li a {margin: 0 5px 0 0;}

.introBlock {float: left; width: 98%; padding: 1%; margin: 5px 0; background-color: #FAFAE8;}
.introBlock p {margin: 0;}
.introBlock img {float: left; padding: 0 5px 0 0; margin: 0 5px 0 0;}
.introBlock p.title {font-weight: bold; padding: 0;}
.introBlock .title {padding: 0!important;}
.introBlock span.title {font-weight: bold; padding: 0 5px; display: block;}
.introBlock span.date {padding: 0; font-size: 0.8em; color: #666; display: block;}
.introBlock span.intro {display: block; line-height: 1.4em; padding: 0 5px 5px 5px;}
.introBlock p.details {margin: 0; line-height: 1.1em; margin-bottom: 5px;}
.introBlock .jobTitle {padding: 0 5px 0 0; font-size: 0.8em; font-weight: bold;}
.introBlock .tel {padding-right: 5px; font-size: 0.8em;}
.introBlock .email {font-size: 0.8em; font-weight: bold;}
.introBlock .email a {font-weight: normal;}
.introBlock p.intro {font-size: 0.9em; line-height: 1.6em; padding: 0; margin: 0;}
.introBlock p.staffIntro {font-size: 0.9em; line-height: 1.6em; padding: 0; margin: 0 0 0 105px;}
.introBlock .staffIntro {padding: 0!important;}
.introBlock .intro {padding: 0!important;}
.introBlock ul, .introBlock .level1 {margin: 0 0 5px 5px; padding: 0; list-style: none;}
.introBlock li {display: inline; background-image: none; padding: 0;}
.introBlock li a {margin-right: 7px; font-weight: normal; background: url(../images/green_add.gif) no-repeat 0 4px; padding-left: 9px;}

.furtherInfo {float: left; width: 100%;}
.furtherInfo .name {float: left; width: 100%; font-weight: bold;}
.furtherInfo .email {float: left; width: 100%; font-weight: bold;}
.furtherInfo .email a {font-weight: normal;}
.furtherInfo .tel {float: left; width: 100%;}

.newsEvents {float: left; width: 100%;}
.newsEvents .block {float: left; width: 100%; margin-bottom: 10px; line-height: 1.4em;}
.newsEvents .title {float: left; width: 100%; font-weight: bold;}
.newsEvents .date {float: left; width: 100%; color: #666666; font-size: 0.9em;}

.paginate {float: left; width: 100%; margin: 10px 0; font-size: 0.9em;}
.paginate ul, .paginate .level1 {margin: 0; padding: 0; list-style: none;}
.paginate li {display: inline; margin: 0 4px 0 0; background: url(../images/paginate_divider.gif) no-repeat 0 3px; padding-left: 8px;}
.paginate a {text-decoration: none;}
.paginate a:hover {text-decoration: underline;}
.paginate .first {background-image: none; padding-left: 0;}
.paginate .current a {font-weight: bold; color: #000000;}

#left {float: left;
  position: relative; /* Needed for IE/win */
  width: 200px;    /*** Critical left col width value ***/
  margin-left: -210px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/}
.leftContent {padding-top: 20px;}
#left .heading {display: block; width: 100%; font: bold 1em/1.1em Verdana, sans-serif; color: #616D61; margin: 0 0 10px 0; padding: 0;}
#left ul, #left .level1 {width: 100%; margin: 0 0 25px 0; padding: 0; list-style: none; line-height: 1.3em;}
#left li a {display: block; padding: 0 0 3px 0; margin-bottom: 3px; border-bottom: 1px dotted #CCC; text-decoration: none;}
#left .level1 a {font-weight: bold;}
#left a:hover {color: #2D4B8E;}
#left .level2 {font-size: 0.9em; line-height: 1.4em; background-color: #FFFFFF;}
#left .level2 .first, #left .level3 .first {margin-top: -5px;}
#left .level2 .last, #left .level3 .last {border: none;}
#left .level2 li, #left .level3 li {padding: 0; margin: 0;}
#left .level2 a, #left .level3 a {padding: 2px 0 2px 0; display: block; font-weight: normal;}
#left .current a {color: #000000;}
#left .last {margin: 0;}
#left .level3 {margin: 0; padding: 6px 0; font-size: 1em; line-height: 1.4em; background-color: #F5F5F5;}
#left .level3 a:hover {background-color: #FFFFFF;}

#right {float: right; 
  position: relative; /* Needed for IE/win */
  width: 200px;    /*** Critical right col width value ***/
  margin-right: -202px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 2px;   /*** Critical right divider dimension value ***/}
#right .related {float: left; width: 180px; background: #EDEDA6 url(../images/right_related_bg.gif) repeat 0 0; padding: 10px 10px 0 10px;margin-bottom: 10px;}
* html #right .related {padding: 10px;}
#right .related .heading {float: left; width: 100%; font: bold 1em/1.1em Verdana, sans-serif; color: #616D61; margin: 0 0 2px 0; padding: 0;}
#right .related ul, #right .level1 {float: left; width: auto; margin: 0 0 20px 0; padding: 0; list-style: none; line-height: 1.4em;}
#right .related a {font-weight: bold;}
#right .related .introBlock {float: left; width: 100%; padding: 0 0 5px 0; margin: 5px 0; background: #EDEDA6 url(../images/right_related_bg.gif) repeat 0 0; border-bottom: 2px solid #FFFFFF;}
#right .related .introBlock img {float: left; border: none; margin: 0 5px 0 0; padding: 0;}
#right .related .introBlock .title {display: block; font-weight: bold; padding: 0 0 0 5px; font-size: 0.8em; line-height: 1.4em;}
#right .related .introBlock .intro {display: block; padding: 0 0 0 5px; font-weight: normal; line-height: 1.4em;}

#right .country, #right .login {float: left; width: 190px; background: url(../images/green_bg.jpg) repeat-x 0 0; border: 1px solid #DAD29E; padding: 4px 4px 8px 4px; margin-bottom: 10px;}
#right .login {padding: 2px 4px 4px 4px; font-size: 0.8em; line-height: 1.3em; padding-top: 5px;}
#right .login ul {margin: 0; padding: 0;}
#right .login li a {display: block; font-size: 1.1em; font-weight: bold; margin: 5px 0;}
* html #right .login li a {margin-bottom: 0;}
#right .country .heading, #right .login .heading {float: left; width: 100%; font: bold 1.4em "Trebuchet MS", Verdana, sans-serif; color: #616D61; margin-bottom: 5px;}
#right .login .heading {margin-bottom: 4px;}
#right .country {margin-top: 10px; line-height: 1.4em;}
#right .country span {font-size: 0.9em; margin-bottom: 5px; display: block;}
* html #right .login li {height: 1px;}

#right .image {float: left; width: auto; padding: 9px; border: 1px solid #B3B3B3; margin-bottom: 10px;}

#right .join {float: left; width: 200px; border-top: 1px dotted #FF3300; border-bottom: 1px dotted #FF3300; padding: 15px 0; margin: 0;}
#right .join .title {float: left; width: 100%; font-weight: bold; font-size: 0.8em;}
#right .join .intro {float: left; width: 100%; font-size: 0.8em; line-height: 1.6em; margin-top: 7px;}

#right .search {float: left; width: 200px; padding-bottom: 15px; border-bottom: 1px dotted #FF9900;}
#right .search .heading {float: left; width: 100%; font: bold 1.1em/1.2em "Trebuchet MS", Verdana, sans-serif; color: #616D61; margin: 0; padding: 0;}

.homeContent {float: left; width: 100%;}
.homeContent .left {float: left; width: 55%; margin-right: 2%;}
.homeContent .right {float: right; width: 43%;}
* html .homeContent .left {margin-right: 1%;}
* html .homeContent .right {width: 41%;}
*+ html .homeContent .right {width: 41%;}
.homeContent .left .heading {float: left; width: 100%; font: bold 18px "Trebuchet MS", Verdana, sans-serif; color: #616D61; margin: 15px 0 0 0;}

.homeIntro {float: left; width: 100%; background: url(../images/quote-left.gif) no-repeat 0 0; margin: 25px 0 10px 0; display: none;}
.homeIntro p {display: block; background: url(../images/quote-right.gif) no-repeat bottom right; margin: 0; font: bold 1.7em "Trebuchet MS", Verdana, sans-serif; color: #405BAA; padding: 20px 2px 10px 18px;}
.homeIntro .link {float: left; width: 100%; font-weight: bold; padding: 7px 0 0 20px;}
.homeIntro .link a:hover {text-decoration: none;}

.homeBox {float: left; width: 96%; background: url(../images/green_bg.jpg) repeat-x 0 0; border: 1px solid #999999; padding: 3.5% 1% 2% 3%; margin-top: 7px;}
.homeBox .heading {float: left; width: 100%; font: bold 1.6em "Trebuchet MS", Verdana, sans-serif; color: #616D61; margin-bottom: 5px;}
.homeBox .title {float: left; width: 100%; font-weight: bold; margin: 4px 0;}
.homeBox .intro {float: left; width: 100%; font: 14px "Trebuchet MS", Verdana, sans-serif; margin-bottom: 15px;}
.homeBox p {display: block; margin: 0;}
.homeBox .intro p {margin: 0 0 10px 0;}
.homeBox p a {float: left; width: 100%; font-weight: bold; margin-top: 10px;}

.join {float: left; width: 100%; margin: -10px 0 0 0; padding: 0;}
.join .heading {float: left; width: auto; font: bold 1.6em "Trebuchet MS", Verdana, sans-serif; color: #616D61; background: url(../images/join_inasp.gif) no-repeat bottom right; padding-right: 70px; margin-bottom: 7px;}
.join .wrapper {float: left; width: 100%; border-top: 1px dotted #FF6600; margin: 0; padding: 10px 0;}
.join p {margin: 0 0 10px 0; font-size: 0.9em; font-weight: bold; color: #405BAA;}

.homeNews {float: left; width: 100%; 0; padding-bottom: 10px; margin-bottom: 0;}
.homeNews.news {margin: 43px 0 10px 0; padding-top: 7px; border-top: 1px dotted #FF9900; border-bottom: 1px dotted #FF9900;}

.homeNews .feedsAboutAll {float: left; width: 100%;}
* html .homeNews .feedsAboutAll {padding: 2px 0;}
.homeNews .feedsAboutAll ul, .homeNews .feedsAboutAll .level1 {margin: 0; padding: 0; list-style: none; font-size: 0.9em;}
.homeNews .feedsAboutAll li {display: inline; background: url(../images/divider_grey.gif) no-repeat 0 6px; padding: 2px 0 2px 7px;}
.homeNews .feedsAboutAll .rss {background: url(../images/rss_feed.gif) no-repeat 0 0; padding: 3px 0 2px 20px; margin: 0;}
* html .homeNews .feedsAboutAll .rss {background-position: 0 2px;}
.homeNews .feedsAboutAll a {display: inline; margin-right: 2px; text-decoration: none; font-weight: bold;}
.homeNews .feedsAboutAll a:hover {text-decoration: underline;}

.homeNews .featured {float: left; width: 100%; margin: 10px 0;}
.homeNews .featured .heading {font-size: 0.9em; font-weight: bold; line-height: 1.4em; margin: 0; padding: 0;}
.homeNews .featured p {margin: 0;}
.homeNews .featured img {float: left; margin-right: 10px; padding: 3px; border: 1px solid #EFEFEF; background-color: #FFF;}
.homeNews .featured .text {float: left; width: auto; margin: 0; padding: 0;}
.homeNews .featured .title {float: left; width: auto; font-weight: bold; font-size: 0.9em; margin: 0; padding: 0;}
.homeNews .featured .date {font: 0.9em "Trebuchet MS", Verdana, sans-serif; color: #666666; margin: 0; padding: 0;}
.homeNews .featured .intro {font: 1em/1.3em "Trebuchet MS", Verdana, sans-serif; margin: 0; padding: 0;}
.homeFeature p.intro {font-size: 1em;}
.homeNews .feedsAboutAll .first {background-image: none; padding: 0;}
.homeNews ul, .homeNews .level1 {margin: 5px 0 0 0; padding: 0; list-style: none; font-size: 0.9em;}
.homeNews li {margin: 0 0 5px 0; color: #666666;}
.homeNews  a {display: block;}
.homeNews .featured li a, .news li a {display: block; margin-bottom: 3px;}

.homeFeature {float: left; width: 100%; padding: 20px 0; border-top: 1px dotted #FF9900;}
.homeFeature .heading {font-size: 0.9em; font-weight: bold; margin: 0 0 5px 0; padding: 0;}
.homeFeature p {margin: 0;}
.homeFeature img {float: left; margin-right: 10px;}
.homeFeature .intro {font: 0.9em "Trebuchet MS", Verdana, sans-serif; margin: 0; padding: 0; color: #333333;}

.homeWorkshops {float: left; width: 100%;}
.homeWorkshops .heading {float: left; width: auto; font: bold 1.5em "Trebuchet MS", Verdana, sans-serif; color: #616D61; margin: 0; padding: 0;}
.homeWorkshops .link {float: left; width: auto; font-size: 0.9em; margin-top: 5px;}
.homeWorkshops .link a {background: url(../images/divider_grey.gif) no-repeat 0 4px; padding: 0 0 0 7px; margin-left: 7px; font-weight: bold;}
.homeWorkshops .subHeading {float: left; width: 100%; font-size: 0.9em; margin-bottom: 20px;}
.homeWorkshops ul, .homeWorkshops .level1 {margin: 0; padding: 0; list-style: none; line-height: 1.5em;}
.homeWorkshops li {background: url(../images/orange_dot.gif) no-repeat 0 6px; padding-left: 12px; margin-bottom: 10px;}
.homeWorkshops li a {}

.item {display: block;}

#footer {float: left; width: 100%; font-size: 0.9em; text-align: center; padding: 10px 0; color: #333333; margin-top: 20px;}
#footer ul, .footer .level1 {margin: 20px 0; padding: 0; list-style: none;}
#footer li {display: inline; margin: 0 3px; background: url(../images/grey_line.gif) no-repeat 0 0; padding: 0 0 0 15px;}
#footer a {color: #333333; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer .first {background: none; padding-left: 0;}

.link {font-weight: bold;}
.clear {clear: both;}
.skip {padding: 0; height: 0; overflow: hidden;}
.skip a {font-size: 0.01em; color: #FFFFFF;}
.toLeft {float: left;}
.toRight {float: right;}

.content .newsletterForm {float: left; width: 100%;}

ul.printSaveEmailBook {float: left; width: 100%; margin: 10px 0 20px 0; padding: 0; list-style: none; font-size: 0.8em; font-weight: bold;}
ul.printSaveEmailBook li {display: inline; margin-right: 10px;}

.wsb {font-size: 0.9em; color: #666666;}
.works {color: #006699; font-weight: bold;}
.sitebuilder {color: #FF6600; font-weight: bold;}

/* IE 6 FIXES FOR PAGE BREAKING/WIDTH PROBLEMS ON DEV */
* html #right {position: fixed; margin-right: -50px;}
* html #left {position: fixed; margin-left: -152px;}
.previewBar {background-color: #FFCC00; position: absolute; z-index: 10; float: left; width: 100%; margin: 0 -380px; padding: 5px;}
* html .previewBar {float: none; width: auto; margin: 0;}

/* EDIT STYLES */
.widget {postion: absolute; height: 15px; width: 15px; padding: 2px; text-align: center; margin:0 -17px -17px 0; background-color: #FFFFFF; border: 1px solid #FF0000; z-index: 100; z-index: expression(body.z-index 100); /* invalid css: IE fix */}

/* STYLE GUIDE STYLES */

#container .styleGuideContent {float: left; width: 100%; background-color: #CCFF00;}
.redText {color: #FF0000;}
.greenText {color: #33CC00;}

.download {float: left; width: 100%; padding: 1% 0 0 0; margin: 10px 0 20px 0; border-top: 2px solid #EAEFB5; border-bottom: 2px solid #EAEFB5;}
.download ul {margin-bottom: 20px; padding: 0 0 0 20px; list-style-image: url(../images/download-bullet.gif);}
.download p {background-color: #EAEFB5; color: #000; padding: 10px; margin: 0 0 2% 0; line-height: 1.4em; font-size: 0.8em;}
.download hr {float: left; width: 100%; background-color: #EAEFB5; color: #FFF; border: none; height: 2px; margin: 5px 0 15px 0;}
*+ html .download hr {border-top: 2px solid #EAEFB5; margin-bottom: 5px;}

.documentDownload {text-align: left; width: 95%; margin: 0; font-size: 0.8em; font-weight: normal; background-color: #EAEFB5; padding: 2%; line-height: 1.4em;}
.documentDownload hr {border-top: 2px solid #EAEFB5; margin-bottom: 5px;}

/*.documentDownload {text-align: center; width: 70%; margin: 0 auto 15px auto; font-size: 0.8em; font-weight: normal; background-color: #EAEFB5; padding: 2%; line-height: 1.4em;}
.documentDownload hr {border-top: 2px solid #EAEFB5; margin-bottom: 5px;}*/

/* DELETE LOGIN BOX FOR HOME PAGE CSS*/
.loginBox {float: left; width: 95%; padding: 2% 2% 0 2%; background: url(../images/login-bg.gif) no-repeat 0 145px; margin: -10px 0 -20px 0;}
*+ html .loginBox {background-position: 0 150px;}
* html .loginBox {background-position: 0 150px;}
* html .homeContent .loginBox {width: 77%;}
.loginBox .title {float: left; width: 18%; font: bold 1.6em "Trebuchet MS", Verdana, sans-serif; color: #666; background: url(../images/arrow-small.gif) no-repeat 100% 40%; padding: 0 3% 0 0; margin: 0 2% 0 0;}
.loginBox .intro {float: left; width: 77%; font-size: 0.9em;}
.loginBox .link {float: left; width: 200px; margin: 0; padding-left: 110px;}
.loginBox .link ul {margin: 0; padding: 0; list-style: none;}
.loginBox .link li {float: left; width: 100%; margin: 5px 0;}


#right .loginBox {width: 200px; padding: 0; margin-bottom: 5px; font-size: 0.9em; border-top: none; background-position: 0 190px;}
*+ html #right .loginBox {background-position: 0 195px;}
* html #right .loginBox {background-position: 0 195px;}
#right .loginBox .title, #right .loginBox .intro, #right .loginBox .link {width: 200px; padding: 0; margin: 0;}
#right .loginBox .title {background: url(../images/login-arrow.gif) no-repeat 31% 65%; padding: 0 3% 0 0; margin: 0 2% 0 0;}
#right .loginBox .intro {line-height: 1.2em; margin: 2px 0 0 0;}
#right .loginBox .link {margin: 0 0 10px 0;}
#right .loginBox .link li {margin: 0; font-size: 0.9em;}
#right .loginBox .link {margin: 5px 0 10px 0;}

*+ html #right .loginBox .link {padding-bottom: 10px;}
*+ html .homeContent .loginBox .link {padding-bottom: 10px;}

.homeBox .level1{float: left; width: auto; margin: 0 0 20px 0; padding: 0; list-style: none; line-height: 1.4em; font-weight: bold}
.homeBox .level1 .first{margin-top: 10px;}

.tagline {float: left; width: 612px; height: 16px; margin: 18px 0 0 0; text-indent: -3000px; background: url(../images/inasp-tagline.png) no-repeat 0 0;}
*html .tagline {background-image: url(../images/inasp-tagline.gif);}
.callUs a {float: right; width: 409px; height: 21px;}

.socialMedia {float: right; width: 100px; margin: 10px 0 -2px 0; text-align: right;}
.socialMedia ul {margin: 0; padding: 0; list-style: none;}
.socialMedia li {display: inline; margin-left: 5px;}

.calendar {float: left; width: 150px; margin-bottom: 25px;}
.year a {float: left; width: 150px; text-decoration: none; font-weight: bold; padding-bottom: 5px;}
.show a, .hide a {float: left; width: 150px; height: 11px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #CCC; background: url(../images/view-by-month.gif) no-repeat 0 0; text-indent: -3000px;}
.hide a {background-image: url(../images/hide-months.gif); margin-bottom: 10px;}
.show a:hover {background-position: 0 -17px;}
.hide a:hover {background-position: 0 -18px;}
.events {margin: 0 0 -10px 0!important; padding: 5px 0; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC;}
*+ html .events {margin: 0 0 -30px 0!important; padding-bottom: 15px;}
#left .calendar ul {margin: 0 0 5px 0; padding: 0;}
#left .calendar li {border-bottom: none;}
.calendar li a {text-decoration: none;}
.calendar li a:hover {text-decoration: underline;}

.countryIntro {float: left; width: 100%; margin-bottom: 10px;}
.countryIntro img {float: left!important; margin: 5px 10px 5px 0;}
.countryIntro h2 {display: inline;}
.countryIntro p {margin: 0 0 15px 0;}

.viewAll, .showAll, .hideAll {float: left; width: 100%; margin: 10px 0 5px 0;}
.viewAll a, .showAll a, .hideAll a {padding-left: 12px; margin-top: 10px; background: url(../images/arrow-smallest.gif) no-repeat 0 2px; font-weight: bold; text-decoration: none;}
.viewAll a:hover, .showAll a:hover, .hideAll a:hover {text-decoration: underline;}

.showAll a {background-image: url(../images/show-icon.gif); padding-left: 16px;}
.hideAll a {background-image: url(../images/hide-icon.gif); padding-left: 16px;}

.countryEvents .viewAll {margin-top: -10px; font-size: 0.9em;}
.countryEvents .viewAll a {padding: 0; background: none; text-decoration: underline;}
.countryEvents .viewAll a:hover {text-decoration: none;}
.contact {float: left; width: 200px;}
.contact h3, .countryEvents h3 {border-bottom: 1px dotted #CCC; margin: 0; color: #666; font-size: 1.2em;}
.countryEvents h3 {border: none; line-height: 1.2em;}
.countryEvents h3 {margin-bottom: 10px;}
.countryEvents h4 {margin: 0 0 5px 0; padding: 0 0 5px 0; font-size: 1.1em; color: #333; border-bottom: 1px dotted #CCC;}
.contact h4, .loginBox h3 {color: #666; font-weight: normal;}
.loginBox h3 {font: 0.9em Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em;}
.contact h4, .contact p {font-size: 0.8em; line-height: 1.4em;}
.contact h4 {font-family: Verdana, Arial, Helvetica, sans-serif;}
.country h3 {margin-bottom: 5px;}
.countryEvents {float: left; width: 200px; margin-top: 15px;}
.countryEvents p {font-size: 0.9em; line-height: 1.5em; margin: 0 0 10px 0; padding: 0 0 10px 0;}
.countryEvents p a {font-weight: bold; display: block;}

#overlay {display:none; width:400px; padding-top: 10px; border:10px solid #999; background-color:#FFFFFF;}
*+html #overlay {padding-bottom: 10px;}