@charset "utf-8";
/* CSS Document */

a {
	color:#f67e00;
	text-decoration:none;
	font-weight:bold;}

#logo-wrap { float:left; margin:0;}
	
#logo {
  	display: block;
	float:left;
	margin-top:23px;
	margin-left:20px;
	width:289px; 
	height:84px;
	background: url(../images/logo.png) no-repeat;
}
#logo span{  display: none;}


/* SOCIALS UL */
ul.socials { margin:0 214px 0 0; padding:0; float:right;}
ul.socials li { display: inline; text-indent:-9999px; margin:0; padding:0; }
ul.socials li a { display:block; background: url(../images/socials-bg.png) no-repeat top left; width:29px; height:35px; float:left; }

/* SOCIALS BUTTONS */
ul.socials li#facebook a { background-position: 0 0; margin-right:9px; }
ul.socials li#twitter a { background-position: -38px 0;}


/* SOCIALS OVER STATES */
ul.socials li#facebook a:hover { background-position:-68px 0; }
ul.socials li#twitter a:hover { background-position: -105px 0; }

/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:right;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.*/
	position:relative;
	z-index:100000;
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight:550;
   font-smooth:always;
}
#nav li{
	float:right;
	margin-left:16px;
	position:relative;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:0.05em;
	text-shadow:1px 1px 1px #FFF;
}
#nav a{
	display:block;
	padding:15px 0 2px 0;
	color:#494949;
/*	background:#333;
*/	text-decoration:none;
	border-bottom:1px solid transparent;
}
#nav a:hover{
	border-bottom:1px solid #F60;
}

/*--- DROPDOWN ---*/
#nav ul{
	border-top:1px solid #F60;
	margin-top:-1px;
	background:#808080; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	 /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	border-bottom:1px solid #3a3a3a;
	margin:0;
	z-index: 100000;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	padding:5px 8px;
	color:#FFF;
	text-shadow:none;
	text-transform:none;
	z-index: 100000;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */

}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#f67f03;
}	

h1 {
	margin-bottom:10px;}
	
#content h1 {
	font-size:30px;
	color:#555;}
	
#content h2 {
	font-size:18px;
	background:#333;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
	padding:5px;
	border-bottom:1px solid #FFF;
	margin-bottom:0;}
	
#content h2 a {
	display:block;
	text-shadow:1px 1px 1px #FFF;
	padding:5px;
	margin:-5px;
	color:#F27800;
	background: url(../images/footer-bg.jpg) bottom center;}
	
#content h3 {
	font-size:16px;
	margin:10px 0 0 05px;}
	
#content p {
	font-size:14px;
	line-height:18px;
	margin-bottom:20px;}
	
#content ul, #content ol {
	margin:5px 0 30px 20px;
}

#content ol li {
	list-style:decimal;}

#content li {
	padding:5px 0;
	font-size:14px;
	font-weight:550;
	list-style-type: square;
	border-bottom:1px dotted #ccc;
	list-style-position:inside;}

#content #updates ul {
	margin:0;
	padding:0;}
	
#updates p {
	font-size:12px !important;
}
	
#content #updates li {
	list-style-type:none;
	padding-bottom:20px;
	padding-top:20px;
	text-align:justify;
	margin-bottom:0;
	line-height:normal;
	margin-left:0;
	padding-left:0;}
	
#content #updates .cat-post-item .post-title {
	font-size:16px;
	padding-bottom:10px;
	margin:0;}
	
#content #updates .cat-post-item .post-date {
	font-style:italic;
	font-size:10px;
	padding-left:10px;}
	
#content .featured-thumbnail {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #FFF;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, .5);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, .5);
	padding:0;
	}
#content .post-single h2 {
	margin-bottom:15px;}
	
#content .post-meta {
	border-bottom:1px dotted #ccc; 
	margin-bottom:20px; 
	padding-bottom:15px;}
	
a.moreBtn {
	background:url(../images/readmore-bg.jpg) repeat-x top left;
	padding:4px 10px 5px 10px;
	color:#FFF;
	clear:both;
	font-size:10px;
	text-shadow:none;
	border:1px solid #333;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

a.moreBtn:hover {
	background:url(../images/readmore-ov.jpg) repeat-x top left;}
	
#wrapper #sidebarWrap #events li {
	list-style-type:none;
	padding-top:10px;}
	

/* QUICKLINKS UL */
ul.quicklinks { margin:0 0 0 -23px; padding:0;}
ul.quicklinks li { display: inline; text-indent:-9999px; margin:0; padding:0; }
ul.quicklinks li a { display:block; background:url(../images/quicklinks.png); width:127px; height:112px; float:left; margin-bottom: 20px; margin-left:33px; }

