/*http://matthewjamestaylor.com/blog/perfect-3-column-blog-style.htm*/

/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background: none;
		background-image:url(../img/background.jpg);
		background-repeat:no-repeat;
		min-width:600px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
a:link {color: #75533C}      /* unvisited link */
a:visited {color:#75533C}  /* visited link */
a:hover {color: #B8413A; text-decoration:underline;}  /* mouse over link */
a:active {color:#B8413A}  /* selected link */
#header a, a:visited, a:active, a:visited {
	text-decoration:none;
	color:#dddddd;
	}
#header a:hover {
	color: #B8413A; 
	text-decoration:underline;}  /* mouse over link */
/*#header form {float:right;
margin-right:50px;}	*/
#headercontent{float:left;
width:70%;}
#searchbox{
	margin-right:30px;
   float: right;
   width: 20%;
  
}
 
#title {
	margin: 0;
	position: relative;
	left: 10px;
	top:0px;
	width:500px;
	}
#result{

margin-left:20px;
}	
 .floatright{float:right;
 margin:10px;}
 .floatleft{float:left;}
 .left{text-align:left;}
 .center{text-align:center;}
 .right{text-align:right;}
 .just{text-align:justify;}
 
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
		border:none;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		height:20px;
		background-color:#000000;
	margin:0px, 10px,0px,10px;
	padding:20px;
	font-family: Times, serif;
  	font-size: 20px;
	/*line-height: 24px;  */
	color: #eeeeee;
	text-decoration:none;
	}

	#layoutdims {
		clear:both;
		background:#fff;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;				/* width of whole page */
		overflow:hidden;			/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {

		float:left;
		position:relative;
		padding:1em 0 1em 1em;		/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column blog style settings */
	.blogstyle {
		background: none;			/* right column background colour */
	}
	.blogstyle .colmid {
		right:35%;				/* width of the right column */
		background: none;		/* center column background colour */
	}
	.blogstyle .colleft {
		right:15%;				/* width of the middle column */
		background: none;			/* left column background colour */
	}
	.blogstyle .col1 {
		width:46%;				/* width of center column content (column width minus padding on either side) */
		left:52%;				/* 100% plus left padding of center column */
	}
	.blogstyle .col2 {
		width:21%;				/* Width of left column content (column width minus padding on either side) */
		left:56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .col3 {
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		left:60%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}