a, 
a:link {
	color: #0066CC;
	font-weight: inherit;
	text-decoration: underline;
}

a:hover {
	color: #0066FF; 
	background-color: #EEE;
	border: 1px solid #666;
	margin: -1px;
	text-decoration: none;
}

a img, 
a:link img,
a:hover img {
	margin: -1px;
	padding: -1px;
	text-decoration: none;
	border: 0px solid transparent;
}




.noHover a,
.noHover a img,
.noHover a:hover  {
	margin: 0;
	padding: 0;
 	border: 0;
}

.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

#outerContentWrapper {
	width: 950px;
	clear: both;
	margin: 0 auto;
	text-align: left;
	/*border: 2px solid #251E1F;*/
	background-color: #FFECB9;
}

#outerContentWrapper #topBorder { 
	height: 34px;
	width: 950px;
	clear: both;
	/*background: url("/images/paper/Paper_top.gif") bottom left no-repeat;*/
}

#outerContentWrapper #bottomBorder { 
	height: 0px;
	width: 0px;
	/*background: url("/images/paper/Paper_bottom.gif") top left no-repeat;*/
	clear: both;
}

#innerContentWrapper { 
	width: 930px;/*This is necessary or the width doesn't always go to 100%, causing some layout problems.*/
	/*background: url("/images/paper/Paper_center.gif") top left repeat-y;*/
	float: left; 
	padding: 0px ;
	font-size: 0.8em;
	/*border: 1px solid red;*/
}

#outerContentWrapper #innerContentWrapper #Nav { 
	width: 100%;
	/*background: url("/images/paper/Paper_logo.jpg") top right no-repeat;*/
	height: 175px; 
	/*border: 1px solid #CCCCCC;*/
	font-size: 1.5em;
	color:  #660000;
	text-align: left;
	clear: both;
}

#SidebarWrapper {
	background-color: #942724;
	border-right: 2px solid white;
	color: #FFECB9;
	width: 140px;
}

#Sidebar {
	padding: 10px;
}

#Sidebar h1,
#Sidebar h2,
#Sidebar h3,
#Sidebar h4,
#Sidebar h5,
#Sidebar h6,
#Sidebar h7 {
	color: #FFECB9;
}

#Sidebar #SidebarQuote {
	margin: 15px 0px 0px;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	
}

#Sidebar blockquote {
	margin: 5px;
	font-style:italic;
}



#Sidebar ul,
#Sidebar ol,
#Sidebar li {
	padding: 0;
	margin: 9px 0px; 
	list-style-position:outside;
	list-style-type: none;
	text-indent: 0px;/**/
}

#Sidebar a { 
	font-size: 1.1em;
	font-weight:bold;
	color: #FFECB9;
	text-decoration: none;
}

#Sidebar a:hover { 
	color: #FFF;
	background: none;
	border: none;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

#PrimaryContentWrapper {
	padding: 25px;
}

.inverseText {
	background-color: #251E1F; 
	color: #fff;
	font-weight:bold;
	padding: 15px;
}

#NewsletterSignupPopup {
	border: 2px solid black;
	padding: 10px;
	background-color: #FDFCEA;
	position: absolute;
	right: 10px;
	display:block;
	top: 25%;
	z-index: 1000;
	margin: 10px;
}

.instructions {
	color: #666666;
}

.small {
 font-size: 0.95em;
}

.small2 {
 font-size: 0.99em;
}

form {
	background-color: #FFECB9;
}

.hideInput { 
	visibility:hidden;
	width: 0px;
	margin: 0px;
	padding: 0px;
}


/* Easy Clearing of Float: The clearfix uses the pseudo element after: which generates content after an element. The appended content in this case is a simple punctuation mark, the period, which is given a height of 0 and a visibility set to hidden. We can then add clear:both to our pseudo element, and viola! Our float is cleared. We also do a little IE Mac hiding to complete the technique. */
.clearfix:after {   
     content: "."; /* This dot is the actual appended content */   
     clear: both;   
     height: 0;   
     visibility: hidden;   
     display: block; 
} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
/* End hide from IE-mac */