/*

	PAEPAE
	VERSION 1.0
	
	CONTENTS ----------
	
        1.BODY
        2.DEFAULT STYLING
        3.HEADINGS
        4.LINKS
        5.IMAGES
        6.LAYOUT
        7.BRANDING/MASTHEAD
        8.NAVIGATION
        9.SITEINFO/FOOTER
        
        10.SPECIFIC PAGES/FOOTER
        	10.1 SPECIFIC PAGE SUB
	   
    -------------------
    
    COLOURS -----------
    
        red rgb(183, 6, 43)
        blue rgb(52, 78, 125)

        bright green rgb(144, 170, 96)
        muted green rgb(168, 186, 135)
    
    -------------------
	
*/



@import url(reset.css);
@import url(forms.css);
@import url(galleria.css);

/* 1.BODY
---------------------------------------------------------------------- */

body { background:#FFF; color: rgb(51, 51, 51); font-family: "Times New Roman",Times,Cambria,serif; font-size:13px; line-height:1.846em; }

#nav_access { position:absolute; top:-9999px; left:-9999px; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin-bottom:2em; }

ul { list-style: square outside; }
ul li {  }
dl { font-size:14px; line-height:1.5em; margin-bottom:1.5em; } 
dt { font-weight:bold; }
dd { margin-bottom:1em; padding-left:20px; }
ol { list-style:decimal outside; }
ol li { color:#000; }

hr {  }

blockquote { font-style:italic;  }
blockquote p {  } 
blockquote cite { font-style:normal; font-size:11px; text-transform:uppercase; letter-spacing:1px; }

pre { background:#fde5e5; border-top:2px solid #ffcccc; border-bottom:2px solid #ffcccc; width:640px; padding:20px; margin-bottom:1.5em; font-family:"Courier New",Courier,monospace; font-size:13px; line-height:1.5em; overflow:auto; }
pre code {  }
code { font-family:Courier,monospace; font-size:13px; line-height:1.5em; }

abbr { border-bottom:1px dotted #999; cursor:help;  }
abbr:hover { border-bottom:1px solid #666; }
del { color:#999; }
strong { font-weight:bold; color:#333; }
em { font-style:italic; color:#666;}
sup {  }

table { margin-bottom:1.5em; font-size:13px; width:100%; background:#eee; font-family:Verdana,sans-serif; }
table caption { font-size:12px; font-style:italic; color:#333; font-family:Georgia,Times,sans-serif; margin-bottom:0.5em; }
table th { background:#ddd; font-weight:bold;  font-size:12px; border-bottom:1px solid #ccc; padding:0 5px; }
table td { border-bottom:1px solid #ccc; border-top:1px solid #fff; padding:0 5px; }



/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:bold; color: rgb(51, 51, 51); }

h1 {
	font: 600 30px/1.567 "Times New Roman",Times,Cambria,serif;
	letter-spacing: -0.025em;
	padding-top: 0;
	margin-bottom: .8em;
	padding-bottom: 0.3667;
	border-bottom: 1px solid rgb(214, 216, 211);
	}

h2 { font-size:21px; font-weight: 400; line-height:1.143em; margin-bottom:1.143em; color: rgb(52, 79, 126); }
h3 { font-size:18px; font-weight: 400; margin-bottom:0; margin-top: 1em; padding-top: 1em;}
h4 { font-size:14px; line-height: 1.714em; margin-bottom:0; margin-top: 0.857em; padding-top: 0.857em; text-transform:uppercase; color:rgb(0, 0, 0);  }
h5 {  }
h6 {  }



/* 4.LINKS
---------------------------------------------------------------------- */

a:link,
a:visited { text-decoration:none; color: rgb(52, 78, 125); }
a:hover,
a:focus { text-decoration:underline; color:#003; }




/* 5.IMAGES
---------------------------------------------------------------------- */




/* 6.LAYOUT
---------------------------------------------------------------------- */


/* @group Layout */

html
{
				background: transparent url(_img/ui/bg-body-tile-darkgrey.png);
				}

body
				{
				font: 13px/1.846em "Times New Roman",Times,Cambria,serif;
				background: transparent url(_img/ui/bg-maori-decoration.png) no-repeat 320px 105%;
				padding-bottom: 6em;
				border: 10px solid transparent;
				}
body.minimal_message
{
				background: none;
				}
#wrap
				{
				width: 980px;
				margin: 0;
				padding-top: 0;
				position: relative;
				background: rgb(255, 255, 255);
				margin-top: 6px;
				}
.minimal_message #wrap
{
				margin: 8% auto 0;
				padding-bottom: 1.846em;
				background-image: url(_img/ui/logo.png);
				background-repeat: no-repeat;
				background-position: 12px 12px;
				}
#content
				{
				padding: 0 17px;
				width: 946px;
				margin-bottom: 3.692em;
				}

div#content_pri
				{
				clear: both;
				float: right;
				width: 707px;
				padding: 0 0 5.538em;
				}

div#content_pri .content
				{
				padding-right: 114px;
				}

#content_sec
				{
				float: left;
				width: 229px;
				margin: 0 10px 0 0;
				}

#content_tert
				{
				float: none;
				clear: both;
				width: 946px;
				margin: 1.846em 0;
				padding-top: 1.692em;
				border-top: 2px solid rgb(214, 216, 211);
				}

.news div#content_pri,
.gallery div#content_pri,
.contact div#content_pri,
.homepage div#content_pri
				{
				float: left;
				width: 688px;
				padding-right: 19px;
				margin-right: 9px;
				border-right: 1px solid rgb(214, 216, 211);
				}

.news div#content_sec,
.contact div#content_sec,
.homepage div#content_sec
				{
				float: right;
				margin-right: 0;
				width: 229px;
				}
.gallery div#content_pri
				{
				float: none;
				width: 946px;
				border: 0;
				padding: 0;
				margin: 0 0 1.846em;
				}

.minimal_message div#content_pri
				{
				float: none;
				width: 688px;
				border: 0;
				padding: 2em 0;
				margin: 0 0 1.846em 194px;
				}

.gallery div#content_sec
				{
				float: none;
				clear: both;
				width: 946px;
				padding: 0;
				margin: 0;
				}


/* @end */



/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */



/* @group Header/Branding */


#masthead
				{
				padding: 0 20px;
				width: 940px;
				min-height: 240px;
				overflow: hidden;
				background: transparent;
				}

#masthead #branding
{
				background: rgb(44, 44, 44) url(_img/ui/bg-maori-decoration.png) no-repeat 180px 87%;
				margin: 4.15em -20px auto -20px;
				padding: 0 20px;
				min-height: 96px;
				}

#branding .brand
{
				float: left;
				width: 400px;
				height: 162px;
				margin-top: -32px;
				margin-bottom: -48px;
				}

*.brand
				{
				margin: 0;
				padding: 0;
				border-bottom: 0 !important;
				}

.brand span,
.tagline
				{
				display: none;
				height: 0;
				width: 0;
				float: left;
				text-indent: -9999px;
				}

.brand a
				{
				display: block;
				}

.brand img
				{
				
				}

/* @end */



/* 8.NAVIGATION
---------------------------------------------------------------------- */



/* @group Navigation menus */

/* @group Primary Nav */

#navigation
				{
				margin-top: 150px;
				margin-bottom: 0;
				overflow: hidden;
				zoom: 1;
				padding: 0 20px;
				clear: both;
				margin: 0 -20px -20px;
				background: rgb(240, 240, 241);
				}
#navigation #primaryNav
				{
				float: right;
				}

#navigation #primaryNav li
				{
				margin-left: 5px;
				}

#navigation #primaryNav li a
				{
				float: left;
				position: relative;
				display: block;
				padding: 6px 10px;
				font-size: 12px;
				line-height: 2em;
				text-transform: uppercase;
				font-weight: normal;
				color: rgb(44, 44, 44);
				white-space: nowrap;
				}

#navigation #primaryNav li.here a
				{
				color: rgb(154, 40, 58);
				background: url(_img/ui/pointer-nav.png) no-repeat 50% 100%;
				}

/* @end */

/* @group Sub nav */

.sub-menu
				{
				margin-bottom: 1.846em;
				padding-bottom: 1.846em;
				}

.sub-menu ul
				{
				margin-top: 0;
				list-style: none;
				margin-left: 0;
				}

.sub-menu li
				{
				padding-left: 0;
				margin-bottom: .923em;
				}

.sub-menu li
				{
				padding-left: 0;
				margin-bottom: 0.923em;
				}

.sub-menu li a
				{
				display: block;
				margin-bottom: 0;
				padding: 0.615em 5px 0.846em;
				border-bottom: 1px dotted rgb(214, 216, 211);
				font-weight: normal;
				font-size: 13px;
				line-height: 1.23;
				color: rgb(46, 91, 136);
				text-decoration: none;
				}

.sub-menu li a:hover
				{
				text-decoration: none;
				border-bottom-color: rgb(134, 134, 134);
				}

/* @end */

/* @group Category Menu */

.cat-menu
				{
				list-style: none;
				margin: 0;
				padding: 0;
				overflow: hidden;
				zoom: 1;
				}

.cat-menu ul
				{
				margin-bottom: 1.462em;
				}

.cat-menu ul ul
				{
				margin-left: 5px;
				}

.cat-menu ul,
.cat-menu li
				{
				list-style: none;
				margin-left: 0;
				padding-left: 0;
				line-height: 1;
				overflow: hidden;
				zoom: 1;
				}

.cat-menu li
				{
				float: left;
				width: 100%;
				}

.cat-menu li li.here
				{
				background: url(../_img/ui/blt-arrow-pointer.png) no-repeat 0 .15em;
				}

.cat-menu li img
				{
				display: none;
				}

.cat-menu li a
				{
				margin-bottom: 1em;
				margin-left: 5px;
				display: block;
				color: rgb(0, 49, 97);
				text-decoration: none;
				font: bold 13px/1.23 "Times New Roman", Times, Cambria, serif;
				letter-spacing: 0.025em;
				}

.cat-menu li a span.count
				{
				color: rgb(124, 124, 124);
				}

.cat-menu li li a
				{
				font-weight: normal;
				margin-bottom: 0.615em;
				color: rgb(157, 158, 146);
				}

.cat-menu li li.here a
				{
				color: rgb(63, 132, 200);
				}

.cat-menu li a:hover
				{
				text-decoration: underline;
				}

.cat-menu li a:hover span.counter
				{
				text-decoration: none;
				}

/* @end */

/* @group Filter menu */

.filter-menu
				{
				overflow: hidden;
				zoom: 1;
				margin-bottom: 0;
				}

.filter-menu li.here a
				{
				font-weight: bold;
				color: rgb(0, 0, 0);
				}

div#content_pri  .filter-menu li a
				{
				padding-right: 0;
				border-bottom: none;
				background: none;
				letter-spacing: 0;
				}

.filter-menu li.here a:hover
				{
				border-bottom: none;
				}

.news .filter-menu
				{
				border: 1px solid rgb(214, 216, 211);
				border-width: 0 0 1px 0;
				margin: -1.769em 0 1.769em;
				padding: 0 5px;


/*background: rgb(234, 234, 234);*/
				}

.news .filter-menu li
				{
				line-height: 1.769em;
				}

.news .filter-menu li p
				{
				margin-bottom: 0 !important;
				line-height: 1.769em;
				}

.pagination
{
				margin: 2em 12px;
				}
.pagination p span.page-of-pages
{
				border-right: 1px solid #ddd;
				padding-right: 6px;
				margin-right: 3px;
				}

.pagination p a
{
				padding: 3px 6px;
				border: 1px solid #ddd  !important;
				margin: 0 3px;
				text-decoration: none !important;
				}
.pagination p a:hover
{
				border-color: rgb(52, 78, 125) !important;
				}
/* @end */

/* @end */






/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */



/* @group Global Footer */

#globalfooter
				{
				margin-bottom: 3.692em;
				padding-bottom: 0.923em;
				margin-left: 20px;
				margin-right: 20px;
				padding-top: 1.692em;
				border-top: 2px solid rgb(214, 216, 211);

				}

#globalfooter .piped
				{
				padding-top: .5em;
				}

#globalfooter .piped div
				{
				padding-left: 5px;
				}

#globalfooter .piped a
				{
				border-left-color: rgba(52, 78, 125, .5);
				color: rgb(52, 79, 126) !important;
				font-size: 11px;
				line-height: 1.2;
				}

.gf-copyright
				{
				display: block;
				position: absolute;
				bottom: -2.769em;
				}

.gf-copyright p
				{
				margin-bottom: 0;
				color:  rgb(66, 66, 66);
				}

ul.gf-links
				{
				padding-top: .5em !important;
				overflow: hidden;
				}

ul.gf-links li:first-child
				{
				padding-left: 5px !important;
				}

.gf-search, .gf-webDesigners
				{
				width: 340px;
				margin: 0;
				float: left;
				}

.gf-contactInfo p
				{
				margin-bottom: 0;
				}

.gf-contactInfo span
				{
				margin: 0 10px;
				}

.gf-contactInfo span:first-child
				{
				margin-left: 0;
				}

/* @end */



/* @group Global Elements */

#content_sec .aside
				{
				margin-top: 1.846em;
				}

a.btn
				{
				display: block;
				float: left;
				cursor: pointer;
				padding: 4px 16px;
				border-radius: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border: 1px solid rgba(255, 255, 255, .075);
				box-shadow: 0 0 1px rgb(0, 0, 0);
				-webkit-box-shadow: 0 0 1px rgb(0, 0, 0);
				-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .25);
				background: rgb(37, 56, 89) url(../_img/ui/grad-white-trans.png) repeat-x left top;
				color: rgba(255, 255, 255, .8);
				text-transform: uppercase;
				text-decoration: none;
				text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
				font-size: 11px;
				line-height: 1.636em;
				}

a.external
				{
				background: transparent url("_img/ui/icon_externallink.gif") no-repeat right top;
				padding-right: 10px;
				}
/*.article a[href]:not([href^="http://paepae.dev"])				{
				padding-right: 10px;
				background: url('_img/ui/icon_externallink.gif') no-repeat 99% 1%;
				}

.article a[href]:not([href^="http://paepae.dev"]):hover
				{
				background-position: 100% 0;
				}*/
a.email
{
				background: none !important;
				padding-right: 0 !important;
				}
p.small
				{
				font-size: 12px !important;
				line-height: 2em !important;
				margin-bottom: 2em !important;
				}

/* @group Images and Figures */

img
				{
				
				}

.a-left
				{
				float: left;
				margin-right: 10px;
				margin-bottom: .5em;
				}

.a-right
				{
				float: right;
				margin-left: 10px !important;
				margin-bottom: .5em;
				}

span.figure
				{
				background: #dfdfdf;
				border: 0;
				display: block;
				margin: 0.3em 0 0;
				overflow: hidden;
				}

span.video
				{
				width: 640px;
				display: block;
				margin: 0 auto;
				margin-bottom: 1.846em;
				}

span.figure a
				{
				border: none;
				}

span.figure a:hover
				{
				text-decoration: none;
				}

span.figure small a
				{
				border-bottom: 1px solid #ccc;
				}

span.figure.clean
				{
				background: none;
				border: 0 solid #fff;
				}

span.figure img
				{
				border: 0 solid #999;
				margin: 0 0 7px 0;
				}

span.figure a img
				{
				border: 0 solid #ccc;
				}

span.figure.clean img
				{
				border: none;
				}

span.figure.clean a:hover img
				{
				border: none;
				}

span.figure small
				{
				color: rgb(104, 104, 104);
				display: block;
				font-size: 12px;
				line-height: 1.25em;
				padding-bottom: 1.916em;
				border-bottom: 1px solid rgb(214, 216, 211);
				}

span.video small
				{
				padding-bottom: 1.916em;
				padding-top: .5em;
				border-bottom: 1px solid rgb(214, 216, 211);
				}

span.figure small span
				{
				font-weight: bold;
				text-transform: uppercase;
				color: rgb(60, 60, 60);
				}

span.video small span
				{
				display: block;
				}

span.figure.s
				{
				width: 114px;
				float: left;
				}

span.figure.tn
				{
				width: 53px;
				}

span.figure.m
				{
				width: 229px;
				}

span.figure.l
				{
				width: 678px;
				}

span.figure.m,
span.figure.l
				{
				margin: 0.3em 0 0;
				}

span.figure.s.a-right
				{
				margin: 0.3em 0 0 10px;
				float: right;
				}

span.figure.m.a-right
				{
				margin: 0.3em 0 0 10px;
				float: right;
				}

span.figure.a-left
				{
				margin-right: 10px;
				}

/* @end */

/* @group Lists */

.listing
				{
				list-style: none;
				margin-left: 0;
				}

.listing li
				{
				clear: both;
				}

ol.numberedlist
				{
				font-size: 16px;
				line-height: 1.5em;
				color: rgb(52, 79, 126);
				list-style-position: outside;
				margin-left: 3em;
				}

ol.numberedlist li
				{
				color: rgb(52, 79, 126);
				}

ol.numberedlist li p
				{
				font-size: 12px;
				line-height: 2em;
				color: rgb(127, 123, 119);
				}

/* @end */

/* @group Piped Menus */

.piped li
				{
				display: inline;
				float: left;
				}

.piped a
				{
				border-left: 1px solid #797C80;
				border-bottom: 0 !important;
				margin-left: 0.75em;
				padding: 0 0 0 0.75em;
				line-height: 1.2em;
				letter-spacing: 0.15em;
				}

.piped li:first-child a
				{
				border-left: 0;
				margin-left: 0;
				padding: 0;
				}

/* @end */
/* @group Hmenu */

ul.hmenu,
.hmenu ul{
				margin: 0 !important;
				padding: 0 !important;
				}

.hmenu li{
				float: left;
				list-style: none !important;
				margin: 0 !important;
				padding: 0 !important;
				}

.hmenu li a{
				float: left;
				display: block;
				}

/* Clearing floats without extra markup  */
ul.hmenu:after,
.hmenu ul:after
{
				clear: both;
				content: '.';
				display: block;
				visibility: hidden;
				height: 0;
				}

ul.hmenu,
.hmenu ul{
				display: inline-block;
				}

* html ul.hmenu,
* html .hmenu ul{
				height: 1%;
				}

ul.hmenu, .hmenu ul{
				display: block;
				}

/* @end */

#content_tert .aside h2
{
				font-size: 13px;
				line-height: 1.846em;
				margin-bottom: 0;
				letter-spacing: 0.025em;
				text-transform: uppercase;
				padding: 0 20px 0 10px;
				}

#content_tert .aside p
{
				font-size: 13px;
				line-height: 1.846em;
				margin-bottom: 1.846em;
				letter-spacing: 0.025em;
				padding: 0 20px 0 10px;
				}
.homepage #aside-funding,
.homepage #aside-sponsorship
{
				width: 468px;
				float: left;
				}

/* @group Attachments */

#attachments
				{
				background: rgb(184, 206, 161);
				padding: 1em;
				border: 1px solid rgb(180, 204, 185);
				}

#attachments ul
				{
				list-style: none;
				margin: 0.917em;
				overflow: hidden;
				}

#post #attachments p,
#post #attachments li
				{
				font-size: 0.917em;
				line-height: 1.636em;
				margin-bottom: 0;
				}

#post #attachments li
				{
				float: left;
				width: 47%;
				margin-right: 3%;
				margin-bottom: .818em;
				}

#attachments li a
				{
				display: block;
				float: left;
				padding-left: 20px;
				background: url('_img/ui/icn-document-arrow.png') no-repeat 0 2px;
				}

/* @end */


/* @end */




/* @group Typography */

/*Links*/

#content_pri p a
				{
				border-bottom: 1px solid rgb(52, 78, 125);
				}

#content_pri a:hover
				{
				text-decoration: none;
				border-bottom-style: double;
				border-bottom-width: 2px;
				border-bottom-color: rgb(52, 78, 125);


/*text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);*/
				}


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
				{
				border-bottom: 0;
				}

p.more a
				{
				background: transparent url("_img/ui/news_listing_readmore.gif") no-repeat left center;
				padding-left: 8px;
				border-bottom: 0 !important;
				font-style: italic;
				}

p.more a:hover
				{
				border-bottom: 2px double rgb(52, 78, 125) !important;
				}

/*Headings*/

h1, #content_sec .aside h2
				{
				padding-left: 5px;
				padding-right: 5px;
				}

#content_pri h3
				{
				margin-bottom: 0;
				color: rgb(0, 0, 0);
				border-bottom: 1px dotted rgb(224, 224, 224);
				}

#content_pri h4
				{
				font-size: 12px;
				line-height: 2em;
				}

#content_sec .aside h2
				{
				margin-bottom: 1.846em;
				font-size: 13px;
				line-height: 1.77;
				text-transform: uppercase;
				color: rgb(134, 134, 134);
				border-bottom: 1px solid rgb(214, 216, 211);
				}

#content_sec .sub-menu h2:first-letter
				{
				text-transform: uppercase;
				}

.aside h3
				{
				margin: 0;
				padding: 0 5px;
				}

/*Block level*/

p
				{
				font-size: 13px;
				line-height: 1.846em;
				margin-bottom: 1.846em;
				}

p.more
				{
				margin-bottom: 0;
				}

.article p
				{
				margin-bottom: 1.6em;
				font-size: 15px;
				line-height: 1.6;
				color: rgb(68, 68, 68);
				}

div#content .secIntro
				{
				overflow: hidden;
				zoom: 1;
				margin-bottom: 1.846em;
				}

div#content .secIntro p
				{
				font-size: 18px;
				color: rgb(34, 34, 34);
				line-height: 1.333em;
				margin-bottom: 1.333;
				}

/*Lists*/

ul
				{
				margin-left: 20px;
				}

/*#content_pri li{
				color: rgb(127, 123, 119);
				font-size: 12px;
				line-height: 2em;
				margin-bottom: 1em;
				list-style-image: url(../_img/ui/bullet-arrow.png);
				}*/

/* @end */






/* 10.SPECIFIC PAGE
---------------------------------------------------------------------- */



/* @group Blogs/News/Press */

.blog-post
				{
				margin-bottom: 1.846em;
				padding-bottom: 1.846em;
				}

#news_listing
				{
				padding-top: 0;
				clear: both;
				list-style: none;
				}

#news_listing li.article
				{
				background: url("_img/ui/icon_article.gif") no-repeat scroll 0 4px;
				border-bottom: 1px solid rgb(214, 214, 214);
				margin: 0 0 1.846em;
				padding: 0 15px 1.769em 30px;
				}

#latestNews #news_listing li
				{
				border-bottom: 0;
				margin: 0 0 1.846em;
				padding: 0 0 0 30px;
				}

#news_listing li.external
				{
				background-image: url("_img/ui/icon_link.gif");
				}

#news_listing li.external .caps
				{
				font-size: 11px;
				line-height: 2.182em;
				text-transform: uppercase;
				color: rgb(154, 154, 154);
				}

#news_listing li.article h3,
#latestNews #news_listing li.article h4
				{
				margin: 0;
				padding: 0;
				border: 0;
				}
#latestNews #news_listing
{
				margin-left: 0;
				padding-left: 0;
				}

#latestNews h3
{
				margin-left: 0;
				padding-left: 0;
				margin-bottom: 1.333em;
				}
#latestNews #news_listing li.article h4
{
				font-weight: normal;
				font-size: 14px;
				line-height: 1.714;
				text-transform: none;
				margin-bottom: 0;
				}

#latestNews #news_listing li.article h4 a
{
				margin-bottom: 0;
				font-weight: normal;
				padding-left: 0;
				margin-left: 0;
				}

#latestNews #news_listing p.small
{
				margin-bottom: 0 !important;
				}
#news_listing .article .footer p
				{
				font-size: 12px;
				line-height: 1.25em;
				margin-bottom: 0;
				}

.post
				{
				padding: 0 5px;
				}

.post .header h2
				{
				margin-bottom: 0;
				padding: 0 0 0;
				}

.homepage div#latestNews
				{
				margin: -24px 0 0;
				}

.homepage div#latestNews h3
				{
				margin-bottom: 1.333em;
				}
#newsList li p
				{
				margin-bottom: 0 !important;
				color: rgb(102, 102, 102);
				}

div#latestNews p a
				{
				font-size: 11px;
				line-height: 1.636;
				font-style: italic;
				}

#newsList li a
				{
				margin-bottom: 0;
				}
.side-panel
				{
				padding-top: 4em;
				}

.side-panel div
				{
				padding-bottom: 1.384em;
				border-bottom: 1px solid rgb(203, 204, 208);
				margin-bottom: 1.307em;
				}

.side-panel h4
				{
				color: rgb(42, 42, 43);
				}


#press
				{
				padding-top: 1.846em;
				}

.listing
				{
				overflow: hidden;
				zoom: 1;
				padding-bottom: 1.846em;
				margin-bottom: 1.846em;
				}

.press-body img
				{
				width: 202px;
				}

p.description
				{
				margin-bottom: 1.846em;
				font-style: italic;
				}

.press-body .figure
				{
				overflow: hidden;
				}

.news-press .press-body .figure
				{
				display: block;
				float: left;
				overflow: hidden;
				max-width: 928px;
				}

.news-press .press-body .figure img
				{
				border: 1px solid rgb(219, 219, 219);
				padding: 4px;
				display: block;
				width: auto;
				}

ul.press-piece-meta
				{
				float: left;
				}

.news-press  ul.press-piece-meta
				{
				clear: both;
				}

ul.press-piece-meta li
				{
				list-style: none;
				margin: 0;
				font-size: 11px;
				line-height: 1.636em;
				color: rgb(150, 150, 150);
				}

.news-press  ul.press-piece-meta li
				{
				display: inline;
				list-style: none;
				margin: 0 3px 0 5px;
				padding-right: 8px;
				border-right: 1px solid rgb(219, 219, 219);
				font-size: 11px;
				line-height: 1em;
				}

/* @end */

/* @group Members */

#staff-members ul
				{
				list-style: none;
				margin-left: 0;
				}

#staff-members li
				{
				padding: 0 0 1.769em 124px;
				margin-bottom: 1.846em;
				position: relative;
				border-bottom: 1px solid rgb(214, 216, 211);
				}

#staff-members h2,
#staff-members .role
				{
				margin-bottom: 0;
				}

#staff-members p.role
				{
				font-style: italic;
				font-size: 13px;
				line-height: 1.846em;
				}

#staff-members .photo
				{
				position: relative;
				left: -124px;
				float: left;
				margin-right: -114px;
				}

#member-bio .photo
				{
				float: left;
				margin-right: 10px;
				margin-bottom: 10px;
				}

#member-bio .member-details p
				{
				margin-bottom: 0;
				font-size: 13px;
				line-height: 1.846em;
				font-style: italic;
				}

#member-bio .member-details
				{
				float: left;
				margin-right: 10px;
				padding-bottom: 1.692em;
				margin-bottom: 1.846em;
				border-bottom: 2px solid rgb(214, 216, 211);
				font-size: 13px;
				line-height: 1.846em;
				font-style: italic;
				}

#more-bios
				{
				clear: both;
				margin-top: 1.846em;
				padding: 1.692em 0;
				border-top: 2px solid rgb(214, 216, 211);
				}
.homepage #more-bios
{
				width: 468px;
				float: left;
				border-top: 0;
				border-right: 1px solid rgb(214, 216, 211);
				margin: 0 5px 0 0;
				padding: 0 4px 0 0;
				}

.homepage #more-bios h2
{
				padding-left: 0;
				}

#more-bios ul
				{
				list-style: none;
				margin-left: 0;
				overflow: hidden;
				zoom: 1;
				}
.homepage #more-bios ul
{
				margin-top: 1.846em;
				}

#more-bios li
				{
				float: left;
				width: 229px;
				margin: 0 10px 1.846em 0;
				margin-bottom: 1.846em;
				}

.homepage #more-bios li:nth-child(even),
* html #more-bios li.even,
*+html #more-bios li
{
				margin-right: 0;
				}
#more-bios li em
				{
				display: block;
				}

#more-bios li a
				{
				line-height: 1;
				}

#more-bios li img
				{
				float: left;
				margin-right: 10px;
				}

/* @end */

/* @group Events */

#events .article
{
				clear: both;
				overflow: hidden;
				zoom:1;
				margin-bottom: 1.846em;
				padding: 0 0 1.769em;
				border-bottom: 1px solid rgb(203, 204, 208);
				}

#events .article img
{
				float: left;
				margin-right: 20px;
				}
dl.event-details
{
				float: left;
				width: 573px;
				}

.event-details dt
{
				float: left;
				width: 94px;
				margin: 0 10px 0 0;
				clear: left;
				padding: 0;
				font-size: 12px;
				line-height: 2em;
				letter-spacing: 0.025em;
				}

.event-details dd
{
				float: left;
				margin: 0;
				padding: 0;
				color: rgb(121, 121, 121);
				font-size: 13px;
				line-height: 1.846em;
				}

.event-details dd.event-city
{
				clear: left;
				margin-left: 104px;
				}
#events .summary
{
				clear: both;
				}

#events .summary p
{
				padding-right: 40px;
				}

/* @end */



/* @group Gallery */

#gallery-main-image-wrap
				{
				float: right;
				margin: 0;
				clear: both;
				width: 707px;
				min-height: 504px;
				overflow: hidden;
				border-left: 1px solid rgb(214, 216, 211);
				}
#gallery-main-image-wrap div
{
				float: left;
				margin: 20px;
				}

#gallery-nav
				{
				width: 229px;
				margin: 0;
				padding: 0;
				overflow: hidden;
				}

#gallery-nav li
				{
				float: left;
				margin: 0 0 10px;
				padding: 1px 0;
				list-style: none;
				}

#gallery-nav a
				{
				width: 60px;
				padding: 3px;
				display: block;
				border: 1px solid #ccc;
				margin: 0 4px;
				float: left;
				}

#gallery-nav a:hover
				{
				border: 0;
				display: block;
				border: 1px solid #ccc;
				}



#gallery-nav a:focus
				{
				outline: none;
				}

#gallery-nav img
				{
				border: none;
				display: block
				}

#other-galleries ul
{
				list-style: none;
				margin: 0;
				padding: 0 0 1.846em;
				overflow: hidden;
				border-bottom: 1px solid rgb(214, 216, 211);
				}

#other-galleries ul li
{
				float: left;
				width: 215px;
				margin: 0 10px 0 0;
				padding: 0 7px 0;
				text-align: center;
				}

#other-galleries ul li.active
{
				
				}

#other-galleries ul li img
{
				float: left;
				margin: 0;
				}
#other-galleries ul li a
{
				font-size: 13px;
				line-height: 1.385em;
				display: block;
				}
#other-galleries ul li a span
{
				width: 229px;
				height: 120px;
				overflow: hidden;
				display: block;
				margin-left: -7px;
				margin-bottom: 0.415em;
				}

/* @end */
/* @group Contact */

/* @group Contact Details */

.contact-details
				{
				margin-top: 2em;
				margin-bottom: 2em;
				}

.contact-details h2.org
				{
				margin-bottom: 2.5em;
				font-size: 12px;
				line-height: 1.5;
				}

.contact-details h3
				{
				margin-bottom: .5em;
				padding: 0;
				font-size: 12px;
				line-height: 1.5;
				}

.contact-details .vcard .tel,
.contact-details .vcard .adr,
.contact-details .vcard .email-address
				{
				padding: 0 5px;
				}

.contact-details .vcard .tel,
.contact-details .vcard .email-address
				{
				font-weight: bold;
				color: rgb(0, 0, 0);
				}

.contact-details .vcard .tel span.value,
.contact-details .vcard .email-address a
				{
				font-weight: normal;
				color: rgb(85, 85, 85);
				}

.contact-details .vcard .tel span.hide
				{
				display: none;
				}

/* @end */

/* @group Form */

#form-contact
				{
				padding: 2em;
				background: rgb(225, 225, 225);
				width: 90%;
				margin-right: 0;
				}

form fieldset
				{
				border: 0;
				padding-bottom: 2em;
				}

form fieldset legend
				{
				border: 0;
				background: transparent;
				margin-bottom: 0;
				padding: 0;
				}

form fieldset legend + p
				{
				margin-top: 0em !important;
				padding-bottom: .5em;
				border-bottom: 1px dotted rgb(196, 196, 196);
				}

form span.req
				{
				color: rgb(208, 42, 10);
				font-weight: bold;
				font-size: 16px;
				line-height: 1.125;
				}

form fieldset .note
				{
				color: rgb(20, 20, 20);
				font-style: italic;
				}

form .form-field
				{
				float: left;
				width: 45%;
				margin: 0 4% 1.5em 0;
				overflow: hidden;
				_zoom: 1;
				}

form #applicantsDetails .form-field
				{
				float: left;
				width: 28%;
				margin: 0 4% 1.5em 0;
				overflow: hidden;
				_zoom: 1;
				}

form .full
				{
				float: none;
				display: block;
				width: 100%;
				margin-right: 0;
				}

form .full textarea
				{
				width: 92%;
				height: 20em;
				font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
				font-size: 13px;
				line-height: 1.385;
				}

#form-job-application .full textarea
				{
				height: 10em;
				}

#form-contact .checkbox,
#form-contact .submit-field
				{
				width: auto;
				}

#form-contact #title-prefix
				{
				float: left;
				width: 20%;
				margin-right: 0;
				}

#form-contact #title-prefix select
				{
				width: 90%;
				}

#form-contact #subject
				{
				float: left;
				width: 75%;
				}

#form-contact #email-address
				{
				clear: left;
				}

form .group
				{
				overflow: hidden;
				}

form label
				{
				display: block;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 10px;
				line-height: 1.8em;
				}

form .form-field input.text-field
				{
				width: 96%;
				display: block;
				}

form .submit-field
				{
				clear: both;
				}

#form-job-application .submit-field
				{
				float: left;
				margin-right: 20px;
				}

form .fileField
				{
				width: auto;
				}

/* @end */

/* @end */









/* @group Modernizer */

.boxshadow #wrap
				{
				-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .25);
				-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .25);
				}

.boxshadow #header
				{
				-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .15);
				-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .15);
				}

.boxshadow #slider .slide-content
				{
				-moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, .25);
				-webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, .25);
				}

.borderradius #wrap
				{
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-o-border-radius: 3px;
				}

.borderradius .slide-content
				{
				-moz-border-radius-topright: 1px;
				-webkit-border-top-right-radius: 1px;
				-moz-border-radius-bottomright: 1px;
				-webkit-border-bottom-right-radius: 1px;
				}

.borderradius #page_billboard
				{
				border-radius: 8px;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				-o-border-radius: 8px;
				}

.boxshadow #page_billboard
				{
				-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
				-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
				}

/* @end */

/* @group Grid Overlay */

/**
 * Grid
 */

#grid
				{


/* Vertical grid lines */
    background: url(_img/tmp/bg-grid-946.gif) repeat-y 10px 10px;
	

/* Dimensions - same width as your grid with gutters */
    width: 990px;
		

/* Grid (left-aligned) */
    position: absolute;
				top: 0;
				left: 0;
				/* G

rid (centered) 
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -490px;
	*/
				}

/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */

#grid .horiz
				{
	

/*24px line height*/ 
    height: 23px;
				border-bottom: 1px dotted #aaa;
				margin: 0;
				padding: 0;
				}

/* @end */

/* @group Clear Floated Elements */

/* http://sonspring.com/journal/clearing-floats */

.clear
				{
				clear: both;
				display: block;
				overflow: hidden;
				visibility: hidden;
				width: 0;
				height: 0;
				}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after,
#wrap:after,
#content_pri:after
				{
				clear: both;
				content: ' ';
				display: block;
				font-size: 0;
				line-height: 0;
				visibility: hidden;
				width: 0;
				height: 0;
				}

* html .clearfix,
* html #wrap,
* html #content_pri
				{
				height: 1%;
				}

/* @end */

/* @group Replace */

/* replace */

.rplc
				{
				text-indent: -10000em;
				display: block;
				background-repeat: no-repeat;
				background-position: left top;
				background-color: transparent;
				text-align: left;
				height: 0px;
				}

.rplc a span, span.rplc
				{
				text-indent: -10000em;
				line-height: 0.01em;
				height: 0;
				}

.hidden
				{
				display: none;
				}

/* @end */