/* QUICKLINKS BUTTONS */
ul.quicklinks li#gpcemail a { background-position: -3px 0; }
ul.quicklinks li#forum a { background-position: -164px 0; }
ul.quicklinks li#suggestion a { background-position: -325px 0;  }
ul.quicklinks li#spi a { background-position: -485px 0; }
ul.quicklinks li#protocols a { background-position: -645px 0; }
ul.quicklinks li#address a { background-position: -805px 0;  }
ul.quicklinks li#toxi a { background-position: -3px -111px; }
ul.quicklinks li#links a { background-position: -164px -111px;  }
ul.quicklinks li#archives a { background-position: -325px -111px; }
ul.quicklinks li#hr a { background-position: -485px -111px; }
ul.quicklinks li#announce a { background-position: -645px -111px;  }
ul.quicklinks li#calllist a { background-position: -805px -111px; }

/* QUICKLINKS OVER STATES */
ul.quicklinks li#gpcemail a:hover { background-position: -3px -230px; }
ul.quicklinks li#forum a:hover { background-position: -164px -230px; }
ul.quicklinks li#suggestion a:hover { background-position: -325px -230px;  }
ul.quicklinks li#spi a:hover { background-position: -485px -230px; }
ul.quicklinks li#protocols a:hover { background-position: -645px -230px; }
ul.quicklinks li#address a:hover { background-position: -805px -230px;  }
ul.quicklinks li#toxi a:hover { background-position: -3px -341px; }
ul.quicklinks li#links a:hover { background-position: -164px -341px;  }
ul.quicklinks li#archives a:hover { background-position: -325px -341px; }
ul.quicklinks li#hr a:hover { background-position: -485px -341px; }
ul.quicklinks li#announce a:hover { background-position: -645px -341px;  }
ul.quicklinks li#calllist a:hover { background-position: -805px -341px; }




#footer p{
	padding:30px 0 0 20px;}

#seoteric-wrap { float:right; margin:10px 20px 0 0 ;}
	
#seoteric {
  	display: block;
	float:right;
	width:95px; 
	height:42px;
	background: url(../images/seoteric-logo.png) no-repeat;
}

#seoteric:hover {
	background-position: bottom left;}

#seoteric span{  display: none;}


/* wordpress image captions */
    .wp-caption{
/*        border: 1px solid #ddd;*/
        text-align: center;
        background-color: #C61218 !important;
        padding: 6px 4px 0 4px;
        margin: 10px !important;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    }

    .wp-caption.alignright, img.alignright {
        float:right;
        margin:0 0 10px 10px !important;
    }

    .wp-caption.alignleft, img.alignleft {
        float:left;
        margin:0 10px 10px 0 !important;
    }

    .wp-caption.aligncenter, img.aligncenter{
        display: block;
        margin:10px auto;
    }

    .wp-caption img {
        margin: 0;
        padding: 0;
        border: 2px solid #000 !important;
    }

    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
        margin: 0;
		color:#FFF;
    }


/*Smooth Slider specific styles*/

.jcarousel-control {
	margin-top:20px;}

.smooth_slider p.more a {
	background:url(../images/readmore-bg.jpg) repeat-x top left;
	padding:2px 10px;
	color:#FFF;
	font-size:10px;
	text-shadow:none;
	border:1px solid #333;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.smooth_slider p.more a:hover {
	background:url(../images/readmore-ov.jpg) repeat-x top left;}

.sldr_title {
	display:none; text-indent:-9999px;}
	
.smooth_slider_thumbnail {
	margin-top:0;
	margin-bottom:10px;}


a.smooth_sliderc_nav {
	padding:0;
	border:none !important;
/*	background-image:url(../images/slide1.png) no-repeat top left !important;
	background:url(../images/slider-nav.jpg) no-repeat left center !important;
	*/}

a.smooth_sliderc_nav:hover {
	border:none !important;
	background-position:-10px 0 !important;
/*		background:url(../images/slider-nav-ov.jpg) no-repeat center center !important;
*/}

.full-container {
	width: 95%;
	margin: 0 auto;
}

#em-wrapper {
	width: 100%;
}

table.fullcalendar {
	width: 100%;
	margin-bottom: 50px;
}
	
	
table.fullcalendar td {
	width: 14.2%;
	height: 100px;
}		

tr.days-names td {
	height: 25px;
}

table.fullcalendar thead td  {
	height: 35px;
}

td.month_name {
	text-align: center !important;
	font-size: 24px;
	
}	

table.fullcalendar thead td a {
	font-size: 24px;
}

a.em-calnav-next {
	float: right;
}		

.em-booking-submit {
	padding: 8px;
}	

/*-----Staff Edits -------------*/

.staff .featured-thumbnail {
    width: 30%;
    height: auto;
}

.staff .featured-thumbnail img {
    width: 100%;
    height: auto;
}