/* -- NOTE: reset.css clears all browser differences and starts from scratch --  */
@import 'reset.css';

body {
	font-family: Arial, Helvetica, san serif;
	font-size:62.5%;
	line-height: 15px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background:url(/images/bckgrd-img.jpg) no-repeat #5b2d27 top center;
	position: relative;
	margin: 0 auto;
	} 
	
/* ============================================ MAIN BODY CONTAINING ELEMENT ======================================*/

#wrap {width: 940px; height:auto; margin: 0 auto; position: relative; font-size:1.2em;}
	
#header {width:940px; height:118px;}

#logo {width:593px; height:118px; margin:0 auto;}

#banner {width:912px; height:262px; padding:11px 14px 11px 14px; background: url(../images/bnr-bckgrd.jpg) #e6e5d0 no-repeat center; }

#banner-pic {width:459px; height:262px;}

#nav-contain {width:916px; height:40px; background-color:#e6e5d0; padding:7px 12px; margin:7px 0 7px 0;}

#nav {width:916px; height:40px; /*background-color:#5b2d27;*/}

#content {width:940px; height:auto; background-color:#e6e5d0;}

#left {float:left; width:520px; height:auto; padding:40px 12px 12px 40px; }

#right {float:right; width:295px; height:auto; font-size:.95em; padding:50px 45px 20px 0;}

#products {width:800px; height:auto; padding:40px 0 12px 40px;}

#text {width:485px; height:auto; border-right:#c9c7a4 2px solid; padding-right:20px;}

#text p {margin-bottom:1.3em;}

#right p {margin-bottom:1.3em;}
	
.clearer{clear:both; margin:0px;}

#footer {width:916px; height:40px; clear:both; padding:7px 12px; margin:7px 0 7px 0; background-color:#e6e5d0; font-size:.95em; color: #c97392; text-align:left;}

#footer-contain {width:904px; height:27px; padding:13px 12px 0 0; background:url(../images/records118-footer-logo.gif) no-repeat #5b2d27; text-align:right;}


/*======================================================== LINK STYLES ======================================================== */

/* ------------- Basic links  ------------- */
a:link, a:visited {color:#5b2d27; text-decoration: underline; }

a:hover, a:active {color:#859416; text-decoration: none;}


/* ------------- Footer  ------------- */
#footer a:link, #footer a:visited {color: #c97392; text-decoration: none;}

#footer a:hover, #footer a:active {color: #e6e5d0; text-decoration: underline;}


/*==================== Banner Reference =========================== */

#inde #banner-pic {background:url(/banners/bnr-home.jpg) no-repeat;}

#prod #banner-pic {background:url(/banners/bnr-home.jpg) no-repeat;}

#cont #banner-pic {background:url(/banners/bnr-home.jpg) no-repeat;}


/*======================================================== TEXT STYLES ======================================================== */

h1 { font-family:"Trebuchet MS", Arial, san serif; font-size: 1.8em; color: #5b2d27; font-style: normal; font-weight:400; margin-bottom: .75em; line-height:1.1em;}

h2  {font-family:"Trebuchet MS", Arial, san serif; color: #859416; font-size: 1.3em; margin-bottom:.75em; line-height:1.1em;}

h3, h4, h5 {font-size: 1em; font-style: normal; font-weight: bold; color: #5b2d27; margin-bottom:1.2em;}

.basic-bold {font-weight: bold; color:#401908;}

.basic-italic {font-style:italic;}

.red {color: #FF0000;}

.photo-border {border: solid 5px #c9c7a4}

.img-left {border: solid 5px #a66079; margin: 0 10px 4px 0; float:left;}

.img-right {border: solid 5px #a66079; margin: 0 0 4px 10px; float:right;}

/*======================================================== FORM STYLES ======================================================== */

#searchForm { }

#searchForm input, #searchForm textarea, #searchForm select{color:#5b2d27; background-color:#f5f5ea; padding: 2px; border: solid 1px #5b2d27;}


#typein { }

#typein input, #typein textarea, #typein select{color:#5b2d27; background-color:#f5f5ea; padding: 2px; border: solid 1px #5b2d27;}



/* ----------- CSS Navigation ---------------- */
ul#nav {float:left;width:916px;height:40px;background:url(/images/nav-bckgrd.gif) no-repeat #5b2d27; list-style:none; /*padding-left:22px;*/}

#nav li a, #nav li a:hover {text-decoration:none;float:left;text-indent:-999px !important;}
#nav a#nav_home {width:132px;height:40px;background:url(/images/nav/home.jpg) no-repeat;}
#nav a#nav_products {width:137px;height:40px;background:url(/images/nav/products.jpg) no-repeat;}
#nav a#nav_contact {width:122px;height:40px;background:url(/images/nav/contact.jpg) no-repeat;}

#nav li {display:inline;}
#nav a:hover#nav_home,  #nav a:hover#nav_products, #nav a:hover#nav_contact{background-position:0px -40px;color:#000;}
#inde a#nav_home,  #prod a#nav_products, #cont a#nav_contact{background-position:0px -40px;}


/* DROP DOWN MENU controls */
/*#nav li ul {margin:0; padding:0;position:absolute;width:170px;left:-999em;height:auto;background:#fcfaed; color:#716f5a;z-index:999;margin-left:20px;}
#nav li ul li {margin:0; padding:0;display:inline;}

#nav li ul li a {float:left;clear:left;color:#000;text-decoration:none;font-size:11px; display:block;padding:3px;width:164px;}
#nav li ul li a:hover {text-decoration:none; background-color:#716f5a; color:#fcfaed;}

#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover {position: static;}*/

/* ------------- */
/*	-------------
	Manage tables
	-------------
*/
.manage_table {
	border-top: 1px solid #7e3e35;
	border-left: 1px solid #7e3e35;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	width: 90%;

}

.manage_table tr td, .manage_table thead th {
	border-bottom: 1px solid #7e3e35;
	border-right: 1px solid #7e3e35;
    padding:5px;
    font-size:13px;
    color:#222;
}

.manage_table thead th {
	background-color: #5C2D27;
    padding:7px;
    
}

.manage_table th a {text-decoration:none;color:#E6E5D0;}

.page_select {
	clear: both;
	margin: 20px 0px 10px 0;
	width: 90%;
}

.page_select a{
	text-decoration: none;
}

.search {
	text-align: left; margin-bottom:12px;
}

.even {
	background-color: #f5f5ea;
}

.odd {
	background-color: #eeedd7;
}