body, html    { height: 100%; 
			color: #666; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
            font-size: 11px;
			text-align: center; /*** Centers the design in old IE versions ***/
			
			}
body   { 
			background-color: #F5F5E0; 
            margin: 0px; 
			padding: 0px; 
			min-width: 1000px;
			background-image: url('images/bg.gif'); 
        	background-repeat: repeat-x;
			}			
			
p, table, div, ul { text-align: left; 
		font-size:11px;
		line-height: 160%;}
			
#content {
		margin-left: auto; 
		margin-right: auto;
		width: 1000px;

		}	

#nav        { height: 35px;
              margin: 0 auto;
			  padding-top: 0px; 
			  text-align: left;}

#head       { height: 160px;
			margin: 0 auto; 
			padding: 0px;  
			 }
			 
			 
#main {	margin: 0 auto; 
		padding: 0px; 
		width: 1000px;
		min-height: 100%;
		position:relative;
		}		
		
* html #main {
	height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}		 
/*** ---------------- start Columns ----------------- ***/			
			
#side    { 	position:relative;
			float: left; 
			width: 400px;  
			margin: 0; 
            padding: 0px 50px 0px 0px;
			min-height: 400px;
			}
* html #side {
	height: 400px;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}		

#middle {
		margin: 0 auto;
		padding: 20px 20px 0px 0px;
		height: 100%; 
		}	

		
#right    { float: right; 
			width: 170px; 
			text-align: left; 
			margin: 0; 
            padding: 20px 10px 0px 10px;
			background-color: #EDEDC8;
			min-height: 100%;
			height: 100%;
			 }	
			 
* html #right {
	height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}	

#full    { 	position:relative;
			float: left; 
			width: 900px;  
			margin: 0; 
            padding: 20px 0px 0px 0px;
			min-height: 400px;
			}		
			
/*** ---------------- End Columns ----------------- ***/	

a {
	color: #B30000;
	text-decoration: none;
	/* border-bottom:1px dotted #999; */
}
a:hover{
	color: #B30000;
	text-decoration: underline;
}
#nav a {
	color: #333;
	text-decoration: none;
	border-bottom:0px;
}
#nav a:hover{
	color: #B30000;
	text-decoration: none;
}


h1 {
	font-size: 14px; 
	font-weight: bold;
	padding-bottom: 1px;
	padding-top: 7px;
	color: #CCCC66;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 8px;
	color: #666;
}
.large {
	font-size: 16px; 
	font-weight: normal;
	color: #AAAA66;
}

	
/* ul { list-style: inside url('images/bullet.gif'); margin-left: 20px; margin-right: 10px; padding: 0px;} */
ul {list-style-image:url('images/bullet.gif'); list-style-type:square;  }
li {  margin-left: -20px;  line-height: 1.7em; margin-bottom: 5px; } 


hr {
	color: #ccc;
	border-style: solid;
	background-color: #ccc;
	height: 1px;
	}

.clear { clear: both;
         display: block;     
         height: 0;          
         visibility: hidden; }

select, input, menu, list, form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.border {border-width: 1px;
	border-style: solid;
	padding: 2px;
	border-color: #cccc66; }

#foot {
	clear: both;
	height: 200px;
	color: #666;
	text-align: center;
	padding-top: 20px;
	background-color: #fff;
}
.stallion { overflow: auto; border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; }