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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.2;
font-family: 'Open Sans', sans-serif;
font-size:18px;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear{
clear:both;
}
b{
font-weight:bold;
}
i{
font-style:italic;
}


.navigationWrapper{
position:fixed;
top:0px;
left:0px;
height:60px;
width:100%;
color:rgba(255,255,255,0.8);
line-height:60px;
transition:all 1s;
z-index:200;
}
.navigationContainer{
width:100%;
background-color:rgba(255,255,255,0.3);
height:100%;
transition:all 1s;
}

.navigationLogo{
float:left;
margin:5px 0px 0px 10px;
width:50px;
height:50px;
background-image: url("../images/compressedLogo.png");
background-repeat:no-repeat;
background-size: 50px 50px;
}

#menuBtn{
display:none;
}

.navMenu{
float:right;
height:100%;
font-size:20px;
}
.navMenu > li{
display: inline;
height:100%;
margin-right:30px;
}

/* unvisited link */
.navMenu > li a:link {
color:rgba(255,255,255,0.8);
text-decoration:none;
}

/* visited link */
.navMenu > li a:visited {
color:rgba(255,255,255,0.8);
text-decoration:none;
}

/* mouse over link */
.navMenu > li a:hover {
color:rgba(255,255,255,0.9);
text-decoration:underline;
}

/* selected link */
.navMenu > li a:active {
color:rgba(255,255,255,0.8);
text-decoration:none;
}

.navMenuSelected{
text-decoration:underline !important;
}



.navFixed{
top:0px;
}
.navFixed .navigationContainer {
width:100%;
background-color:rgba(0,0,0,0.8);
height:100%;
}










.header{
background-color:black;
width:100%;
height:100%;
background-image: url("../images/Banner.jpg");
background-repeat:no-repeat;
background-position: center;
background-size:cover;
}
#headerAnimation{
width:100%;
height:100%;
}


.headerContentWrapper{
position:relative;
bottom:60%;
left:0px;
color:white;
}

.headerTitle{
font-size:50px;
font-weight:bold;
width:90%;
margin:auto;
text-align:center;
}
.headerSubtitle{
font-size:35px;
width:90%;
margin:auto;
margin-top:10px;
text-align:center;
}
.btnWrapper{
width:90%;
margin:auto;
margin-top:30px;
text-align:center;
line-height:3;
}

.btn {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #ffffff 2px;
  text-decoration: none;
  margin-right:20px;
  transition: background 1s, color 1s;
}

.btn:hover {
  background: #ffffff;
  color: #000000;
  text-decoration: none;
  cursor:pointer;
}








/* ##################### Welcome Page ################### */
#welcome{
background-color:rgba(0,0,0,0.1);
padding-top:30px;
padding-bottom:60px;
}
.welcomeContent{
visibility:hidden;
padding: 80px 0px;
}

.contentTitle{
color:rgba(0,0,0,0.8);
font-size:40px;
text-align:center;
text-transform:uppercase;
}

.contentText{
text-align:center;
width:75%;
margin:auto;
margin-top:10px;
}

.contentText ul li{
text-align:left;
list-style-type: disc;
margin-left: 30px;
}
.contentText ol li{
text-align:left;
list-style-type: decimal;
margin-left: 30px;
}

.subtitle{
text-align:center;
font-weight:bold;
width:75%;
margin:auto;
margin-top:10px;
}


.imageFullscreen{
width:100%;
height:40%;
background-image: url("../images/AINflag.jpg");
background-repeat:no-repeat;
background-position: center;
background-size:contain;
}









/* ##################### About Page ################### */
#about{
padding-top:30px;
padding-bottom:20px;
}

.aboutContent{
visibility:hidden;
padding: 80px 0px;
}


.aboutObjectives{
padding-bottom:20px;
}

.halfWrapper{
float:left;
width:50%;
}

.aboutImage{
width:100%;

}

.aboutOverviewList{
padding-left:10px;
}
.pointTitle{
font-weight:bold;
font-size:20px;
}
.pointDesc{
margin-bottom:10px;
padding-left:10px;
}




/* ##################### Objectives Page ################### */
#objectives{
background-color:rgba(0,0,0,0.1);
padding-top:30px;
padding-bottom:60px;
}
.objectivesContent{
visibility:hidden;
padding: 80px 0px;
}


#objectivesList{
width:75%;
margin:auto;
margin-top:20px;
}

#objectivesList li {
list-style: decimal;
margin-left: 30px;
}

#objectivesSublist li{
list-style: lower-alpha;
margin-left: 30px;
}




/* ##################### Office Bearers Page ################### */
#bearers{
padding-top:30px;
padding-bottom:60px;
}

.bearersContent{
visibility:hidden;
padding: 80px 0px;
}

#bearersList{
width:75%;
margin:auto;
line-height:50px;
text-align:center;
margin-top:20px;
}
.bearersHeading{
background-color:rgba(0,0,0,0.5);
float:left;
width:100%;

}
.bearersHeading div{
float:left;
width:50%;
font-weight:bold;
text-decoration:underline;
}
#bearersList > li{
float:left;
width:100%;
background-color:rgba(0,0,0,0.2);
}
#bearersList > li:nth-child(odd){
background-color:rgba(0,0,0,0.3);
}

#bearersList > li:hover{
background-color:rgba(0,0,0,0.4);
cursor:pointer;
}

#bearersList > li div{
float:left;
width:50%;
}

