@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('Lato-BolIta-webfont.eot');
    src: url('Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-BolIta-webfont.woff') format('woff'),
         url('Lato-BolIta-webfont.ttf') format('truetype'),
         url('Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBold';
    src: url('Lato-Bol-webfont.eot');
    src: url('Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-Bol-webfont.woff') format('woff'),
         url('Lato-Bol-webfont.ttf') format('truetype'),
         url('Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoItalic';
    src: url('Lato-RegIta-webfont.eot');
    src: url('Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-RegIta-webfont.woff') format('woff'),
         url('Lato-RegIta-webfont.ttf') format('truetype'),
         url('Lato-RegIta-webfont.svg#LatoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoRegular';
    src: url('Lato-Reg-webfont.eot');
    src: url('Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-Reg-webfont.woff') format('woff'),
         url('Lato-Reg-webfont.ttf') format('truetype'),
         url('Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body				{font: normal normal 14px 'LatoRegular', Arial, Helvetica, sans-serif; color:#595858; letter-spacing:0.02em; }
a					{text-decoration:none; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; color:#00AAE2;}
a:hover				{color:#595858;}
strong				{font-family: 'LatoBold', Arial, Helvetica, sans-serif;}
h1					{font:normal normal 21px/24px 'LatoBold', Arial, Helvetica, sans-serif; color:#333; text-shadow:1px 1px 2px #FFFFFF; margin-bottom:22px;line-height:1.5;}
h2					{font:normal normal 16px/20px 'LatoBold', Arial, Helvetica, sans-serif; color:#333; color:#00AAE2; margin-bottom:10px; line-height:1.5;}
h3					{font:normal normal 16px/20px 'LatoBold', Arial, Helvetica, sans-serif; margin-bottom:10px; color:#333; line-height:1.5;} 
p					{margin-bottom:20px; line-height:1.5; }
p.caption			{font: normal normal 12px 'LatoBold', Arial, Helvetica, sans-serif; color:#333;}
p.caption img		{display:block;}
blockquote, .box-content			{background-color:#f0f0f0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:30px 50px; -moz-box-shadow: 0px 1px 2px #bbb; -webkit-box-shadow: 0px 1px 2px #bbb; box-shadow: 0px 1px 2px #bbb; margin-bottom:30px; width:446px; font:normal normal 14px/1.6 'LatoBold', Arial, Helvetica, sans-serif; color:#666;  text-shadow:1px 1px 1px #fff;} 
blockquote p		{line-height:1.6; margin-bottom:0px; padding-left:20px; border-left: 5px solid #00AAE2;}
.clear				{clear:both;}
.left				{float:left;}
.right				{float:right;}
.top				{height:36px; background:url(/images/txture.png) repeat;}
.top .padding, .footer-wrap .padding		{width:980px; margin:0 auto; position:relative;}
.container			{width:980px; margin:0 auto; background:url(/images/top-shadow.png) no-repeat center 1px; padding-top:30px;}
.top, .top a		{color:#ffffff;}
.location			{display:inline-block; height:36px; line-height:36px; font-size:11px;}
.location span		{font-family: 'LatoBoldItalic', Arial, Helvetica, sans-serif;}
.location ul		{display:inline-block;}
.location ul ul		{display:none; width:160px; background-color:#000; padding:0px 10px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;}
.location > ul 		{margin-left:5px;}
.location > ul > li > a	{color:#dbdbdb; padding:0 10px;}
.location ul li		{position:relative;}
.location ul:hover	{background-color:#000;}
.location ul:hover ul {display:block; position:absolute; left:0px; top:36px;}
.location ul ul	a	{color:#dbdbdb;}
.location ul ul	a:hover	{color:#9a9999;}
.location ul ul	li	{padding: 3px 0px; border-bottom: 1px solid #1e1e1e;}

.search-box			{float: right; background-color:#FFF;  margin-top: 6px; padding: 5px 10px; border:1px solid #e2e2e2;}
#CAT_Search			{width:144px; border:none; color:#888787; font-family: 'LatoItalic', Arial, Helvetica, sans-serif; font-size:14px; background-color:#FFF;}
#CAT_Search:focus	{color:#00AAE2;}	

.donate				{width:180px; position:absolute; top:0px; right:0px; height:36px; background:url(/images/donate-blue.png) no-repeat center 50%;}
.donate	a			{color:#00aae2; font-family:'LatoBold', Arial, Helvetica, sans-serif; display:block; line-height:36px; padding-left:72px;}
.top-menu			{display:inline-block; position:absolute; right:200px; height:36px; line-height:36px;}
.top-menu ul li		{float:left; font-size:11px; padding-left:5px; margin-left:5px;}
.top-menu a:hover	{color:#828181;}

.header				{border-bottom: 5px solid #2a2a2a;}
.logo				{width:334px; margin: 0 auto; margin-bottom:20px;}
.menu				{height:40px; line-height:40px; display:inline-block; float:left;}
.menu a				{display:block;}
.menu ul ul			{display:none; background-color:#00aae2;  -moz-border-radius: 0px 3px 3px 3px; -webkit-border-radius: 0px 3px 3px 3px; border-radius: 0px 3px 3px 3px;}
.menu ul li#home	{background:url(/images/icon-home.png) no-repeat center center #2a2a2a; width:14px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; }
.menu ul li#home a	{text-indent: -9999px;}
.menu > div > ul	{display:inline-block;}
.menu > div > ul > li	{float:left; padding:0 16px; background:url(/images/menu-divider.gif) no-repeat right 50%; position:relative;}
.menu > div > ul > li > a	{font-family:'LatoBold', Arial, Helvetica, sans-serif; font-size:13px; text-shadow:1px 1px 2px #fff; color:#333;}
.menu > div > ul > li:hover, .menu > div > ul > li.selected 	{background-color:#00aae2 !important; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; background-image:none;}
.menu > div > ul > li.selected > a	{color:#FFF; text-shadow:0 -1px 1px #005d7c;}
.menu div ul li:hover a	{color:#fff;  text-shadow:0 -1px 1px #005d7c;}
.menu div ul li:hover ul {display:block; width:170px; position:absolute; top:40px; left:0px;}
.menu ul ul li			{padding-left:18px; border-top:1px solid #169ac6;}
.menu ul ul li:hover	{background-color:#169ac6;}	
.menu ul ul li a		{color:;}
.menu > div > ul > li.last		{background-image:none;}




.column780			{width:780px; margin-bottom:30px;}
.column180			{width:180px; min-height:478px; padding-top:20px;}
.column180 h3, .column200 h3		{border-bottom:1px solid #bbb; padding-bottom:6px;}
.column180 .padding	{padding: 0px 0 0 10px;}
.column480			{width:480px; display:none;}
.donate-box .padding, .join-box	.padding{margin:5px; background-color:#eae7e7; padding:5px; line-height:40px;}
.donate-box, .join-box		{border:1px solid #bbb; background-color:#FFF;}
.donate-box a		{display:inline-block; padding: 0 45px; font-family:'LatoBold', Arial, Helvetica, sans-serif;}
.donate-box a em	{font-family:'LatoItalic', Arial, Helvetica, sans-serif;}
.join-box	{}

.footer-wrap		{background-color: #FFF; margin-top:30px; }
.footer				{text-align:center; background-color:#171717; border-top:1px solid #1e1e1e;}
.footer .padding	{padding:30px 0px;}
.footer > .padding > div > ul	{display:inline-block; margin:0 auto; line-height:1.1em;}
.footer li#home		{display:none;}
.footer > .padding > div > ul ul	{ margin-left: -12px; margin-top: 6px;}
.footer > .padding > div > ul > li		{float:left; margin:0 21px; text-align:left;}
.footer > .padding > div > ul > li	> a 	{text-transform:uppercase; color: #6e6b6b; font-size:11px; font-family:'LatoBold', Arial, Helvetica, sans-serif; }
.footer ul li a		{color:#545353; font-size:12px; text-shadow:0 -1px 1px #0a0a0a;}
.footer ul li a:hover	{color:#8f8d8d;}
.site-credit		{background-color: #1a1a1a; border-top: 1px solid #1E1E1E; overflow:hidden;}
.site-credit .padding{ width:980px; margin: 0 auto; }
.site-credit p		{border-right: 1px solid #1E1E1E; display: inline-block; line-height: 60px; margin-right: 15px;padding-right: 15px; margin-bottom:0px; text-shadow:0 -1px 1px #0a0a0a;}
.site-credit a		{display:inline-block; float:right; line-height:60px; text-shadow:0 -1px 1px #0a0a0a; border-left: 1px solid #1E1E1E; margin-left: 15px; padding-left: 15px;  }



.become-member		{background:url(/images/skewed_print.png) repeat; overflow:hidden; padding:12px 0;}
.become-member p	{float:left; margin-bottom:0px; display:inline-block; font-family: 'LatoBoldItalic', Arial, Helvetica, sans-serif; text-shadow:0 -1px 1px #1a1a1a; line-height:46px;}
.become-member a	{display:inline-block; float:right; width:174px; border:3px solid #0a0a0a; text-align:center; line-height:46px; color:#f2f2f2; background: #2b2b2b; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#2b2b2b'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#a3a3a3), to(#2b2b2b)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #a3a3a3,  #2b2b2b); /* for firefox 3.6+ */ 
font-family: 'LatoBold', Arial, Helvetica, sans-serif; font-size:16px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-shadow:0px -1px 1px #1a1a1a;}
.become-member a:hover	{background: #002b39; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AAE2', endColorstr='#002b39'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#00AAE2), to(#002b39)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #00AAE2,  #002b39); }



#feature			{margin:10px 0px; overflow:hidden;}
.main				{width:760px; float:left; margin:10px 0; }
#videowrap			{width:780px;}
#videos				{height: 112px; margin: 0 20px 0 0; position: relative; width: 247px;}
#videos p a {background-color:#000; bottom: 0; color: #FFFFFF; cursor: pointer; display: block; height: 30px;
left: 0; position: absolute; text-align: center; width: 100%; z-index: 9999; line-height:30px; opacity:0.9; filter:alpha(opacity=90);}

.news				{margin-bottom:30px;}
#eventslist, #newslist 		{margin-bottom: 16px; font-size:13px;}
.name a	{font-family: 'LatoBold', Arial, Helvetica, sans-serif; color:#00a5db; text-shadow:0 1px 1px #fff;}
.name a:hover			{color:#595858;}
.date	{font-size:12px; padding:0px 0px 5px;}	

ul.social			{border-top: 1px solid #BBBBBB; margin-top: 25px; padding-top: 15px;}
ul.social li		{display:inline-block; margin-right:12px; float:left;}
ul.social li a		{display:block;  width:20px; height:20px; background:url(/images/sicial-icons.png) no-repeat; text-indent:-9999px;}
ul.social li.email a	{background-position: -20px 0px;}	
ul.social li.vimeo a	{background-position: -40px 0px;}
ul.social li.email a:hover	{background-position: -20px -20px;}	
ul.social li.vimeo a:hover	{background-position: -40px -20px;}
ul.social li a:hover	{background-position: 0 -20px;}	

.column200			{width:180px; float:left; margin-right:25px; min-height:500px; padding: 20px 20px 0 0px}
.left-column-wrap	{background:url(/images/bg-side-left.png) repeat-y 48px 0; overflow:hidden; float:left;}
.column550			{width:550px; float:left; padding-top:20px; padding-bottom:50px;}
.aside				{background-image:none;}

.page-menu	ul li	{padding: 5px 0;}
.page-menu	ul li a	{text-shadow:0 1px 1px #fff;}
.page-menu	ul li a:hover	{color:#595858;}
.ad-box				{margin-bottom:30px;}

#toTop {font: normal normal 14px/50px 'LatoBold', Arial, Helvetica, sans-serif; width:50px; height:50px; background-color:#00aae2 !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align:center; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/right:10px; cursor:pointer; display:none; color:#fff; text-shadow:0 -1px 1px #005d7c;}

.captchaimg			{float:left; margin-right:10px;}

.button .cat_button, .button a	{background: #0084af; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AAE2', endColorstr='#0084af'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#00AAE2), to(#0084af)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #00AAE2,  #0084af); text-align:center; color:#FFF; display:inline-block; padding: 12px 26px; border:none; font: normal normal 16px 'LatoBold', Arial, Helvetica, sans-serif; cursor:pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow:0 -1px 1px #005d7c; border:1px solid #0084af; -moz-box-shadow: 1px 1px 1px #ffffff; -webkit-box-shadow: 1px 1px 1px #ffffff; box-shadow: 1px 1px 1px #ffffff;}	

.button .cat_button:hover, .button a:hover {background: #0084af; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38ceff', endColorstr='#0084af'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#38ceff), to(#0084af)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #38ceff,  #0084af);}	


/* Webapp News___________________________________ */
#news-main img { display: inline; float: left;}
#news-main .intro { display: inline; float: right; width: 220px;}
#news-main .intro h2	{margin-bottom:0px;}
#news-main { border-bottom: 1px solid #E4E4E4; margin: 0; padding-bottom: 20px; line-height:1.5;}
#webapp17946pagination	{display:none;}

#news-sub { border-bottom: 1px solid #E4E4E4; border-top: 1px solid #FFFFFF; padding: 20px 0; line-height:1.5;}
#news-sub img { display: inline; float: left;}
#news-sub .intro {display: inline; float: right; width: 370px;}

#newsdetail h1, .booking-container h1 {margin-bottom: 3px; padding-bottom:3px; border-bottom:1px solid #BBBBBB;}
#newsdetail .image	{margin-bottom:20px; width:550px; overflow:hidden; -moz-box-shadow: 0px 1px 2px #666; -webkit-box-shadow: 0px 1px 2px #666; box-shadow: 0px 1px 2px #666;}

/* Events Calendar ___________________________________ */
#content-calendar { color: #6D6E71;}


.divVideos.homepromo { float:left;}
.homepromo-wrap .homepromo:last-child{}
.homepromo img {}


