/* CSS Document */

body {	font-family: "georgia", san-serif;
		font-size: 12px;
		color: #1a0e5a;
		margin-top: 0;
		padding-top: 0;
		background-color: #ffffe5;
}

h4 {
	font-size:	13px;
	color: #acac4f;
	line-height: 18px;
	text-align: left;
	padding: 0 0 0 0;
	background-color: #ffffe5;
	font-style: italic;
	font-weight: normal;	/*side bar italics*/
	

}

h1 { 	font-size: 16px;
		color: #b2b557;
		font-weight: lighter;
		text-align: left;
		line-height: 16px;
		padding: 0 0 5px 0;
		/*paragraph header, dk green*/

}

h2 { 	font-size: 12px;
		color: #acac4f;
		font-weight: lighter;
		line-height: 16px;
		margin: 0 0 0 0;
		/*footer, dk green*/

}

h3 { 	font-size:	12px;
		color: #1a0e5a;
		line-height: 15px;
		font-weight: lighter;
		padding: 0 0 0 0;
		text-align: left;

}

p {
	font-size:	12px;
	color: #1a0e5a;
	line-height: 15px;
	text-align: justify;
	padding: 0 0 0 0;
	background-color: #ffffe5;
	font-weight: 100;	/*main paragraph, dk blue*/

}

ul	{	list-style-type: none;
		padding: 10px 0 25px 0;
		margin: 0 0 0 0;


}

a	{	color: #281b6f;
		text-decoration: none;
				font-size: 13px;

		

}

a:hover	{	background-color: #F1F2DA;
					font-size: 13px;

		

}
/* leave visited color as #none so it doesn't interefere with the hover comand*/		

}

a:visited	{	color: #none;
						font-size: 13px;

		

}

li a{ display: block;/*tells it to each up as much horizontal space as you want*/
		padding: 5px 0 5px 2px;
		font-size: 13px;
		font-weight: lighter;
		
}




#container { 	width: 650px;
				margin-left: auto;
				margin-right: auto;
				background-color: none;
				padding: 0px 0 0 0;
				
				
			
}
#banner { 	width: 650px;
				background-color: none;
				padding: 20px 0 0 0;
			
}


#content {		width: 650px;
				float: left;/* if you loose background color it is becuase it doesn't recognize float, go to bottom and do clear:both then add div id about closing caintainer div*/
				padding: 0 0 0 0;
				background-color: none;

}
#column-right {		width: 455px;
				float: right;/* if you loose background color it is becuase it doesn't recognize float, go to bottom and do clear:both then add div id about closing caintainer div*/
				padding: 5px 0 0 0;
				background-color: none;
				text-align: justify;

}
#column-left {		width: 175px;
				height: 450px;
				float: left;/* if you loose background color it is becuase it doesn't recognize float, go to bottom and do clear:both then add div id about closing caintainer div*/
				padding: 5px 0 0 0px;
				background-color: none;

}

#column-1 {		width: 237px;
				float: left;/* if you loose background color it is becuase it doesn't recognize float, go to bottom and do clear:both then add div id about closing caintainer div*/
				padding: 5px 0 0 0px;
				background-color: none;

}

#column-2 {		width: 217px;
				float: left;/* if you loose background color it is becuase it doesn't recognize float, go to bottom and do clear:both then add div id about closing caintainer div*/

				padding: 5px 0 0 0px;
				background-color: none;

}
#column-3 {		width: 217px;
				float: left;/* if you loose background color it is becuase it doesn't recognize float, go to bottom and do clear:both then add div id about closing caintainer div*/
				text-align: center;
				padding: 5px 0 0 0px;
				background-color: none;

}

#footer {	width: 100%;
			float: left;
			height: auto;
			padding: 15px 0 0 0;
			text-align: center;
			color: #1a0e5a;
			background-color: #ffffe5;

}


/*classes*/

.image-left { float: left;
				padding: 0 0 10px 0;
}
.image-right { float: right;
				padding: 0px 0 10px 0;
}


#clear { clear:both;

}