/* Emedded fonts */
@font-face {
	font-family: Artbrush;
	src: url(fonts/Artbrush.ttf);
}

.cursiveheadline {
	font-family: Artbrush, georgia, serif; 
	color: #a83420;	
	font-size:1.4em;
}

body {
	background-image:url(background.png);
	background-repeat:repeat-x;
	font-family:arial;	
}

#container {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid gray;
	background:white;
	padding-left:1em;
	padding-right:1em;
}

#header {
	text-align:center;
	margin-bottom:1em;
	padding:0px 1em 0px 1em;
}

#form {
	width:350px;
	float:left;
}

#footer {
	width:450px;
	margin-left:auto;
	margin-right:auto;
}

.left {
	float:left;
}

.right {
	float:right;
}


span.required {
	color:blue;
}

td.formtext {
	text-align:right;
}

table.formtable, table.formtable tr td {
	padding:5px;
}

p.quote {
	font-family:"times new roman";
	font-size:1.2em;
	font-style:oblique;
	margin-bottom:0px;
}

p.sig {
	margin-top:0px;
	font-weight:bold;
	text-align:right;
}

#submit_nobook {
	font-size:1em;
}

#submit {
	font-size:1em;
}



@media screen and (min-width: 721px) and (max-width: 999px) {
   /* Tablet Only Code */
   body { 
   	padding: 0; margin: 0; 
   	background: none;
   }
   #container {
   	margin: 0;
   	padding: 0;
   	width: 100%;
   	border: none;
   }
}

@media screen and (min-width: 0px) and (max-width: 720px) {
   /* Phone Code */

	body { 
	  padding: 0.3em; margin: 0; 
	  background: none;
	}
	   
	#container {
	  margin: 0;
	  padding: 0;
	  width: 100%;
	  border: none;
	}

	#form {
		float: none ;
		margin: 0 auto;
	}

	#container img {
		display: block;
		margin: 1em auto;
		float: none;
	}

	#footer p:last-child {
		margin-top: -8em;
		margin-bottom: -8em;
	}

	#footer {
		width: 100%;
	}
}


input#submit {
	    background: #1094d1;
    background-image: -webkit-linear-gradient(top, #1094d1, #2980b9);
    background-image: -moz-linear-gradient(top, #1094d1, #2980b9);
    background-image: -ms-linear-gradient(top, #1094d1, #2980b9);
    background-image: -o-linear-gradient(top, #1094d1, #2980b9);
    background-image: linear-gradient(to bottom, #1094d1, #2980b9);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    text-shadow: 1px 1px 2px #363636;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

img[src="smh-lp-lot.gif"] {
	width: 350px;
	height: auto;
}