/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);*/
@import url(font-awesome.min.css);

/*----------------------------------
	RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
----------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { margin: 0 auto; padding: 0; text-align: center; }

/*----------------------------------
	STANDARD CLASSES
----------------------------------*/
body { background: #fff; /*font: normal 13px/18px "Droid Sans",arial, verdana, sans-serif;*/ font:13px/24px 'Bitter', serif; color: #606060; }
h1, h2 { font-weight: 400; background:url(../images/new/title-bg.png) no-repeat left bottom; padding-bottom:10px; color: #444444 !important;}
h1.plain, h2.plain { background: none;padding-bottom: 0; color: #606060; }
h1 { font-size: 18px; line-height: 25px; }
h2 { font-size: 16px; line-height: 25px; margin-bottom: 20px;}
h3 { font-size: 14px; line-height: 21px; margin-bottom: 8px; font-family: 'Droid Sans', sans-serif; font-weight:700; }
h4 { font-size: 12px; line-height: 19px; }
p { margin-bottom: 25px; text-align: justify; /*color: #666 !important;*/ }

/*----------------------------------
	GENERAL LAYOUT
----------------------------------*/
/***PAGE WIDTH: use to adjust page width (responsive?) ****/
#buttons, .slider-caption, .holder {width: 997px;}
#nav-container, #header-container  { width:100%;}
.slider-caption, .holder{margin: 0 auto;}

/*** Lists ****/
#top-right .navigation li, #footer-wrapper .navigation li, #breadcrumbs li, .socials li  {float: left; display: inline-block; margin: 0; }

/*** Logo ***/
#logo { background: #fff;  height:133px;}
#logo img {margin-top:40px;}
#logo a { padding-right: 35px; }

/*** MEMBERS LINKS ***/
#members-links { background: url(../images/new/members-links.png) no-repeat top right; width:325px; height:50px; font-family: 'Open Sans', sans-serif;  color:#999; font-size:11px;}
#members-links p { margin-top: 0px; font-size:11px; text-align:right;}

/*expandable Sign In form*/
#form-signin-2 { margin: 2px 0 1px 0; }
#form-signin-2 input[type="text"],
#form-signin-2 input[type="password"] { background: url(../images/tile-input.gif) 0 0 repeat-x; padding: 2px 9px; color: #878787; font-size: 11px; border: 0; height: 18px; line-height: 18px; width: 100px; font-weight: bold; margin-left: 5px; border: solid 1px #A5A5A5; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }
#form-signin-2 input[type="submit"] { background: url(../images/new/sign-in-button.png) 0 0 no-repeat; font-size: 9px; color: #fff; border: 1px solid transparent; font-weight: bold; cursor: pointer; padding: 0 6px; line-height: 25px; height: 25px; width:61px; float: right; margin: 0; text-transform:uppercase; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; }
.expander { 
    display : block;
    vertical-align: top; 
    height:auto !important; 
}
.list {
    display:none; 
    height:auto;
    margin:0;
    float: left;
	width:325px;
}
.show {display: none;}
.hide:target + .show {display: inline;}
.hide:target {display: none;}
.hide:target ~ .list {display:inline;}

/*style the (+) and (-) */
.hide, .show {	
	padding:0px 25px;
	font-size: 20px;
	font-weight:bold;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	opacity: .95;
	margin-right: 0;
	margin-bottom: 10px;
	float:right;
	clear:both;	
}
.hide:hover, .show:hover {
	color: #666;
	text-decoration: none;
	opacity: 1;
	margin-bottom: 10px;
}
.list p{
    height:auto;
    margin:0;	
}
.expander-content {
	float: right;	
	height: auto;
	line-height: 20px;
	padding-right: 5px;
	margin-bottom: 0px;	
}

/** Member authenticated  message **/
.member-authenticated{ color:#999; float:right; width:500px; font-family: 'Open Sans', sans-serif; font-size:11px; background:#fff; text-align:right; height:75px; padding-top:5px; }
.member-authenticated span {background:url(../images/new/member-authenticated-bg.png) no-repeat left center; width:232px; height:24px; display:inline-block; text-align:center; margin-right: 5px;}

/**** NEW: NAV *****/
#nav-container { background: #b3c722 url(../images/new/new-top-bg.jpg) repeat-x top; }
.nav {text-align: center; float:left; font-family: 'Open Sans', sans-serif;}
.nav ul ul {display: none;}
	.nav ul li:hover > ul {display: block;}
.nav ul {
	padding: 0;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	font-size:16px;
	z-index: 1000;
}
	.nav ul:after {content: ""; clear: both; display: block;}
	.nav ul li {float: left;}
		.nav ul li:hover {background:#cad92e; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;}
			.nav ul li:hover a { }		
		.nav ul li a {
			display: block; padding: 42px 25px 40px;
			 text-decoration: none;
			 color:#fff;
			 background:url(../images/new/nav-item-divider.gif) no-repeat center right;			
		}
		.nav ul li a.last { background-image:none;}		
	.nav ul ul {
		/*background: #5f6975;*/ border-radius: 0px; padding: 15px 0; 
		position: absolute; top: 100%; margin-top:-10px;
		background:#fff url(../images/new/nav-current-bg.gif) no-repeat 0 0;
		color: #000;
		font-size:12px;
		text-transform:uppercase;
		z-index:1000;
		
	}
		.nav ul ul li {
			float: none; 
			position: relative;
			color: #000;
			text-align:left;
			
			background: #fff;			
		}
			.nav ul ul li a {
				padding: 7px 30px;
				color: #646464 !important;
				background-image:none;				
			}	
				.nav ul ul li a:hover {background: #fff; color: #000 !important;}		
	.nav ul ul ul {position: absolute; left: 100%; top:0;}
.nav-shadow { 
	background:url(../images/new/nav-shadow.png) no-repeat top center; 
	position:absolute;  
	z-index:900; 
	width:100%; 
	height:77px;}
		
/**** Navigation: Social Media ****/
#nav-container .socials {width:100px; float: right; display: inline-block; margin-top:38px;}
#nav-container .socials  li a { height:28px; width:28px; text-indent:-9999px;  transition: opacity 300ms ease-out 0s; display:inline-block; margin-left:5px;}
#nav-container .facebook { background:url(../images/new/facebook.png) no-repeat center;}
#nav-container .linked-in { background:url(../images/new/linked-in.png) no-repeat center;}
#nav-container .twitter { background:url(../images/new/twitter.png) no-repeat center;}

/*** BreadCrumbs ***/
#breadcrumbs { text-align:right; display:block; }
#breadcrumbs li { font-family: 'Open Sans', sans-serif; font-size:11px; /*font: 12px "trebuchet ms", verdana, sans-serif; color: #fff; margin-right: 3px; height: 38px; line-height: 38px;*/ float:right;} 
#breadcrumbs li a { /*color: #897d57;*/ padding:0 5px;}

/**** Tabs ****/
#buttons {  position:absolute; top:105px; }
#buttons li { background-image: url(../images/btn-asga.png); width: 148px; height: 34px; text-indent: -9999px; margin: 0; float: right; display: inline-block; }

/**** Content ***/
#content-wrapper { background: url(../images/new/content-wrapper-bg.jpg) repeat-x top;}
#content-wrapper .holder  {text-align: left; padding-top:30px; background:url(../images/new/nav-shadow.png) no-repeat top center; }
#home #content-wrapper .holder { background:none;}
#content { /*width: 430px; padding: 0 0 0 40px; */margin-bottom: 90px; text-align: justify; }

/*** Columns ****/
.row {width:auto;margin:0 -10px; clear: both; }
.c1{width:8.33%;}
.c2{width:16.66%}
.c3{width:25%;}
.c4{width:30.3%;/*width:33.33%;*/}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
/* push columns */
.p1 {margin-left:8.33%;}
.p2 {margin-left:16.66%}
.p3 {margin-left:25%;}
.p4 {margin-left:30.3%;/*width:33.33%;*/}
.p5 {margin-left:41.66%}
.p6 {margin-left:50%}
.p7 {margin-left:58.33%}
.p8 {margin-left:66.66%}
.p9 {margin-left:75%}
.p10{margin-left:83.33%}
.p11{margin-left:91.66%}
.p12{margin-left:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:10px;padding-right:10px;position:relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.c4 img { margin-bottom:20px;}

/*** Lists ***/
.list-style1, .list-style2 {margin:20px 0;}
ul.list-style1 li { background:url(../images/new/list-style1.png) no-repeat left 7px; padding: 0 0 0 20px;}
ul.list-style2 li { background:url(../images/new/list-style2.png) no-repeat left 7px; padding: 0 0 0 20px;}

#links { width: 213px; margin: 50px 0 30px 0; display: none; }

/*** left column (menu) ***/
.leftcol #links  { margin-top:0;}

/*** FOOTER ***/
#footer-wrapper { background: #3b3b3b; color: #fff !important;   height: 225px; text-align:left; padding-top:35px; }
#footer-wrapper p {	color: #919090 !important;  }
#footer-wrapper  h3, #footer-wrapper  p, #footer-wrapper-2  h3, #footer-wrapper-2  p { padding:0; margin:0;}
#footer-wrapper  h3, #footer-wrapper  p {font-family: 'Bitter', serif; margin-bottom:15px;}
#footer-wrapper .navigation li { margin: 0 5px; }
#footer-wrapper .leftcol p { margin: 0 50px 0 0; float: left; }
#footer-wrapper a { color: #fff; }

#footer-wrapper .socials  li a { height:28px; width:28px; text-indent:-9999px;  transition: opacity 300ms ease-out 0s; display:inline-block; margin-right:10px;}
#footer-wrapper .facebook { background:url(../images/new/facebook-2.png) no-repeat center;}
#footer-wrapper .linked-in { background:url(../images/new/linked-in-2.png) no-repeat center;}
#footer-wrapper .twitter { background:url(../images/new/twitter-2.png) no-repeat center;}
#footer-wrapper .dribbble { background:url(../images/new/dribbble-2.png) no-repeat center;}
#footer-wrapper .forrst { background:url(../images/new/forrst-2.png) no-repeat center;}
#footer-wrapper .lastfm { background:url(../images/new/last-fm-2.png) no-repeat center;}
#footer-wrapper-2 { background:#2e2e2e; height:60px; color:#9e9d9d;}
#footer-wrapper-2 p { margin-top:20px; line-height:20px;}

/*** SLIDER LAYERS ***/

/*** Home Slider ***/
.slider img { width:100%; height:100%;}
.slider-caption-container{  position:absolute; width:100%; }
.slider-caption { background: url(../images/slider-caption-bg.png) no-repeat top left;  min-height:240px; margin-top:85px;  text-align: left; padding-left:95px; }
.caption1 { font-size:16px; color:#2f2f2f; margin-top:90px; line-height: 18px; font-family: 'Open Sans', sans-serif;}
.caption2 { font-size:50px; color:#333333; line-height: 55px;  }
.caption3 { font-size:34px; color:#58585a; line-height: 39px; }

/*Slide 1*/
.l1-s2, .l2-s2 {
	color: #2f2f2f;			
	font-size:16px;		
	font-family: 'Open Sans', sans-serif;	
}
.l1-s3, .l2-s3 {
	color: #333333;			
	font-size:50px;		
}	
.l1-s4, .l2-s4 {
	font-size:34px; color:#58585a; line-height: 39px;		
}
/*slide 2*/
.l2-s2, .l2-s3, .l2-s4 {
	color: #fff;			
	text-shadow: 0px 0px 3px #403f40;
	filter: dropshadow(color=#403f40, offx=0, offy=0);
}
#buttons-members { background:  url(../images/new/buttons-members-bg.png) no-repeat bottom left; margin-top:10px; height: 34px; padding-bottom:5px;}	
#buttons-members li { font-size: 14px;  border-left: solid 1px #ffffff; border-top: solid 1px #ffffff; border-right: solid 1px #ffffff; width: 990px;  margin: 0; font-family: 'Open Sans', sans-serif; }
#btn-members a {padding: 0 0 0 4px; }


#btn-join { background-position: 0 0; margin-right: 2px; }
#btn-signin { background-position: 0 34px; }
#btn-join a, #btn-signin a { display: block; width: 148px; height: 34px; }

#links li { margin-bottom: 5px; }
#links li a { text-transform: uppercase; font: 12px "trebuchet ms", verdana, sans-serif; color: #abbe26; }
#links li a:hover { color: #897d57; text-decoration: none; }

/*
#form-signin-2 input[type="text"],
#form-signin-2 input[type="password"] { background: url(../images/tile-input.gif) 0 0 repeat-x; padding: 2px 9px; color: #878787; font-size: 11px; border: 0; height: 18px; line-height: 18px; width: 100px; font-weight: bold; margin-left: 5px; border: solid 1px #A5A5A5; }
#form-signin-2 input[type="submit"] { background: url(../images/new/sign-in-button.png) 0 0 no-repeat; font-size: 9px; color: #fff; border: 1px solid transparent; font-weight: bold; cursor: pointer; padding: 0 6px; line-height: 25px; height: 25px; width:61px; float: right; margin: 0; text-transform:uppercase;  }

*/

#form-search { margin: 0 0 70px 0; }
#form-search .input-text { color: #b1b9a2; background: #736e5b; border: 1px solid #989898; padding: 3px; margin: 0; float: left; width: 155px; }
#form-search .input-submit { background: #626262; border-top: 1px solid #989898; border-right: 1px solid #989898; border-bottom: 1px solid #989898; border-left: none; margin: 0; padding: 2px 3px 4px 3px; font-size: 11px; color: #b3b3b3; cursor: pointer; float: left; width: 23px; height: 24px; }

#form-signin { margin: 5px 0 5px 0; }
#form-signin input[type="text"],
#form-signin input[type="password"] { background:#fff; padding: 2px 9px; color: #878787; font-size: 12px; border: 0; height: 30px; line-height: 30px; width: 200px; font-weight: bold; margin-bottom: 10px; border: solid 1px #A5A5A5; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; }
#form-signin input[type="submit"] { background: url(../images/new/sign-in-button.png) 0 0 no-repeat; font-size: 9px; color: #fff; border: 1px solid transparent; font-weight: bold; cursor: pointer; padding: 0 6px; line-height: 25px; height: 25px; width:61px; float: right; margin: 0; text-transform:uppercase;  }

/*** Page Feature ***/

#box-left{  position: relative; margin: 20px 5px 50px 0; width: 688px; background: #F0EFEF;
border: solid 1px #E1E1E1; }
#box-right { position: relative; margin: 20px 0 50px 0;	width: 280px; border:1px solid #E1E1E1;	height:262px;}
#box-left h1 { background: url(../images/icon-asga.png) 0 0 no-repeat; padding-left: 42px; margin: 40px 0 0 248px; position: absolute; }
#box-left h1 small { font-size: 70%; }
#box-left h3 { font-weight:normal;  }
#box-left p { margin-bottom: 0; font-size: 12px; }
#box-left-content { /*background: url(../images/tile-white.png);*/ position: absolute; margin: 85px 15px 0 20px; padding: 20px 40px 20px 228px; }

#box-right-content { margin: 45px 30px 0 30px; font-family: 'Open Sans', sans-serif; }
#box-right-content p { margin: 0 0 15px 0; font-size:11px; }
#box-right h3 { font-weight:normal; }
.read-more { text-transform: uppercase; font: 10px arial, verdana, sans-serif; }
.read-more:hover { text-decoration: none; color: #abbe26; }

/**** Navigation: OLD ****/
/*#top-right .navigation { margin-left: 1px; width: 80%; c}
#top-right .navigation li { text-transform: uppercase; font-size: 11px; position: relative;  margin:0;  }
#top-right .navigation li a { color: #fff; display: block; padding: 42px 13px 40px; } 
#top-right .navigation > li > a { color: #fff;  }
#top-right .navigation > li ~ li > a { }
#top-right .navigation > li:hover > a { background: #c3d42c; color: #fff !important; }
#top-right .navigation li a:hover { color: #abbe26; text-decoration: none; }

#top-right .navigation li ul { display: none;  width: 210px; z-index: 30; position: relative; text-align: left; }
#top-right .navigation li:hover ul { display: block; margin: 0; padding: 0; position: relative; top: 48px; left: 1px; border-top: 2px solid #9dac33; border-bottom: 3px solid #8c9d1b; background: #fff;  padding: 15px 0 5px 0; }
#top-right .navigation li:hover li { margin: 0 0 10px 20px; display: block; clear: both; }
#top-right .navigation li:hover li a { color: #897d57; /font-size:11px; line-height: 1; text-transform: uppercase; padding: 0; }
#top-right .navigation li li a:hover { color: #abbe26; }

#top-right .navigation a.current, #top-right .navigation li a:hover { background:#cad92e url(../images/nav-current-bg.gif) no-repeat bottom center; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; }
#breadcrumbs li { font: 12px "trebuchet ms", verdana, sans-serif; color: #fff; margin-right: 3px; height: 38px; line-height: 38px; } 
#breadcrumbs li a { color: #897d57; }


*/

/*** Event Details ***/
.event-title {
	font-size: 1.5em;
}


/*----------------------------------
	GLOBAL CLASSES
----------------------------------*/
.fancybox-inner .hide-fancybox { display: none !important; }
.show-fancybox { display: none !important; }
.fancybox-inner .show-fancybox { display: inline-block !important; }

.smallText{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #999;
}

a { text-decoration: none; cursor: pointer; color:#abbe26; /*#897d57; */ }
a:hover { text-decoration: underline; }
a:active { text-decoration: #333; }


.leftcol { width: 688px; }
.rightcol { width: 260px; padding: 0 20px; }

.clearboth { clear: both }
.floatleft { float: left; }
.floatright { float: right; }
.no_display { display: none; }
.expand { overflow: hidden; }

.alignleft { float: left; margin: 0px 20px 0 0px; }
.alignright { float: right; margin: 0px 0px 10px 20px; }
.aligncenter { text-align: center; }

.well {
	margin: 1em 0;
	padding: 1em;
	background: #f3f3f3;
	border: 1px solid #eee;
}

.padding { padding: 15px 0; }

u { text-decoration: underline; }
strong { font-weight: bold; }
em { font-style: italic; }
hr {
    border: 0;
    height: 1px;
    background: #ddd;
    margin-bottom: 25px;
/*
    background-image: -webkit-linear-gradient(left, #ddd, #666, #ddd); 
    background-image:    -moz-linear-gradient(left, #ddd, #666, #ddd); 
    background-image:     -ms-linear-gradient(left, #ddd, #666, #ddd); 
    background-image:      -o-linear-gradient(left, #ddd, #666, #ddd); 
*/
}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{ background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after,
.row:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; clear: both; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.decalDiv{float:left;width:85px;}