/*Garder2016*/

/*body formatting*/

body {
	 background-color: #E5E4E2;
	}

#container
{
max-width: 900px;
margin: 10px auto;
background-color: #FEFEFE; /*FFFAF0*/
font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; color: #333333; font-style: normal; font-size: 1em;
border: 1px solid #CCCCCC;
line-height: 120%;
}

/*body formatting end*/


/*image formatting*/

img {
	max-width: 100%;
	height: auto;
}

.picleft {
float: left;  margin-left: 4em; background-color: #FFFFFF; width:40%;
/*border: 1px solid #0000FF;*/
}

.picright {
float: right; margin-right: 4em; background-color: #FFFFFF; width:40%;
/*border: 1px solid #FF0000;*/
}

/*image formatting end*/


/*text formatting*/

h1 {
	color: #CC6666;
	text-align:
	center; 
	font-size: 1.5em;
	}

.paras {
	margin-left: 30px; 
	margin-right: 30px;

	}
.subj {
	color: #E60026;
	margin-left: 30px; 
	margin-right: 30px;
	font-size: 1.2em;
	line-height: 100%;
	}
.paramargin {
	margin-top: 4px; margin-bottom: 4px;
	}

.connect a:link {
	color: #0000FF; text-decoration: none
}
.connect a:visited {
	color: #0000FF; text-decoration: none
}
.connect a:active {
	color: #0000ff; text-decoration: none
}
.connect a:hover {
	color: #FF0000; text-decoration: none
}

.textcenter {
	text-align: center;
	}
p {
	margin: 0.5em;
	/*margin-top: 0.5em; margin-bottom: 0.5em;*/
	}

.paramargin {
	margin-top: 4px; margin-bottom: 4px;
	}

/*text formatting end*/

/*for testing*/

/*
table, th, td {
   border: 1px solid black;
} 
*/

/*
.test
{
border: 1px solid #CCCCCC;
}
*/

/*for testing end*/

/* 6 April 2016 js */