body {
	background-color:#7E91AB; 
	color:#00285C;
	margin-left:0px;
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px;
	}
	
#container {
	position:static;
	left:0px;
 	top:0px;
	}

#box{
	position:relative;
 	margin-left:auto;
 	margin-right:auto;
	width:766px;
	height:auto;
	border:1px solid #00285C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
  }

	
#barraclouheader {
	position:relative;
 	margin-left:auto;
 	margin-right:auto;
	background-color:#657FAB;
	color:#00285C;
	width:766px;
	height:175px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	}
	
#barraclouheaderpic {
	position:relative;
 	margin-left:auto;
 	margin-right:auto;
	background-color:#00285C;
      top:15px;
	padding:1px;
	}
	
#barraclouheader a {
	margin: 0px 7px 0px 7px;
	}
	
#barraclouheader p {
	padding-top:3px;
	}
	
#barraclouheader img, #rowone img, #rowtwo img, #rowthree img, #rowfour img, table img, #fourohfour {
	border-style: none;
	}
	
#colone img, #coltwo img, #colthree img {
	padding:2px;
	}
	
#rowfour img {
	padding-top:7px;
	}
	
A:link {
	color:#00285c;
	text-decoration:none; 
	}
	
A:visited {
	color:#00285c;
	text-decoration:none; 
	}

#title{
	font-weight:bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#area {
	width: 650px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	}
	
table, .npa {
	position:relative;
	width: 620px;
	margin-left:auto;
	margin-right:auto;
	}
	
.city {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
.location {
	font-weight: bold;
		}
		
#rowone {
	background-color:#657FAB;
	height:100px;
	width: 766px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	}
	
#rowtwo {
	height:634px;
	width:766px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#colone {
	float:left;
	width:257px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
#sitesearch{
	padding-top:21px;
	padding-bottom:21px;
	}
	
#twofifty{
	}	
	
#blog, #radoter {
	padding-top:6px;
	}
		
	
#coltwo {
	float:left;
	width:254px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}	
	
#colthree {
	float:left;
	width:254px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}

#rowthree {
	padding-top:4px;
	width: 766px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	height:230px;
	}
	
#rowfour {
	padding-top:7px;
	padding-bottom:7px;
	background-color:#657FAB;
	width: 766px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.left {
	text-align:left;
	}

.right {
	text-align:right;
	}

#copyright {
	font-size:10px;
	}


@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; 
		width:100%;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #657FAB; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #657FAB; 
		position: relative;
		margin-left:auto;
		margin-right:auto;
	}	

#box{
	position:relative;
 	margin-left:auto;
 	margin-right:auto;
	width:100%;
	height:auto;
	border:1px solid #00285C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
  }

#barraclouheader {
	position:relative;
 	margin-left:auto;
 	margin-right:auto;
		width:100%;
		height:auto;
	background-color:#657FAB;
	color:#00285C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	}
	
#barraclouheaderpic {
	position:relative;
 	margin-left:auto;
 	margin-right:auto;
	width:100%;
	background-color:#00285C;
  top:15px;
	padding:1px;
  overflow:hidden;
	}

#area {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	}

.npa {
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	}

img {
    max-width: 100%;
    height: auto;
	}
	
	}
