@charset "utf-8";
/* CSS Document */
// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
//@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
//@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
//@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
//@media (min-width: 1200px) { ... }

/* Style the body */
body {
  font-family: Verdana, Geneva, Tahoma, sans serif;
  margin: 0;
}/* unvisited link */
a:link {
	color: #930;
	font-weight: bold;
}

/* visited link */
a:visited {
  color: #066;
 
}

/* mouse over link */
a:hover {
  color: #C60;
}

/* selected link */
a:active {
  color: #930;
} 

.img {
	/*background-color: #066;*/
	max-width: 100%;
	padding: 5px;  
}
.picbottom {
	vertical-align: bottom;
}
.picmiddle {
	vertical-align: middle;
}

div.polaroid {
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



div.pcontainer {
  text-align: center;
  padding: 10px 20px;
}

}
.mark {
	color: #FFA275;	
}

/*table  {
  border-collapse: collapse;
}

table, td, th {
  border: 1px dotted gray;
}*/


/* CONTENT AREA */
.contentArea {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #f0eff0;
	/*background-repeat: repeat-x;*/
}


.contentArea .container {
	padding-top: 20px;
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-color: #f2f2f2;
	margin-left: auto;
	margin-right: auto;
}

.contentleft {
	max-width: 675px;/*650px;*/
	padding-left: 10px;
	padding-right: 30px;
	float: left;
	border-right-style: solid;
	border-right-width: 1px;
	margin-left: auto;
	margin-right: auto;
}

.contentright {
	/*padding-top: 20px;*/
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	max-width: 350px/*250px;*/
	
}

.imageright {	
	margin-left: 5px;
	float: right;
}

.imgleft {	
	 float: left;
	 margin-right: 10px;
}

/* Dotted  border */
hr.dotted {
  border-top: 2px dotted teal;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
  float: left;
  width: 75%;
  padding: 20px;
}

/* Right column */
.rightcolumn {
  float: left;
  width: 25%;
  background-color: #f1f1f1;
  padding: 20px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* Add a card effect for articles */
.card {
  background-color: white;
  padding: 20px;
  margin-top: 20px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}



/* CONTENT AREA */
.contentArea {
	width: 100%;
	background-color: #f0eff0;
	/*background-image: url(images/content_bkgd_tile.jpg);*/
	/*background-repeat: repeat-x;*/
}


.contentArea .container {
	padding-top: 30px;/*30*/
	padding-bottom: 30px;
	background-image: url(images/content_bkgd.jpg);
	background-repeat: no-repeat;
	background-color: #f2f2f2;
}

.contentleft {
	max-width: 670px;
	padding-left: 0px;
	padding-right: 20px;/*30*/
	float: left;
	border-right-style: solid;
	border-right-width: 5px;
	border-color:#066;
}

.contentright {
	padding-top: 20px;
	float: left;
	padding-left: 20px;/*20*/
	max-width: 350px;
	
}

.imageright {	
	margin-left: 5px;
	float: right;
}
/*---------------------------------table#01-----------
table#t01 {
  width: 100%;    
  background-color: #fff;
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #c1c1c1;
  border-top: 1px solid #c1c1c1;
  margin-bottom: 20px;
  font-size: small;---------------*/
}

table td {
	padding: 8px 10px;
	border-right:1px solid #c1c1c1;
	font:Verdana, Geneva, sans-serif
	font-size: small;
}

table td:hover {
	background-color: #efefef;
}

table th {
	padding: 10px;
	font-size:18px;
	color:#1f1f1f;
	text-align: left;
	border-right:1px solid #c1c1c1;
	font-family: 'Puritan20Normal';
	font-weight: normal;
}

 table td.center {
	text-align: center;
}

table td.last {
	background: none;
}

table th.center {
	text-align: center;
}

table th.last {
	background: none;
}

table tr {
	border-left: 1px solid #c1c1c1;
	border-top: 1px solid #c1c1c1;
	font-size: small;
}

table tr.caption {
	border-left:1px solid #c1c1c1;
}
 
  
  
  
  
  
  
  
  
  
  
  
  
  
}
/*---------------------------------table#01--------------------------*/
table, th, td {
  /*border: 1px solid black;*/
  border-collapse: collapse;
}
th, td {
  padding: 5px;
}
th {
  text-align: left;
}


.container.tab{
	max-width:500px;
	border-style:solid;
}


/*-----------------------------------------------------------------*/
/* FOOTER AREA */
#footer {
	margin: 0px auto;

}
#footer p {
	margin: auto;
}
#footercontent {
	width: auto;
	padding: 0px;
	color: #CCC;
	font-size: .8em;
}
.footertext {
	background-color: #000 !important;
	overflow: hidden;
	padding: 20px;
	zoom: 1;
	border-radius: 0px 0px 2px 2px;
	font-size: 1em;
}
.copyright {
	clear: both;
	padding: 12px 0 40px 0;
	letter-spacing: 0.25em;
	color: #fff;
	font-size: 0.62em;
	/*text-transform: uppercase;*/
}
.tricolumn {
	float: left;
	width: 32%;
	margin-right: 2%;
	padding: 0;
}
.lastcolumn {
	margin-right: 0px;
}
.menulist {
	margin: 0px;
	padding: 0px;
}
.menulist li {
	list-style-type: none;
	margin-bottom: 4px;
}
.menulist a {
	color: #CCC;
	display: block;
	padding: 10px;
	border: 1px solid #525252;
	text-decoration: none;
	/*-webkit-transition: width 2s; 
 	 -webkit-transition-timing-function: linear; 
  	transition: all linear .3s .01s;*/
}
.menulist a:hover {
	color: #7bced5;
	border-color: #FFF;
	background-color: #000;
	text-decoration: none;
}
/*-----------------------------------------------------------------*/