/***
Style Sheet for Performance.charolais.com
Mark Lowerison. October 2006.

*Note.  Although there are substandial Changes...

Parts of this design come from a very well done template on OSWD.org
It was called City in Paint.
The left navigation in particular came from there.  Also some code from the
One True Design Article was included.

Thank You Guys.

I would not have been able to come up with this nice site without Y'all.
I will repost the template when I am done.
Mark Lowerison.

		
***/



html,body {
	min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	background: #FFF url('images/bodyback.png') repeat-y;
	margin:0; 
	text-decoration:none;
	}
		
#header {
	width:100%;
	height:120px;
	background:url('images/headerback.png') repeat-x;
	text-decoration:none;
	}

#header h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:right;
	font-weight:normal;
	padding-top:15px;
	margin-right:30px;
	color:#ffffff;
	}
	
#header h2 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:20px;
	text-transform:lowercase;
	text-decoration:none;
	text-align:right;
	color:#ff0000;
	margin-top:-20px;
	margin-right:30px;
	font-weight:normal;
	}
	
	

#container {
	padding-left: 200px;      /* LC fullwidth */
	padding-right: 190px;     /* RC fullwidth + CC padding */
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	}
	
		
#container .column {
	position: relative;
	float: left;
	}
		
		#center {
		padding: 10px 20px;       /* CC padding */
		width: 100%;
		
		}
/*		#conf {
		width:500px;
		padding:15px;
		background-color:white;
		}
		#conf p{
		color:red;
		font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		}
		
		#conf h2{
		text-align: left;
		color: #182C4E;
		font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		font-style:italic;
}				
		
		#conf h3{
		text-align: left;
		color: #182C4E;
		font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		font-style:italic;
}*/		
		
		#center h1{
		color: #182C4E;
		font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
}

		#center h2{
		text-align: left;
		color: #182C4E;
		font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		font-style:italic;
}

		#center h3{
		text-align: left;
		color: #182C4E;
		font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		font-style:italic;
}

	#center h4{
		text-align: left;
		color: #ff0000;
		font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		font-style:italic;
}	
		#center a{
		text-decoration:none;
		font-weight:bold;
		color: #182C4E;
}

		#center p{
		font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
}

		
		#center ul{
    	list-style-image: url(images/li_bullet.gif);
}
		
		
		#left {
			width: 180px;             /* LC width */
			padding: 0 20px;          /* LC padding */
			right: 240px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
			color:#FFF;
			min-height: 100%;
			
		}
		
		#right {
			width: 130px;             /* RC width */
			padding: 0 10px;          /* RC padding */
			margin-right: -100%;
			
		}
		
		#footer {
			clear: both;
			text-align:center;
			font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 150px;              /* RC fullwidth */
		}

		/*** Equal-height Columns ***/

		#container {
			overflow: hidden;
		}

		#container .column {
			padding-bottom: 1001em;     /* X + padding-bottom */
			margin-bottom: -1000em;     /* X */
			overflow: hidden;
		}

		/*** Footer Fix ***/

		* html body {
			overflow: hidden;
		}
		
		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: #FFF;         /*** Same as body background ***/
		}

		/*** Just for Looks ***/

		
		#container .column {
			padding-top: 1em;
			text-align: justify;
		}
		
		
/* Images */		
		a img{
	border: none;
	}

img.left,img.center,img.right {
	padding: 4px;
	border:none;
	}

img.left {
	float:left;
	margin: 0px 12px 5px 0px;
	}

img.right {
	float: right;
	margin: 0px 30px 5px 0px;
	}
	
/* Navigation Menu */


#left p {
	margin-left:15px;
	margin-right:25px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	}

#navigate-images {
	width:170px;
	margin-left:12px;
	background-position:  0 0px;
	line-height:21px;
	}

#nav_list {
	margin: 0;
	padding: 0;
	width: 170px;
	list-style: none;
	overflow: hidden;
	}

#nav_list li {
	width: 170px;
	overflow: hidden;
	text-transform: uppercase;
	font-size:10px;
	font-weight:bold;
	}

#nav_list a {
	color:#fff;
	text-decoration:none;
	}

.li_nav_body a  {
	display: block;
	width: 170px;
	height: 20px;
	background: url(images/navigateback.png) no-repeat;
	padding-left: 25px;
	line-height:20px;
	font-weight:bold;
	}

.li_nav_body_current a  {
	display: block;
	width: 170px;
	height: 20px;
	background: url(images/navigateback.png) no-repeat;
	background-position:  0 -20px;
	padding-left: 25px;
	line-height:20px;
	font-weight:bold;
	}

.li_nav_footer a  {
	display: block;
	width: 170px;
	height: 21px;
	background: url(images/navigateback.png) no-repeat;
	background-position:  0 0px;
	padding-left: 25px;
	line-height:21px;
	font-weight:bold;
	}

.li_nav_footer_current a  {
	display: block;
	width: 170px;
	height: 21px;
	background: url(images/navigateback.png) no-repeat;
	background-position:  0 -20px;
	padding-left: 25px;
	line-height:21px;
	font-weight:bold;
	}

.li_nav_body a:hover {
	background-position:  0 -20px;
	color:#016001;
	}

.li_nav_footer a:hover {
	background-position:  0 -20px;
	color:#016001;
	}

.li_nav_footer a:active  {
	background: url(images/navigateback.png) no-repeat;
	background-position:  0 -40px;
	color:#fff;
	}



/*----- FORM ----- */

input   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: bold tahoma;
	color: #111111;
	margin:0px 0px 5px 0px;
	}

textarea.sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	height:80px;
	color: #707070;
	margin:5px 0px 5px 25px;
	}
	
textarea  {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: bold tahoma;
	color: #111111;
	margin:5px 0px 5px 0px;
	}	

input.sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	color: #111111;
	margin:0px 0px 5px 25px;
	}

input.button_sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:119px;
	color: #111111;
	margin:0px 0px 5px 25px;
	}

input.button_content   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: bold 10px tahoma;
	width:119px;
	color: #757575;
	margin:5px 0px 5px 0px;
	}
	
	
table{
font-size: 13px;
border-collapse: collapse;
margin-bottom: 10px;
width:90%

}
th{
color: #182c4e;
background: #f0f0f0;
padding: 5px;
border: 1px solid #a0a0a0;
}
td{
vertical-align: top;
line-height: 18px;
padding: 5px;
border: 1px solid #a0a0a0;
background: #FFF;
}

td.delete {
	border: 0px;
	width: 20px;
}

td input { 
border:0px;
width:90%;
}