/************************************
Styles: Written by Mark Royko 1.25.05
updated 11/26/07
www.markroyko.com
*************************************/

@import url("../styles/specials.css");
@import url("../styles/navigation.css");
@import url("../styles/the_well.css");

@import url("../styles/dropdown.php");


/*
red border: #CE7788
light red: A80A3A;
deep red: 900731;
light-grey: 796860;6B5C55;

*/

/*Styles start with all boxes, containers, positioning*/

	body {
		margin:-10px 0 15px -35px; 
		padding:0;
		font:11pt/1.5 sans-serif;
		font-family: verdana, tahoma, arial;
		text-align:center;
		background-color:#F3F1DC;
		font-size:.8em;
		color: #7A685A;
		}
	
	#cap{
		background:url("../images/cap2.jpg") no-repeat;
		height:26px;
		width: 950px;
		position:relative;
		margin:0 auto;
		padding:0 50px 0 53px;
	
	}	
	
#logo {
margin-top:0px;
position:absolute;
top:25px;
}

	#Container {
		width: 950px;
		position:relative;
		text-align: left;
		margin:0 auto;
		background:url("../images/background2.jpg") repeat-y;
		padding:0 50px 0 53px;
		margin-top:-1px;
		}
		

		
	#Box {
		
		margin:0;
		padding:0;
		border-top:4px solid #6B5C55;

		}
	
	/* left side: This floats over the colored background set up within the #Box */
	.Sidebar {
		float: left;
		margin: 0;
		margin-top:1px;
		margin-left:10px;
		padding:0;
		width: 165px;
		}
	

		

#Maincolumn{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 10px 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	float:left;
	width:530px;
	}
	
	

	
/*html>body #Maincolumn { width:643px } */

/*Now that the main column in the well has been set up, give it another div to get rid of the stupid IE rendering problems--
(You can't just give main column left-right padding*/

#Inner{
	margin:0px 5px 0px 10px;
	padding:10px 0 0 0;
	}
	
	

	#header {
		margin-top:1px;
		padding:0;

		background-color:#A2082C;
		color:white;
		padding:10px 0 10px 15px;
		height:105px;
		}
	#headerNav{
		margin:0; padding:0 10px 3px 0;

		background:#900731;
		border-bottom:1px solid #CE7788;
		color:white;
		text-align:right;
		font-size:10px;
		}
	
	
	
#footer{
		margin:0; padding:25px 15px;
		background:#4D4A43;
		border-top:1px solid #efefef;;
		color:white;
		text-align:center;
		font-size:10px;
		}
		
.indent{
	margin:0 30px 0 10px;
	}
		
/***************************************************
Links
***************************************************/

a {
	color: #336699;
	text-decoration: underline; 
	font-size:.9em;
	}
/*a:link { color: #336699; }*/
a:hover { color:red;}

/**********************************
Text Styles
**********************************/

	p {
		font-family: verdana, tahoma, arial;
		font-size:12px;
		line-height:19px;
		margin:8px 0 8px 0;
		}


	ul li{
		list-style-type:square;
		}
		
	h1{
		color:#444444;
		margin:0 0 10px 0; padding:0;
		font-size:1.75em;
		line-height:1em;
		display:block;
		}
		
	h2{
		color:#444444;
		margin:0 0 10px 0; padding:0;
		font-size:1.5em;
		line-height:1em;
		display:block;
		}
		
	h3{
		color:#444444;
		margin:0 0 10px 0; padding:0;
		font-size:1.2em;
		line-height:1em;
		display:block;
		}



/*==========================FOOTER Links===============================*/

#footer a{
	color:white;
	text-decoration: none;
	background-color:none;
	 }
#footer a:hover{
	color: #FFDA00;
	text-decoration:underline;
	 }
/*================MISCELLANEOUS=====================*/

/* Remove traces of float */	
.ClearAll {
	clear: both;
	font-size: 2px; }

.SpacerClearRight { clear: right; font-size:1px; }
.SpacerClearLeft { clear: left; font-size:1px; }

.invisiclear {
	font-size: 0px;
	height: 0px;
	clear: both;
	margin:0;padding;0;
}
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 

.lightgrey{
	background-color:#FBFBFB;
	}
.midgrey{
	background-color:#F6F6F6;
	}
	
.darkgrey{
	background-color:#EFEFEF;
	}