/*html { min-height: 100%;}*/
html, body { margin: 0; padding: 0; min-height: 100%; max-width: 100%; overflow-x: hidden; }
html { overflow-y: scroll; }

body   {
	color: #000;
	font-size: 12pt;     
	font-family: "Trebuchet MS", Arial, sans-serif;
	/*font-family: Futura, "Trebuchet MS", Arial, sans-serif;*/
	background: url("images/bgsociety.jpg");
	background-image: url("images/bgsociety.jpg");    
	position: relative;
	padding: 2em 0;   
	font-style: normal;
}

body * { z-index: 0; }
/* light blue #0071bd*/                  
 /*dark blue #536895*/


#content {
 /* width: 900px ; */
  margin-left: auto ;  
  margin-right: auto ;
}

#resource {
 font-size: 15px;
}


#wrapper   {
	background: url("images/bgsociety.jpg");
	background: no-repeat;
	/*background: #fff;*/

	/*text-align: center;*/
	margin: 0 auto;
	/*border: none;*/
	/*border: solid 1px red;*/
	width: 100%;
	max-width: 1000px;
	padding: 0;
	/*position: relative;*/
}

a, img { outline:none; border:none; }
img { display: block; }

header h1 {
	
	width: 1000px;
	height: 150px;
	float: inherit;
	background: url("images/test4.jpg") ;
	font-size: 0px;
	color: transparent;
} 

	nav ul{

		text-align: center;
		position: relative;
		margin: 0 0 2.5% 0;  
		padding: 0;    
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 14pt;  
		font-weight: normal;
		height: 2em;
		z-index: 1; 
	}

	nav ul li {
		position: relative;
        float: left;
        width: 14.2859%; 
		list-style: none;
	}

	nav ul li:before {
		content:"";
        position:absolute; 
        z-index: -1;
           bottom: .5em;


  /*left: 1%;*/
  		width: 11%;
  		height: 100%; 


            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
            -webkit-transform:rotate(-1deg);    
               -moz-transform:rotate(-1deg);   
                -ms-transform:rotate(-1deg);   
                 -o-transform:rotate(-1deg);
                    transform:rotate(-1deg);
	}

	nav ul li a {
		display: block;
		/*padding-top: .5em;*/
		/*padding-bottom: .5em;*/
		padding-top: .85em;
		padding-bottom: 1em;
		color: #fff;
		text-decoration: none;

		border: solid 1px white;

	}

	nav ul li ul {
		opacity: 0;
		z-index: 1;
		display: block;
		visibility: hidden;
		position:absolute;
		width: 100%;

		margin: 0;
		padding: 0;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		     -o-transition: all .3s ease-in-out;
				transition: all .3s ease-in-out;
				
	}


	nav ul li:hover ul {    
		visibility: visible;
		opacity: 1;
	}

	nav ul li:hover li, nav ul li li{ float: none; width: 150%; }

	nav ul li li a { 
		border-top: 1px solid transparent;
		/*test*/
		padding-top: .5em;
		padding-bottom: .5em;
	 }

	nav ul li:hover li a {
		/*border-top: 1px solid #fff;*/
		border-top: 1px solid rgba(255, 255, 255, 0.6);
		color: #fff;
		padding-top: .5em;
		padding-bottom: .5em;
		width: 100%;
	}  

	/*nav ul li li a:hover { background-color: #fff; }*/

	#nav a { background-color: #003A70; }
	#nav a:hover { background-color: #E09E19; }  


#main_outer {
	max-width: 1000px;
	padding: 0 0 .5em 1em;
	background-color: #fff;

}

#main {
	background: #fff;

	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);
    background:    -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);
    background: 	 -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);
    background:			linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);

	text-align: left;
	border: none;

/*******************************************************************/

	font-size: 16px;

/*******************************************************************/

	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 600px;
}


#h2size{
	font-size: 26px;  
}

#main2 {
	background: #fff;

	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);
    background:    -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);
    background: 	 -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);
    background:			linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);

	text-align: left;
	border: none;

/*******************************************************************/

	font-size: 19px;

/*******************************************************************/

	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 600px;
}


#main3 {
	background: #fff;

	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);
    background:    -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);
    background: 	 -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);
    background:			linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2.5%);

	text-align: left;
	border: none;

/*******************************************************************/

	font-size: 17.5px;

/*******************************************************************/

	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 600px;
}



article { width: 70%; }
article p { line-height: 1.2em; }

aside { 
	float: right;
	width: 27.5%;
	height:100%;
	/*background: #efefef;*/
	padding: .5em;
    border-radius: 1.5em 0 0 1.5em;
	/*margin-right: 1em;*/
}

#sponsorBox{display: block; width: 100%;}
.sponsorBlock{display: inline-block; width: 100%;}
.sponsorBlock img{display: inline-block; float: left; }
.sponsor{width: 48%; margin: 1%; height: auto;}
.sponsorL{width: 98%; margin: 1%; height: auto;}

/*First Word Styles*/
.fw {
	color: #328dca;
	font-size: 14pt;
}

.newsImg {
	margin-left: auto;
	margin-right: auto;
}

/*-------------------------------------------------
FOOTER STYLES
-------------------------------------------------*/
/*

footer {
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size: 10pt;
	text-align: center;
	padding: 0;
	margin: 0;
	position: relative;

	padding: 0 1em 0;
}

footer a, footer a:link, footer a:visited {
	text-decoration: none;
	padding: 0;
	color: #ffffff;
}
footer a:hover { text-decoration: underline; }  

*/

#toTop {
	float: left;
	text-align: left;
	width: 33%;
}

	#toTop a, #toTop a:link, #toTop a:visited {
		text-decoration: none;
		padding: 0;
		color: #ffffff;
	}
	#toTop a:hover { text-decoration: underline; }




#footer {
	/*background:#295892;*/
	background: #003A70;
	/*width:100%;
	height:100px;*/
	width: 1000px;
	height: 125px;
	color: white; 
	font-size: 14px;
	position:inherit;
	bottom:0;
	left:0;
}





#footerInfo {
	float: center;
	width: 33%;
	margin-left: auto;
	margin-right: auto;
}

#footerInfo p { margin-bottom: .25em; line-height: 1.05em; }

#fbButton {
	float: right;
	text-align: right;  
	width: 33%;
}
	#fbButton a img {
		float: right;
		left: 67%;
	}

.fineprint { font-size: 8pt; line-height: 1.05em; }

/*-------------------------------------------------
GENERIC LINK STYLES
-------------------------------------------------*/

a { text-decoration: underline; padding: 0px; }
a:link   { }
a:visited   { }
a:hover    { text-decoration: none }
a:active { }
	
/*-------------------------------------------------
HEADER STYLES
-------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { 
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #E09E19;
	line-height: 1.15em;
}

h1 {
	font-size: 26pt;
	font-weight: normal;
}

article h1, article h2, article h3, article h4, article h5, article h6 { color: #E09E19; }

.event {
	list-style: none;
	padding-left: 0;
	margin-bottom: 1em;
}
.event .event {
	margin-left: 3em;
	margin-bottom: .5em;
}
.event .e_name {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}


/*-------------------------------------------------
MEDIA QUERIES
-------------------------------------------------*/

@media screen and (max-width: 800px) {
	#skipTo{ display: block; }

	header h1 {
		height: 150px;
		width: 100%;
		float: none;
		background: url("images/test4.jpg") no-repeat; 
		background-position: center;   
	}

	header nav, #wrapper, aside {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#main_outer {
		padding: 1em 0.5em 0 0.5em;
	}

	article { width: 100%; }
}