@charset "utf-8";

/* RESETS & BASIC PAGE SETUP */
* {margin: 0px; padding:0px;}
html{overflow-y:scroll;}
body {
	font: 62.5% Verdana, san-serif;
	background: url(images/common/bgTile.jpg) repeat left top;
	color:#666;
	}
html, body, #page-wrap {height: 100%;}
body > #page-wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 40px;}  /* must be same height as the footer */

ul {list-style:none inside;}
p {font-size: 1.1em; line-height: 1.4em; margin:0 1em 1.4em; text-align:justify;}
a {outline: none;}
a img {border: none;}
/*END RESET*/

/*TOOL BOX*/
.floatLeft {float: left;}
.floatRight {float: right;}
.clear {clear: both;}
/*END TOOLBOX*/

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* STRUCTURE AND STUFF*/
h1{
	color:#600;
	font-weight:normal;
	font-size:1.4em;
	line-height:1.6em;
	border-bottom: #ccc solid 1px;
	margin:0 0 .4em 0;
}
p.metaData{
	color:#333;
	font-size:1em;
	margin-bottom:1em;
}
p em.refrence{
	color:#333;
	font-weight:normal;
	font-size:1em;
}
#page-wrap{
	width:980px;
	margin:0px auto;
	background:url(images/common/contentTile.png) repeat-y top left;
}
#content-wrap{
	padding: 0 10px;		
}
.loginHolder{
	text-align:center;
}
.loginHolder input{
	padding:4px;
	color:#666;
	font-size:1.1em;
}	
#header{
	width:960px;
	height:188px;
	background:url(images/common/header.jpg) no-repeat;
	float:left;	
}
#navBar{	
	margin:0 10px;
	border-bottom:1px solid #ccc;
	padding:10px 0 6px 0;
}
#inputBox{
	width:960px;	
	float:left;
	overflow:hidden;
	height:0px;	
}
#inputHolder{
	width:680px;
	margin:10px;
	float:right;
	border-bottom:1px solid #ccc;
	padding-bottom:6px;	
}
.inputRow{
	padding:6px;
	background: #eee;
	margin-bottom:6px;
	border: 1px solid #999;
}
.inputRow label{
	color:#600;	
	line-height:1.4em;
}
.inputRow input{
	padding:4px;
	color:#666;
	font-size:1.1em;
	border: 1px solid #ccc;
}
.inputRow textarea{
	padding:4px;
	color:#666;
	font-size:1.4em;
	border: 1px solid #ccc;
}
.inputRow submit{
	float:right;
}
#smallCol{
	width:250px;	
	margin: 10px 0 0 10px;
	float:left;	
}
.thumbHolder{
	width:222px;
	height:42px;
	background:url(images/common/sideImageHolder.jpg) no-repeat;
	padding:8px 14px;
}
#largeCol{
	width:680px;	
	margin: 10px 10px 0 0;
	float:right;
}
.entryHolder{
	padding:0 0 20px 0;
}
p img.entryPic{
	padding-right:6px;	
	margin-left:-4px;
}
#footer {
	width:960px;
	margin:0px auto;
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;		
}