/* CSS Document */

div.pdctcontainer {background-color:white;margin: 10px 0 0 200px;float:left; text-align: center;max-width: 40%}
div.pdctcontainer2 {background-color:white;margin: 10px 0 0 80px;float:left; text-align: center;max-width: 40%}
div.buttoncontainer {margin: 0 200px 0 0;float:right; height:500px;}
div.widercontainer {margin: 10px 200px 0 200px; max-width: 100%; text-align:left;}

table.pdct {margin: 0; width:100%; }
button a {display:block;font:normal bold 1em/1em Arial,sans-serif;}

table.pdct, table.pdct tr, table.pdct tr td { font-family:"Trebuchet MS", sans-serif;font-size:.9em;line-height:1.6em;color:black;border-collapse:collapse;border:1px solid black;text-align:left;}

table.pdct tr:hover {background-color:#f5f5f5;}
table.pdct tr:nth-child(odd) {background-color: #CADAE7;inherit:none;}
table.pdct tr:nth-child(1) { font-weight:bold;  background-color:#466C7E;inherit:none;}
table.pdct tr:nth-child(1) td {color:#ffffff;}
/* table.pdct tr:nth-child(even) {background-color: #f2f2f2}*/

table.pdct  tr td {padding:5px;}


h2.pdctheading {font-family:"Trebuchet MS", Verdana, "sans-serif"; font-size: 1em; font-weight: bold; line-height: 1.5em; margin: 20px 0 0 0;}

button { text-decoration: none; height: 34px;  background-color: #b01c20; border-radius: 8px; color: white; margin: 0 0 16px 0; background: linear-gradient(top, rgb(241,92,96) 0%, rgb(176,28,32) 100%); box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8); text-shadow: 0px 1px black; border: 1px solid #bfbfbf; }
.last { margin: 0;}
button:nth-of-type(odd) {background-color: #2f88b2;}
button:nth-of-type(even) {background-color: #CADAE7;}
button:nth-of-type(odd) a:link {color:white;text-shadow: none;}
button:nth-of-type(even) a:link {color:black;text-shadow: none;}

button:nth-of-type(odd) a:visited {color:white;text-shadow: none;}
button:nth-of-type(even) a:visited {color:black;text-shadow: none;}
button:nth-of-type(odd) a:hover {color:black;text-shadow: none;}
button:nth-of-type(even) a:hover {color:white;text-shadow: none;}
button:nth-of-type(odd) a:active {color:white;text-shadow: none;}
button:nth-of-type(even) a:active {color:black;text-shadow: none;}


button.tall{height:54px;}
button.vtall{height:74px;}

button a:link {color:white;text-decoration:none;}

button a:hover {color:white;}
button a:active {color:white;}
button:hover {background-color:red;}

/* MEDIA QUERIES START */
@media screen and (max-width: 1170px) {
div.pdctcontainer {margin: 10px 0 0 200px;}
div.pdctcontainer2 {margin: 10px 0 0 60px;}
div.buttoncontainer {margin: 10px 100px 0 0;}
div.widercontainer {margin: 10px 100px 0 200px;}
}
@media screen and (max-width: 1023px) {
div.pdctcontainer {margin: 10px 0 0 190px;}
div.pdctcontainer2 {margin: 10px 0 0 50px;}
div.widercontainer {margin: 10px 100px 0 190px;}
}
@media screen and (max-width: 940px) {
div.buttoncontainer {margin: 10px 10px 0 0;}
div.widercontainer {margin: 10px 10px 0 190px;}
}
@media screen and (max-width: 880px) {
div.pdctcontainer {margin: 10px 0 0 190px;}
div.pdctcontainer2 {margin: 10px 0 0 20px;}

}
@media screen and (min-width: 667px) and (max-width: 787px) {
div.pdctcontainer { margin: 0 0 2% 230px;} /* margin was 00 2% 180px */
div.pdctcontainer2 {margin: 0 0 2% 230px;}
	div.widercontainer {margin: 10px 10px 0 180px;}
	

}
@media screen and (min-width: 500px) and (max-width: 667px) {
div.pdctcontainer { margin: 0 0 0 180px;} /* margin left was 96px */
div.pdctcontainer2 {margin: 0 0 0 180px;}
	div.buttoncontainer {margin:0 0 0 0;}
	div.widercontainer {margin: 0 0 0 96px;}
}
@media screen and (min-width: 300px) and (max-width: 500px) {
div.pdctcontainer { margin: 0 0 0 96px;} 
div.pdctcontainer2 {margin: 0 0 0 96px;}
	div.buttoncontainer {margin:0 0 0 0;}
	div.widercontainer {margin: 0 0 0 96px;}
}