/*
=====================================
  GLOBAL CSS 
  Copyright 2009 - JCH Media
-------------------------------------
BASIC STYLES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
+ Default Styles
  - Headings
  - Clearfix
+ Accessable Styles
-------------------------------------
LAYOUT STYLES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
+ Page Layout Styles
  - Standard Layout
  - Homepage Layout
+ Column Layouts
+ Header Styles
+ Footer Styles
+ Navigation Styles
-------------------------------------
+ Common Styles
+ Page Data Styles
-------------------------------------
+ Main Content Styles
=====================================
*/

/* Default Styles 
--------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0px;	
	font-size: 68%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	background-position: center 40px;
	background-repeat:no-repeat;
}

img {
	border: 0px;
}

a {
	color: #295a76;
	text-decoration:none
}

a:hover {
	text-decoration: underline;
	color: #00aeef
}

p {
	margin: 1em;
	display:block;
	font-size: 1em
}
ul, li, ol{
	padding: 0px;
	margin: 0px;

}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}

h1 	{font-size: 1.8em;}
h2	{font-size: 1.6em;}
h3 	{font-size: 1.4em;}
h4 	{font-size: 1.2em;}
h5 	{font-size: 1em;}
h6 	{font-size: 1em;}

/* titles Styles 
--------------------------------------------------------------------- */
#content h2.disclaimer,
#content h2.welcome,
#content h2.privacy,
#content h2.contact,
#content h2.legal,
#content h2.about,
#content h2.community,
#content h2.faq,
#content h2.copyright,
#content h2.resource,
#content h2.environment,
#content h2.publications,
#content h2.legislation,
#content h2.maps,
#content h2.gallery,
#content h2.thankyou
{
	display: block;
	height: 1px;
	overflow: hidden;
	padding-top: 28px
}
#content h2.disclaimer{
	background-image:url(../images/title-disclaimer.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#content h2.welcome{
	background-image:url(../images/title-welcome.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#content h2.privacy{
	background-image:url(../images/title-privacy.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#content h2.contact{
	background-image:url(../images/title-contact.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#content h2.legal{
	background-image:url(../images/title-legal.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#content h2.about{
	background-image:url(../images/title-about.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.community{
	background-image:url(../images/title-community.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.faq{
	background-image:url(../images/title-faq.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.resource{
	background-image:url(../images/title-resources.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.environment{
	background-image:url(../images/title-environment.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.copyright{
	background-image:url(../images/title-copyright.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.legislation{
	background-image:url(../images/title-legislation.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.publications{
	background-image:url(../images/title-publications.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.maps{
	background-image:url(../images/title-maps.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.gallery{
	background-image:url(../images/title-gallery.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.feedback{
	background-image:url(../images/title-feedback.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content h2.thankyou{
	background-image:url(../images/title-thankyou.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
#content .updates h3
{
	display: block;
	height: 1px;
	overflow: hidden;
	padding: 17px 0px 0px 0px !important;
	margin: 0px 0px 0px 75px !important;
	border: 0px
}
#content h3.media{
	background-image:url(../images/title-media.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}#content h3.newsletters{
	background-image:url(../images/title-newsletters.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}#content h3.smmaps{
	background-image:url(../images/title-s-maps.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}
/* Accessable Styles 
--------------------------------------------------------------------- */
hr, 
#primary-nav h1, 
.photo-display h2,
#access,
.locations h2{
	display: none !important
}

#header:after,
#primary-nav:after,
#footer:after,
.layout-2col:after,
.layout-1col .row:after,
#content .doc-item:after,
.clearfix:after

{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;

}
#content .doc-item{
	height: 1%
}

/* Main */

.page-content{
 	width: 975px;
	margin: 0px auto;
	background: #FFF;
}
#content{
	margin: 0px;
	display: block;

}
/* Header */
#header {
	display: block;
	clear:both;
	background-color: #295a76;
	background-image: url(../images/header-base.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	height: 186px

}
#header .logo {
	padding-top: 2px;
	width: 365px;
	float:left;
	margin: 25px 20px	
}	
.logo h1 a{
	display:block;
	width: 425px;
	height: 1px;
	overflow: hidden;
	padding-top: 58px;
	background-image: url(../images/img-logo.gif);
	background-position: top left;
	background-repeat: no-repeat;

}

/* PRIMARY NAV */

#primary-nav{
	background: #abe1fa;
	display: block;
	clear:both;
	HEIGHT: 1%;
	overflow: auto;
	padding-bottom: 15px;
}
#primary-nav ul{
	padding: 0px;
	margin: 0px 20px;
	list-style:none;

}
#primary-nav ul li{
	padding: 0px 10px 0px 10px;
	margin: 0px;
	float: left;
	background-image:url(../images/nav-divider.gif);
	background-position: 100% 3px;
	background-repeat:no-repeat	;
	

}
#primary-nav ul li.last-child{
	background:none
}
#primary-nav a{
	font-weight: bold;
	color: #295a76;
	text-decoration: none;
	font-size: 1.2em;
}
#primary-nav a:hover{
	color: #FFF
}
#primary-nav a.selected{
	color: #fff
}

#primary-nav ul li.headlink ul  
   {
   		display: none; 	
   	    position: absolute;
    	padding: 0px;
    	z-index: 9999;
    	margin: 0px;
		
		
   	}
#primary-nav ul li.headlink:hover ul  
    {
    	display: block; 
    	float: none;
    	clear: both;
   		padding-top: 5px;
   }
#primary-nav ul li.headlink ul li 
    {
    	display: block; 
    	float: none;
    	clear: both;
    	width: 140px;
    	padding: 0px;
    	margin: 0px;
    	background: none

   }
#primary-nav ul li.headlink ul li a{
	background-image: none;
	padding: 5px 5px 5px 17px; 
	width: 140px;
	display: block;
	clear:both;
	font-size: 1.0em;
	background: #abe1fa url(../images/nav-arrow.gif) 8px 9px no-repeat;
	color: #295a76;
	border-bottom: 1px solid #fff
}
#primary-nav ul li.headlink ul li a:hover {
	background-color: #fff;
	color: #295a76;
	background: #fff url(../images/nav-arrow.gif) 8px 9px no-repeat;
	border-bottom: 1px solid #295a76
}
#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}
/* LAYOUTS */
.layout-2col
{
	display:block;
	clear: both;
	padding: 20px;
	height: 1%
}

.layout-2col .column1
{
	float: left;
	width: 620px;
}
.layout-2col .column2
{
	float: left;
	overflow: hidden;
	margin-left: 10px;
	width: 300px;
	padding-top: 26px
}
.layout-1col{
	display: block;
	clear:both;
	padding: 0px
}
.layout-1col .column1
{
	display: block;
	clear:both;
	padding: 20px
}
.layout-1col .row{
	display: block;
	clear:both;
	WIDTH: 955PX;
	padding: 0px 20px 0px 25px;
}
.layout-1col .row .col1{
	float:left;
	width:300px;
	padding-right: 8px;
	border-right: 1px dotted #a9dbee
}
.layout-1col .row .col2{
	float:left;
	width:300px;
	padding: 0px 5px 0px 11px;
	border-right: 1px dotted #a9dbee
	
}
.layout-1col .row .col3{
	float:left;
	width:300px;
	padding-left: 12px
}

/* FOOTER */
#footer{
	background-image: url(../images/footer-bg.gif);
	background-position: 0 100%;
	background-repeat:no-repeat;
	height: 115px;

}
#footer ul{
	padding: 60px 0px 0px 0px;
	margin: 0px 10px;
	list-style: none;
	height: 1%
}
#footer ul li{
	padding: 0px 10px 0px 10px;
	margin: 0px;
	float:left;
	background-image:url(../images/nav-divider.gif);
	background-position: 100% 3px;
	background-repeat:no-repeat	
}
#footer ul li.last-child{
	background: none
}
#footer a{
	color: #FFF;
	text-decoration: none
}
#footer .copyright{
	padding: 20px 0px 0px 20px;
	display: block;
	color: #FFF;
}
#content .logos
{

	padding: 0px;
	margin: 0px;
	
}
#content .logos ul
{
	padding: 0px;
	margin: 5px 0px 0px 0px;
	list-style: none
}
#content .logos ul li
{
	float: left;
	padding-right: 10px;
	background: none;
	border: 0px
}
/* CONTENT */
#content h2
{
	color: #295a76;
	padding: 0px
}
#content h3
{
	color: #0893c7;
	display: block;
	clear: both;
	border-bottom: 1px solid #abe1fa;
	padding: 4px;
	font-weight: normal;
	margin: 0px;
}
#content .technical
{
	font-weight: bold;
	color: #295a76;
	margin: 0px 0px 10px 0px !important;
	padding: 0px !important
}
#content .main-image{
	float:right;
	margin: 35px 10px;
	padding: 0px 0px 10px 0px;
	width: 312px;
	height: 260px;
	overflow:hidden
}
#content .gallery{
	margin-bottom: 5px;
	width: 293px;
	height: 244px;
	overflow:hidden
}
#content .technical li
{
	padding: 1em !important
}
#content .technical li.select{
	background: #eaf6fc
}
#content .technical span
{
	font-weight: normal;
	color: #000;
	padding: 0px 10px;
}
#content .updates
{
	background-image: url(../images/base-module.gif);
	background-position: 0% 100%;
	background-repeat:no-repeat;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 297px
}
#content .updates .details
{
	background-image: url(../images/top-module.gif);
	background-position: 0% 0%;
	background-repeat:no-repeat;
	padding: 10px 15px 5px 10px;
	position: relative;
	min-height: 62px
}

#content .updates .details .image
{
	position: absolute;
	top: 15px;
	left: 15px
}

#content .updates .details p
{
	padding: 0px 0px 0px 75px;
	margin: 0px;
}

#content a.more {
	color: #0893c7;
	padding-left: 5px;
	font-weight: bold
}
#content a.click {
	color: #0893c7;
	font-weight: bold
}
#content .column1 ul{
	list-style-type: disc;
	list-style-position:inside;
	margin-left: 20px
}
#content .column1 ul li{
	padding: 3px 0px 3px 0px
}
#content .feedback{
	background-image:url(../images/btn-feedback.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	height: 1px;
	padding-top: 52px;
	display:block;
	width: 172px;
	overflow: hidden
}
#content .contacts{
	background-image:url(../images/btn-contact.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	height: 1px;
	padding-top: 52px;
	display:block;
	width: 172px;
	overflow: hidden
}

#content ul.options{
	padding: 0px;
	margin: 0px 30px; 
	list-style: none
}
#content ul.options li{
	padding: 0px;
	margin: 0px 20px;
	float: left
}
#content .feedback:hover,
#content .contacts:hover{
	background-position: 0 -52px
	
}
h3.resources {
	width: 450px;
	
}
h3.resources a {
	text-decoration: none;
	display: block;
}
h3.resources a:hover { color: #ccc; }
h3.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--

*/
.resource {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.resource .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

#content .resources
{
	background-image:url(../images/bg-resource.gif);
	background-position: 100% 0;
	background-repeat:no-repeat;
	padding: 8px 0px 8px 0px
}

#content .doc-item.acrobat
{
	background-image:url(../images/icon_pdf.gif);
	background-position: 3px 8px;
	background-repeat:no-repeat;
	padding-left: 25px !important;
}
#content .doc-item.word
{
	background-image:url(../images/icon_word.gif);
	background-position: 3px 8px;
	background-repeat:no-repeat;
	padding-left: 25px!important;
}
#content .doc-item
{
	display: block;
	clear: both;
	padding: 8px 0px 10px 10px;
	list-style: none;
	margin: 0px !important

}
#content .doc-item h4
{
	display: block;
	clear: both;
	padding: 0px 0px 5px 0px;
	color: #295a76
}

#content .doc-item li
{
	float:left;
	margin: 0px !important;
	list-style: none;
	padding: 0px 15px 0px 0px !important 
}
#content .doc-item .date
{
	color: #858585;
}
#content .doc-item li.size
{
	color: #858585;
	font-size: 1.0em !important;
	margin: 0px
}
#content .doc-item .size
{
	color: #858585;
	font-weight: normal;
	font-size: 0.85em !important;
	margin-left: 6px
}
#content .doc-item .dload
{
	float: right;
	width: 80px;
	margin: -10px 10px 0 0 
}
#content .doc-item .dload a
{
	background-image:url(../images/btn-dload.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	height: 1px;
	display: block;
	overflow: hidden;
	padding-top: 24px

}
#content .subtitle{
	padding: 8px 0px 8px 3px;
	background: #eaf6fc

}
#content .doc-item .dload a:hover
{
	background-position: 0 -25px
}
#content .contact-details
{
	list-style: none !important;
	padding: 0px;
	margin: 0px
}
#content .contact-details span
{
	font-weight: bold;
	color: #00aeef;
	width: 55px;
	padding: 0px 5px;
	display: inline-block
}
#content .linkmap{
	vertical-align:middle;
	padding-right: 10px
	}
#content .event
{
	display: block;
	background-image: url(../images/icon-calendar.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	clear: both;
	padding: 8px 0px 20px 40px !important
}

#content .event h4
{
	display: block;
	clear: both;
	padding-bottom: 5px;
	color: #295a76
}
#content .event ul
{
	margin: 0px 0px 0px 0px !important;
	padding: 0px !important;
	list-style: none;

}
#content .event ul li
{
	DISPLAY: block;
	clear:both;
	padding: 0px 15px 0px 0px !important;
	margin: 0PX -10px !important
}
#content .event .date,
#content .event .location
{
	color: #000;
	margin: 0px !important;
	padding-left: 0px !important
}
#content .event .date span,
#content .event .location span
{
	font-weight: bold;
	color: #29baf2;
	padding-right: 6px
}

/*---------------------- Contact Form ---------------------------- */

#content .contact-form{
   padding-top: 10px;
   margin: 0px auto;
   display:block;
   clear:both;
   width: 520px;
   
  }
#content .contact-form .line{
   padding: 8px 0px 6px 5px;
   margin: 2px 0px 2px 0px;
   display:block;
   clear:both;
   background: #d6effb;
   border: 1px solid #abe1fa;
   
  }
