/***************************************************************************
 *
 * style.css - Layout styles to be used for LouisianaShops
 * 
 ***************************************************************************
 *
 * To be used by templates home.tpl and subpage.tpl
 * 
 * Author: Kenneth Pardue                         Last modified: 2005-08-31
 * 
 * Copyright (c) 2005 by Kenneth Pardue
 * 
 ***************************************************************************/

/* ::::: Tag Modifications ::::: */
body{
	background-image: url(images/body_bg.jpg);
	background-color: #c2cbda;
	background-repeat: repeat-y;
	margin: 0 auto;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size:13px;
	height:100%;
}
a:link, a:active, a:visited{
	color:#2f4368;
}

h1{
	font-size:24px;
	font-weight:bold;
}

h2{
	font-size:14px;
	font-weight:bold;
}

/* ::::: Basic Structure ::::: */

/* ::::: Header Elements ::::: */
#header_container{ /* Header placed at the top of the page */
	width:100%;
	height:80px;
	background: url(images/header_bg.jpg);
	margin: 0 auto;
}

#header_logo{
	width:300px;
	height:80px;
	float:left;
	background: url(images/header_logo.jpg) no-repeat;
}

#header_link{
	width:300px;
	height:80px;
	display:block;
}

#header_img{
	width:440px;
	height:80px;
	float:right;
	background:url(images/header_img.jpg) no-repeat;
}
#header_menu{
	position:absolute;
	top:62px;
	left: 200px;
	font-size:12px;
}

/* ::::: Main Body Elements ::::: */
#wrapper{ /* Container for all things below the header */
	width:760px;
	background: url(images/wrapper_bg.png);
	margin: 0 auto;
}

#left_column{
	/*width:610px;*/
}

#right_column{
	/*width:140px;*/
}

#footer{
	background:url(images/footer_bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:15px;
	font-size:13px;
	width:610px;
	vertical-align:bottom;
}
#content_container{
	width:610px;
}

#content_img1{
	width:610px;
	height: 13px;
	background: url(images/content_img1.png);
	font-size:11px;
	display:none;
}

#content_img2{
	width: 2px;
	height: 145px;
	background:url(images/content_img2.png) no-repeat;
	float:left;
	display:none;
}

#content_img3{
	width: 28px;
	height: 145px;
	background:url(images/content_img3.png) no-repeat;
	float:right;
	display:none;
}

#content{
	width:580px;
	padding:10px;
	position:relative;
}

#category_search_box{
	background-color:#2f4368;
	color:#ffffff;
	padding-left:7px;
	font-weight:bold;
	text-align:center;
	height: 60px;
}

#category_search_box a:link, #category_search_box a:active, #category_search_box a:visited{
	color:#0099CC;
}

#category_list{
	padding-left:5px;
	font-size:12px;
}
.form_constricted_btn{
	font-size:11px;
	height:17px;
}

.form_constricted_textfield{
	font-size:12px;
	height:12px;
}

.status_message{
	background-color:rgb(193,201,210);
	padding:15px;
	text-align:left;
	border:2px solid rgb(104,107,112);
	margin:0px auto;

}

table{
	border-collapse: collapse;
}
.searchresultdisplay td{
	border:1px solid #5B6E90;
	padding:3px;
	background-color:#cac7b8;
	font-weight:bold;
}
.searchresultlink a{
	display:block;
	/* height:82px;*/
	text-decoration:none;
}

.searchresultlink a:hover{
	background-color:#c9c3a6;
}

#searchbox_businesses {
	width:500px;
}
#searchbox_classifieds{
	width:500px;
}

#category_search_table td{
	font-size:80%;
}

/* ::::: Visual Modification and Class-Based Markup ::::: */

fieldset{
	width:500px;
	margin-top: 12px;
	margin-bottom: 12px;
}
legend {
	color:#0046d5;
	font-weight:bold;
}

.city_title{
	font-size:175%;
	font-weight:bold;
	text-align:center;
	width:490px;
	margin-left:50px;
}

.city_caption{
	font-size:60%;
	font-style:italic;
	display:block;
	text-align:right;
}

.errormsg{
	font-weight:bold;
	color:#ff0000;
	border:1px dashed black;
	width:60%;
	background-color:#CCCC99;
}

.required_field{
	color:#ff0000;
	font-weight:bold;
}

.statusbox_active{ /* Active or Incompleted Fields */
	background-color:#ffffbe;
	padding:3px;
}

.statusbox_inactive{ /*Inactive or Completed Fields */
	background-color:#e8cb74;
	padding:3px;
}

.italic_text{
	font-style:italic;
}
.expired{
	color:#666666;
	font-style:italic;
	text-decoration:line-through;
}