/*
	styles.css
	Initial code generated by thesitewizard.com's Layout Wizard 1.1.1
*/

body {
	font-family: Arial, Helvetica, sans-serif ;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    background-image: url("swirl.png");
}

body {
	font-family: 'Muli', sans-serif;
	font-family: 'Barlow Condensed', sans-serif;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
    /*font-family: 'Nunito', sans-serif;
    font-family: 'Raleway', sans-serif;*/
}


img {
	max-width: 100% ;
	/*border: 1px solid #000;
	/*width: auto ;*/
	/*height: auto ;*/
} 

div#tswsidecol {
	float: left ;
	width: 30% ;
	color: #000 ;
	background-color: #fff ; /*white was #fff*/
	/* border-left: thin solid;
	border-color: #aaa;  for bordder reduce width to 29%*/
}
div#tswcontent {
	float: left ;
	width: 70% ;
	color: #000 ;
	font-family: 'Quicksand';
	font-weight: 300;
	background-color: #fff ;
}

h3{
	font-family: 'Muli';
} 

a, a:link, a:visited { 
	color: #000; 
	text-decoration: underline;
}

a.main, a.main:link, a.main:visited { 
	color: #000; 
	text-decoration: underline;
}

a.header, a.header:link, a.header:visited{
	color: #000; 
	text-decoration: none;
	/*font-family: 'Muli';*/
}

a.menu, a.menu:link, a.menu:visited { 
	color: #000; 
	text-decoration: underline;
	font-family: 'Barlow Condensed';
	font-weight: 300;
	font-size: large;
}

/* Gallery for group members*/
div.gallery {
    margin: 4px;
    border: 1px solid #fff;
    float: left;
    width: 135px;
    height: 210px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 1px;
    text-align: center;
    font-family: 'Barlow Condensed';
 	font-weight: 400;
}

div.descnews {
    padding: 1px;
    text-align: left;
    font-family: 'Barlow Condensed';
 	font-weight: 400;
}

div.descheader {
    padding: 1px;
    text-align: left;
    font-family: 'Raleway';
 	font-weight: 400;
 	font-size: 12px;
}

/* Gallery for Blog*/
div.agallery {
    margin: 1px;
    border: 1px solid #fff;
    float: left;
    width: auto;
    height: 170px;
}

div.agallery:hover {
    border: 1px solid #fff;
}

div.agallery img {
    width: auto;
    height: 170px;
}

div.ngallery img {
	border: 3px solid #fff;
    width: 110px;
    height: auto;
    float: left;
}

/* Gallery for group right side column*/
div.bgallery {
    margin: 1px;
    border: 1px solid #fff;
    float: left;
    width: 100%;
    height: auto;
}

div.bgallery:hover {
    border: 1px solid #fff;
}

div.bgallery img {
    width: 100%;
    /* height: auto; */
}

/* Gallery for group header*/
div.sgallery {
    margin: 0px;
    border: 1px solid #000;
    float: left;
 	/*width: auto;*/
}

div.sgallery:hover {
    border: 1px solid #000;
}

div.sgallery img {
    width: 100%;
    height: auto;
}

div#tswcontproper{ 
	padding-left: 0px ;
	padding-right: 20px ;
}

div#tswsideproper {
    padding-left: 5px ;
	padding-right: 5px ;
	background-color: #f4fafc ;
}

div#tswcontainer {
	color: inherit ;
	background-color: #fff ;
    max-width: 900px;
    margin: auto;
}

div#tswheader {
    padding-left: 10px ;
	padding-right: 10px ;
	color: #fff ;
	font-weight: 700;
	background-color: #f7f7f7 ;
	/*background-image: url("header_background.png");*/
}

/* Clear for div*/
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}



/* Top Menu*/
div#menu {
	text-align: right;
}

div#tswfooter {
    padding-left: 10px ;
	padding-right: 10px ;
	clear: both ;
	color: #000 ;
	background-color: #fff ;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 33%;
}

@media only screen and (max-width: 629px) {
	/* Move side column to bottom of page*/
    div#tswsidecol {
		/* float: center ;*/ 
		width: 100%;
		/*height: 150px ;*/
	}
    /* Adjust width of content */
		div#tswcontent {
		/*float: none ;*/
		width: 100% ;
	}
    /* Set minium width for small screen*/
    div#tswcontainer {
	color: inherit ;
	background-color: #fff ;
    min-width: 310px;
    }
    /*Adjust margins for small screens*/
    div#tswcontainer {
	color: inherit ;
	background-color: #fff ;
    max-width: 1248px;
    padding-right: 0px;
    }
    div#tswcontproper, div#tswsideproper {
	padding-left: 5px ;
	padding-right: 5px ;
    }
    div#tswfooter {
    padding-left: 5px ;
	padding-right: 5px ;
	clear: both ;
	color: #000 ;
	background-color: #fff ;
    }
    div#tswheader {
    padding-left: 5px ;
	padding-right: 5px ;
	color: #000 ;
	font-weight: 700;
	background-color: #f7f7f7 ;
    }
    /* Adjust Menu for small screen */
    a.menu, a.menu:link, a.menu:visited { 
	color: #000; 
	text-decoration: underline;
	font-family: 'Barlow Condensed';
	font-weight: 400;
	font-size: medium;
	}
	div.bgallery {
    margin: 1px;
    border: 1px solid #fff;
    float: left;
    width: auto;
    height: 80px;
	}
	div.bgallery img {
    width: auto;
    height: 100%;
	}
    img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
	
}