#content .contact-form .line label{
   padding: 0px 0px;
   margin: 0px;
	float: left;
	width: 130px
  }
#content .contact-form .line .textbox{
	color: #000;
	font-size: 1em;
	border: 1px solid #abe1fa;
	width: 180px;
	background: #FFF
}
#content .contact-form .line .textarea{
	color: #000;
border: 1px solid #abe1fa;
	width: 230px;
	background: #FFF;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em

}
#content .contact-form .submit{
	color: #FFF;
	font-size: 11px;
	border: 1px solid #abe1fa ;
	margin: 5px 0 5px 205px;
	background: #295a76;
	padding: 5px 8px 5px 8px
}
#content .contactdetails{
	border: 1px solid #abe1fa;
	margin-top: 6px;
	padding: 3px;
	width: 252px
}
#content .contactdetails .item{
	background: url(../images/bg-comp.gif) top left repeat-x;
	padding: 17px 7px
}
#content .contactdetails ul{
	list-style: none;
	padding-top: 8px
}
#content .contactdetails ul li{
	list-style: none;
	padding: 3px 5px 8px 10px;
	color: #7ba219
}
#content .contactdetails li span{
	padding-left: 10px;
	color: #fff
}
#content .contactdetails li .secline{
	padding-left: 58px;
	color: #fff;
	display:block
}
#content .contactdetails .email{
	padding-left: 28px;
	color: #fff
}
#content .contactdetails .phone{
	padding-left: 22px;
	color: #fff
}