/* ©2010 JA Curren Web Design  www.JACurren.com */
/* Created for: DraperSupply.com */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(../images/header_background.jpg) top repeat-x; background-color:#666666;}
body { min-width: 1000px; }

html{ font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.4em; color:#FFFFFF;}

ul { list-style:none;}
a {color:#333331; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
h1 { font-size:2em; line-height:2.1em; }
h2 { font-size:1.4em; line-height:1.5em; }


#header-logo{ background:url(../images/DraperLogo.jpg) bottom no-repeat; height:106px; background-position:left; margin-top:20px; margin-left:80px;}
#header-logo{ padding: 5px 5px 5px 5px;}

#header .top{ width:100%; overflow:hidden; height:210px; min-width:1200px;}
#header h1{ position:relative; float:left; display:inline-block; padding: 20px 0 0 430px; width: 485px; color:#FFFFFF; font-size:2em; line-height:2.1em; font-family: americana-bt; src: url(font/americana-bt.ttf); }
#header .menu{ float:left; padding: 70px 0 0 345px; position:relative; }
#header .menu li{ float:left; font-size:1.2em; line-height:1.3em; padding-left:8px;}
#header .menu a{  display:inline-block; text-decoration:none; color:#fff; width:120px; text-align:center; padding:3px 0 4px 0;}
#header .menu a:hover, #header .menu .active{ background:url(../images/menu-item-bg.jpg) no-repeat 0 0; color:#fff;}

#content { width: 1000px; color:#000000; background-color:#FFFFFF; margin-top:10px; margin-left:auto; margin-right:auto; min-height: 480px; border-left: 6px solid #d43516; border-right: 6px solid #d43516; padding: 0 5px 5px 5px; }

#admin { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */	
	text-align: center;
	font-size: 18px;
	background-color: #999999;
	padding: 5px 20px 5px 45px;
	border-top: 4px solid #333333;
	border-bottom: 4px solid #333333;
	border-left: 4px solid #333333;
	border-right: 4px solid #333333;
	width:937px;
	float:center;
	margin-left: -5px;
	
	
} 
#admin p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#333333;
}	
	
#alert { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */	
	text-align: center;
	font-size: 18px;
	background-color: #ffd324;
	padding: 5px 20px 5px 45px;
	border-top: 4px solid #FF0000;
	border-bottom: 4px solid #FF0000;
	border-left: 4px solid #FF0000;
	border-right: 4px solid #FF0000;
	width:928px;
	float:center;
	
	
} 
#alert p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#FF0000;
}

#success { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */	
	text-align: center;
	font-size: 18px;
	background-color: #006600;
	padding: 5px 20px 5px 45px;
	border-top: 4px solid #003300;
	border-bottom: 4px solid #003300;
	border-left: 4px solid #003300;
	border-right: 4px solid #003300;
	width:928px;
	float:center;
	margin: 20px 0 0 0;
}  
#success p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#000000;
}

dt {
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 150%;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	font-weight: bold;
}
	
dd {
	margin: 0 0 0 10px;
	padding: 0 10px 10px 10px;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: 90%;
}

#reservationBox {
	width: 350px;
	background: #333333 url(../images/side_box_bottom.png) no-repeat bottom left;
}	
#reservationBox dt {
	font-size: 100%;
	background: #d43516 url(../images/side_box_top.png) no-repeat top left;
}
#reservationBox dd {
	font-size: 80%;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#message { width:800px; clear:both; }
#message .success { background-color:#009900; border: 3px solid #003300; min-height:20px; text-align:center; padding: 5px 5px 5px 5px; margin-bottom:25px;}
#message .fail { background-color:#FF0000; border: 3px solid #CC0000; min-height:20px; text-align:center; padding: 5px 5px 5px 5px; margin-bottom:25px;}

#footer { background:url(../images/header_background.jpg) top repeat-x; background-color:#000000; height:146px; padding: 15px 20px 20px 15px; text-align:center; border-top: #000000 solid 2px; }
#footer p { color:#d43516; padding-top:2px; }
#footer a {color:#d43516; outline:none;}
#footer .menu-footer{ float:left; padding: 10px 0 15px 345px; position:relative; }
#footer .menu-footer li{ float:left; font-size:1em; line-height:1.1em; padding-left:8px;}
#footer .menu-footer a{  display:inline-block; text-decoration:none; color:#fff; width:120px; text-align:center; padding:3px 0 4px 0;}
#footer .menu-footer a:hover, #footer .menu-footer .active{ color:#d43516;}
#fotter .adminLink , .adminLink a{ text-decoration:none; }