/** BASIC */

body {
	margin: 0;
	padding: 0;
	background: #C6EDFD url(images/img01.gif) repeat left top;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #266382;
	text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-top: 0;
	color: #008BD1;
}

a {
	color: #008BD1;
}

a:hover {
	text-decoration: none;
}

/** HEADER */

#header {
	width: 700px;
	height: auto;
	margin: 0 auto 1.5em;
	background: #69cbfe url(images/img02.gif) no-repeat left bottom;
}

#header .logo {
	margin: 0;
	padding: 30px 15px 18px 15px;
	font-size: 30px;
	font-style: italic;
	letter-spacing: -2px;
	color: #FFFFFF;
}

#header .logo a , #header .logo a:hover {
	color: #FFFFFF;
	text-decoration:none;
}



/** CONTENT */

#content {
	width: 700px;
	margin: 0 auto 1em auto;
	background: #FFFFFF url(images/img05.gif) no-repeat left bottom;
}

#content * {
	line-height: 140%;
}

#columnA {
	float: left;
	width: 430px;
	padding: 25px 20px 0 30px;
	background: url(images/img03.gif) no-repeat left top;
}

#columnA h1 { font-size: 24px; margin: 0 0 10px; padding: 0; }
#columnA h2 { font-size: 22px; margin: 30px 0 10px; padding: 0; }
#columnA h3 { font-size: 20px; margin: 30px 0 10px; padding: 0; }

#columnA img.left { float:left; margin: 3px 15px 15px 0; padding:0; }
#columnA img.right { float:right; margin: 3px 0 15px 15px; padding:0; }

#columnB {
	float: right;
	width: 190px;
	padding: 25px 20px 0 10px;
	background: url(images/img04.gif) no-repeat right top;
}

#columnB h3 {
font-size:16px;
margin: 0 0 10px;
padding: 0;
}

#columnB ul {
margin: 0 10px 0 25px;
padding: 0;
}

#columnB ul li {
margin-bottom: 5px;
}

#columnB ul li a {
text-decoration:none;
}

/** FOOTER */

#footer {
	width: 700px;
	height: 30px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: url(images/img06.gif) no-repeat left top;
}

#footer p {
	margin: 0px 0px 0px 0px;
	padding: .8em 0 0 0;
	text-align: center;
	font: bold x-small Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.clear {
clear:both;
}


@media screen and (max-width: 680px) {

		body {
			margin: 0;
			padding: 0;
			width:100%;
			background: #C6EDFD url(images/img01.gif) repeat left top;
			font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #266382;
			text-align: justify;
		}
		
		h1, h2, h3, h4, h5, h6 {
			margin-top: 0;
			padding-top: 0;
			color: #008BD1;
		}
		
		a {
			color: #008BD1;
		}
		
		a:hover {
			text-decoration: none;
		}
		
		/** HEADER */
		
		#header {
			width: 96%;
			height: auto;
			margin: 0 2% 15px;
			padding: 0;
			background: #69cbfe url(images/img02.gif) no-repeat left bottom;
			background-size:contain;
		}
		
		#header .logo {
			margin: 0;
			padding: 18px 15px 18px 15px;
			font-size: 1.8em;
			font-style: italic;
			letter-spacing: -2px;
			color: #FFFFFF;
		}
		
		#header .logo a , #header .logo a:hover {
			color: #FFFFFF;
			text-decoration:none;
		}
		
		
		
		/** CONTENT */
		
		#content {
			width: 96%;
			margin: 0 2% 1em 2%;
			padding: 0;
			background-color: #FFFFFF;
			background-image: none;
			background-size:contain;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
		}
		
		#content * {
			line-height: 140%;
		}
		
		#columnA {
			float: none;
			width: 92%;
			padding: 20px 4% 0 4%;
			margin: 0;
			background-image: none;
		}
		
		#columnA h1 { font-size: 24px; margin: 0 0 10px; padding: 0; }
		#columnA h2 { font-size: 22px; margin: 30px 0 10px; padding: 0; }
		#columnA h3 { font-size: 20px; margin: 30px 0 10px; padding: 0; }
		
		#columnA img { width:100%; margin: 3px 0 15px 0; height:auto; padding:0; }
		#columnA img.left { float:left; width: 45%; height:auto; margin: 3px 15px 15px 0; padding:0; }
		#columnA img.right { float:right; width: 45%; height:auto; margin: 3px 0 15px 15px; padding:0; }
		
		#columnB {
			float: none;
			width: 92%;
			padding: 30px 4% 0 4%;
			background-image: none;
		}
		
		#columnB h3 {
		font-size:16px;
		margin: 0 0 10px;
		padding: 0;
		}
		
		#columnB ul {
		margin: 0;
		padding: 0;
		}
		
		#columnB ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
		#columnB ul li a {
		text-decoration:none;
		display:block;
		font-size: 1em;
		padding: 10px;
		margin: 0;
		border-bottom: 1px dotted #61c8fe;
		}
		
		#columnB ul li:last-child a {
		border-bottom: none;
		}
		
		/** FOOTER */
		
		#footer {
			width: 96%;
			height: auto;
			margin: 0 2% 10px;
			padding: 10px 0;
			background-image: none;
			background-color: #69cbfe;
			border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
		}
		
		#footer p {
			margin: 0px 0px 0px 0px;
			padding: 0;
			text-align: center;
			font: bold x-small Arial, Helvetica, sans-serif;
			color: #FFFFFF;
		}


}