/* CSS Document */


#container
{
	width: 95%;
	height: auto;
	margin:0%;
	padding: 0px;
	
	
}


#content
{
	width: 320px;
	height: auto;
	margin: 5px;
	float: left;
	}
#content_pic
{
	width: auto;
	height: auto;
	margin: 0px;
	float: left;
	}


#footer
{
	width: 100%;
	height: auto;
	margin:0%;
	float: left;
	padding: 0px;
	background-color:#333333;
	
}


#footer_content
{
	width: 99%;
	height: auto;
	float: none;
	padding: 10px;
	background-position: center top;
	background-color:#333333;
}


body {
	height: 100%;
	width: 100%;
	visibility: visible;
	margin: 0px;
	padding: 0px;
	background-position: center top;
	vertical-align: top;
	white-space: normal;
	display: inline;
	clear: both;
	float: none;
}
img 
{ max-width: 100%;
  height:auto;
}


a:visited {
	font-family: "Calibri Light";
	font-size: 18px;
	color: #FFFFFF;
	margin: 0px;
	text-decoration: none;
	font-weight: lighter;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
a:link {
	font-family: "Calibri Light";
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	font-weight: lighter;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

a:hover {
	font-family: "Calibri Light";
	font-size: 18px;
	color: #751111;
	text-decoration: none;
	margin: 0px;
	font-weight: lighter;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}


.b:link {
	font-family: "Calibri Light";
	font-size: 20px;
	color: #E9E9E9;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	font-style: italic;
}

.b:visited {
	font-family: "Calibri Light";
	font-size: 20px;
	color: #E9E9E9;
	margin: 0px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	font-style: italic;
}

.b:hover {
	font-family: "Calibri Light";
	font-size: 18px;
	color: #7B0909;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	font-style: italic;
	background-color: #CCCCCC;
}








.c:link {
	 font-family: "Calibri Light ;
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	background-color: #FFFFFF;
	display: block;
	padding: 0px;
	height: auto;
	width: 60px;
	background-position: center center;
	text-align: center;
}

.c:visited {
	 font-family: "Calibri Light ;
	font-size: 18px;
	color: #333333;
	margin: 0px;
	text-decoration: none;
	background-color: #FFFFFF;
	display: block;
	padding: 0px;
	line-height: 35px;
	background-position: center center;
	text-align: center;
}

.c:hover {
	 font-family: "Calibri Light ;
	font-size: 18px;
	color: #741010;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	background-position: center center;
	vertical-align: middle;
}


p {
	font-size: 18px;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	font-weight: normal;
	 font-family: "Calibri Light" ;
}


.footerfont {
	font-size: 18px;
	color: #ffffff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	font-weight: normal;
	 font-family: "Calibri Light" ;
}


h1 {
	 font-family: "Calibri Light" ;
	font-size: 36px;
	color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}

h2 {
	 font-family: "Calibri Light" ;
	font-size: 28px;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-family: "Calibri Light" ;
	font-size: 18px;
	color: #CCCCCC;
	margin: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	font-weight: lighter;
	font-style: italic;
	text-decoration: blink;
}

h4 {
	font-family: "Calibri Light" ;
	font-size: 22px;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	font-weight: lighter;
	font-style: normal;
}

h5 {
	font-family: "Calibri Light" ;
	font-size: 22px;
	font-weight: lighter;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h6 {
	font-family: "Calibri Light" ;
	font-size: 6px;
	margin: 0px;
	padding: 0px;
}

ul {
	 font-size: 18px;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	font-weight: normal;
	 font-family: "Calibri Light" ;
}



.style1 {
font-size: 14px;
	color: #ffffff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	font-weight: normal;
	font-family: "Calibri Light" ;
}


.style2 {
font-family: "Calibri Light" ;
	font-size: 36px;
	font-weight: lighter;
	color: #000000;
}
.style3 {
	font-size: 18px;
	font-style: italic;
	color: #000000;
	font-family: "Calibri Light" ;
}



select {
	font-family: "Calibri Light" ;
	font-size: 18px;
	color: #333333;

}


.style4 {font-size: 18px}

.style5 {
	font-size: 60px;
	color: #000000;
	font-family: "Calibri Light" ;
	font-weight: lighter;
	font-style: italic;
	
}




.style7 {
	font-family: "Calibri Light" ;
	font-size: 36px;
	font-weight: lighter;
	color: #000000;
}
.style8 {
	font-family: "Calibri Light" ;
	font-size: 18px;
	color: #000000;

}

.style9 {
	font-size: 30px;
	font-weight: lighter;
	
	color: #000000;
	font-family: "Calibri Light" ;
	
}
.style10 {
	font-size: 36px;
	font-weight: lighter;
	color: #000000;
	font-style: italic;
	font-family: "Calibri Light" ;
	
}





}
img  {
max-width :100%;
height : auto;
}
@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: 0px;
			left: 0px;
		}
		
		tr { border: 0px solid #ccc; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 0px solid #eee; 
			position: relative;
			padding-left: 0; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0px;
			left: 0px;
			width: 25%; 
			padding-right: 0px; 
			white-space: nowrap;
		}
		
		
			
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body { 
			padding: 0; 
			margin: 0; 
			width: 320px; }
		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			width: 495px; 
		}
	}