body{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
#page {
	background-color: #ffffff;
	margin: 0 auto;
}

a:link {
	color: #000000; 
	text-decoration : underline;
	background-color : transparent;
}

a:active, a:hover {
	color: #666666;
	text-decoration : underline;
	background-color : transparent;
}

a:visited {
	color: #000000;
	text-decoration : underline;
	background-color : transparent;
} 

.red {
	color: #FF0033;
}

.green {
	color: #006600;
}

.grey {
	color: #666666;
}
h2 {
	text-align: center;
}
h4 {
	text-align: center;
}
#banner {
	background-image: url('images/dm-bg-line.gif');
	background-repeat: repeat-x;
	background-position: left-top;
}
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}


#postcard {
   	/* border-top: 3px solid black;
   	border-right: 5px solid black;
   	border-bottom: 5px solid black;
   	border-left: 3px solid black; */
   	padding-top: 10px;
   	padding-bottom: 10px;
	padding-left: 55px;
	width: 85%; 
	text-align: center;
	display: block;
 	}
#postcard-left {
	width: 50%;
	float: left;
	display: block;
	
}  
#postcard-right {
	width: 50%;
	float: left;
	display: block;
	background-image: url('../images/postalstamp.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 60px;
}
#postcard-links {
    display: block;
    float: left;
    width: 100%;
}

#human {  
	visibility:hidden;  
	display:none;  
}  

.greyscale {
    -webkit-filter: grayscale(100%); 
	filter: grayscale(100%); 
}
.sepia {
	-webkit-filter: sepia(100%); 
	filter: sepia(100%);  
}
/*    
    -webkit-filter: brightness(0%);   
    -webkit-filter: contrast(100%);   
*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
body{
	font-size: .9em;
	background-color:#ffffff;
}
#page {
	width: 100%;
}
#banner{
	width: 100%;
}
#logo {
	width: 100%;
}
#top-menu {
	
}
#top-menu ul {
	    float: left;
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    list-style-type: none;
	}

#top-menu a {
	    float: left;
	    width: 5em;
	    color: black;
	    padding: 0.2em 0.1em;
	}

#top-menu a:hover {
	   
	}

#top-menu li {
	    display: inline;
	}

#content {
	width: 100%;
}
#three-column-left {
	display: block;
	float: left;
	width: 50%;
}
#three-column-center {
	width: 100%;
	display: block;
	text-align: justify;
}
#three-column-right {
	display: block;
	float: left;
	width: 50%;
}
#center-logo {
	display: none;
}
#footer {
	display: block;
	float: left;
	width: 100%;
}
#footer-ad {
	text-align: center;
}
#footer-text {
	font-size: 0.6em;
}

.sixpics {
	width: 90%;
	padding-bottom: 15px;
}
/* create.php */
#two-column-left {
	display: block;
	float: left;
	width: 100%;
}
#two-column-right {
	display: block;
	float: left;
	width: 100%;
}
#postcard {
	width: 100%;
	border: none;
}
#postcard-left {
	width: 100%;
	float: left;
	display: block;
}  
#postcard-right {
	width: 100%;
	float: left;
	display: block;
	background-image: none;
	padding-top: 0px;
}

}

/* iPads and Screens */
@media only screen 
and (min-device-width : 768px) {

	body {
		font-size: 1em;
		background-color:#999999;
		background-image: url(images/bg.gif);
	}
	#page {
		width: 760px;
		background-color: #ffffff;
		margin: 0 auto;
	}
	#banner{
		width: 100%;
	}
	#logo {

	}
	#top-menu {
		display: block;
		float: right;
		width: 200px;
	}
	#top-menu ul {
		    float: left;
		    width: 100%;
		    padding: 0;
		    margin: 0;
		    list-style-type: none;
	}

	#top-menu a {
		    float: left;
		    width: 5em;
		    color: black;
		    padding: 0.2em 0.1em;
	}

	#top-menu a:hover {

	}

	
	/* main page content */
	#content {
		width: 100%;
		padding: 0 0;
	  float: left;
	  display: block;
	  position: relative;	
		background-color: #ffffff;

	}
	#three-column-left {
		width: 200px;
		margin-left:-560px;
		display: block;
		float: left;
	}
	#three-column-center {
		width: 360px;
		display: block;
		float: left;
		margin-left: 200px;
	}
	#three-column-right {
		width: 200px;
		display: block;
		float: right;
	}
	/* footer */
	#footer {
		width: 100%;
		display: block;		
	}
	#footer-ad {
		text-align: center;
		padding-top: 25px;
	}
	#footer-text {
		font-size: .6em;
		margin: 10px;
	}
	/* create.php */
	#two-column-left {
		display: block;
		float: left;
		width: 50%;
	}
	#two-column-right {
		display: block;
		float: left;
		width: 50%;
	}
	table {
		font-size: 12px;
		background-color:#FFFFFF;
	}

	b {
		font: bold;
	}

	.big {
		font-size: 12px;
	}
	
	.small {
		font-size: 9px;
	}
	.sixpics {
		padding-bottom: 25px;
		padding-left: 50px;
		padding-right: 50px;
	}

	select, input, textarea {
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 12px;
		padding: 2px;
	}
}