.bioWrapper{
width:100% !important;
line-height:1;
border-top:1px solid rgba(0,0,0,0.2);
display:none;
}
.bioTitle{
float:none !important;
margin:auto;
font-weight:bold;
margin-top:10px;
}
.bioContent{
width:initial !important;
padding:10px;
text-align:left;
}
.bioImage{
float:left;
margin-right:10px;
}
.bioContent > ul{
float:left;
}
.bioContent > ul  li{
list-style-type: disc;
margin-left: 30px;
}



/* ##################### Diary ################### */

#diary{
padding-top:30px;
padding-bottom:60px;
}
.diaryContent{
visibility:hidden;
padding: 80px 0px;
}



/* ##################### Events ################### */

#events{
background-color:rgba(0,0,0,0.1);
padding-top:30px;
padding-bottom:60px;
}
.eventsContent{
visibility:visible;
padding: 80px 0px;
}



/* ##################### newsletters ################### */

#newsletters{

padding-top:30px;
padding-bottom:60px;
}
.newslettersContent{
visibility:hidden;
padding: 80px 0px;
}

.newsletterSubtitle{
text-align:center;
font-weight:bold;
width:75%;
margin:auto;
margin-top:30px;
}

.downloadWrapper{
text-align:center;
padding: 10px 0px;
}


.downloadBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #5e9ab8;
	-webkit-box-shadow:inset 0px 1px 0px 0px #5e9ab8;
	box-shadow:inset 0px 1px 0px 0px #5e9ab8;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6890a4), color-stop(1, #5d8091));
	background:-moz-linear-gradient(top, #6890a4 5%, #5d8091 100%);
	background:-webkit-linear-gradient(top, #6890a4 5%, #5d8091 100%);
	background:-o-linear-gradient(top, #6890a4 5%, #5d8091 100%);
	background:-ms-linear-gradient(top, #6890a4 5%, #5d8091 100%);
	background:linear-gradient(to bottom, #6890a4 5%, #5d8091 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6890a4', endColorstr='#5d8091',GradientType=0);
	background-color:#6890a4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #335261;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:10px 50px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b7e8f;
}
.downloadBtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5d8091), color-stop(1, #6890a4));
	background:-moz-linear-gradient(top, #5d8091 5%, #6890a4 100%);
	background:-webkit-linear-gradient(top, #5d8091 5%, #6890a4 100%);
	background:-o-linear-gradient(top, #5d8091 5%, #6890a4 100%);
	background:-ms-linear-gradient(top, #5d8091 5%, #6890a4 100%);
	background:linear-gradient(to bottom, #5d8091 5%, #6890a4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d8091', endColorstr='#6890a4',GradientType=0);
	background-color:#5d8091;
}
.downloadBtn:active {
	position:relative;
	top:1px;
}




/* ##################### Memberships ################### */

#memberships{
background-color:rgba(0,0,0,0.1);
padding-top:30px;
padding-bottom:60px;
}
.membershipsContent{
visibility:visible;
padding: 80px 0px;
}



#membershipApp{
padding-top:30px;
padding-bottom:60px;
}







/* ##################### News ################### */

#news{
padding-top:30px;
padding-bottom:60px;
}
.newsContent{
visibility:hidden;
padding: 80px 0px;
}








/* ##################### Seminars ################### */

#seminars{
background-color:rgba(0,0,0,0.1);
padding-top:30px;
padding-bottom:60px;
}
.seminarsContent{
visibility:hidden;
padding: 80px 0px;
}















/* ##################### Facebook Section ################### */


#facebook{
background-color:rgba(0,0,0,0.1);
padding-top:30px;
}

.facebookContent{
visibility:visible;
padding: 80px 0px;
}

.facebookContent iframe{
display:block;
margin:auto;
}














/* ##################### Footer Section ################### */


#footer{
padding-top:30px;
}

.footerContent{
visibility:visible;
padding: 20px 0px;
}

.footerWrapper{
width:75%;
margin:auto;
}

.footerLeft{
float:left;
width:50%;
}

.footerTitle{
color:rgba(0,0,0,0.8);
font-size:30px;
text-align:left;
text-transform:uppercase;
}

.footercontentText{
margin-top:20px;
line-height:1.5;
}

.footerABN{
margin-top:60px;
font-size:16px;
text-align:center;
}

.footerDeveloper{
margin-top:40px;
text-align:center;
font-size:12px;
}










/*###################### media query for mobile ########################### */

@media screen and (max-device-width: 700px), screen and (max-width: 700px){

.navigationWrapper{
height:40px;
line-height:40px;
}

.navigationLogo{
width:30px;
height:30px;
background-size:30px 30px;
}


#menuBtn{
float:right;
font-size:40px;
line-height:40px;
margin:0px 20px;
display:inline;
}

.navMenu{
height:100%;
width:100%;
font-size:20px;

}
.navMenu > li{
display:inherit;
height:100%;
margin-right:0px;
text-align:center;
margin-bottom:2px;
background-color:rgba(10, 46, 48, 0.9);
display:none;
}

.headerContentWrapper{
bottom:70%;
}
.headerTitle{
width:100%;
}

.btnWrapper{
width:100%;
}

.contentText{
width:100%;
}

.subtitle{
width:100%;
}

.halfWrapper{
width:100%;
margin-top:20px;
}

#objectivesList{
width:100%;
}

#bearersList{
width:100%;
}

.bioTitle{
width:100% !important;
}
.bioImage{
float:none;
display:block;
margin:auto;
width:80%;
}




.footerWrapper{
width:100%;
}

.footerLeft{
width:100%;
}

.footerTitle{
margin-top:20px;
}














}