/*
Default stylesheet for: 	
		www.newera.com
*/

/* ----------------------- HTML Elements ---------------------------------------- */
a, a:link, a:visited  {
	color: #666;
	TEXT-DECORATION: none;
}
a:hover, a:active{
	color: #9cc8ff;
	TEXT-DECORATION: none;
}

html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background-color:#fffff; /*color background - only works in IE */
	font-size:90%; /*set default font size */
	_font-size:96%; /*set default font size IE*/
	line-height: 100%;
	font-family: arial, tahoma, verdana, sans-serif; /* set default font */
}

body{ 
	height: 100%;                                                                   /* Make sure the document takes up the whole window. */
	
	color: #666;
	background-color: #ffffff;
	
	text-align: justify;
	border:0; 
	min-width: 780px;
	z-index: 0;
	background: white url(graphics/bodyback.jpg) repeat-y center;
}

p{ 
	background-color: transparent; 
	margin: 0 0 0 0px;
}

h1 { 
	font-size: 1.0em; 
	color: white; 
	background-image: none;
	font-weight : bold;
	margin: 0px;
	}

h2 { 
	color: #666;
	font-size: 1.0em; 
	font-weight : bold;	
	width:100%; 
	display:inline;
}

h3 { 
	color: #666;
	font-size: 1.0em;
}

h4 { 
	font-size: 1.0em; 
	color: #666; 
	font-weight : normal;
}

hr { 
	color: #ccc; 
	height: 1px;
	margin-top:10px;
}

ol {
	/*list-style-image: url("graphics/bullit.gif")*/	
	margin-top: 0px;
	margin-bottom: 10px;
}

ul {
	/*list-style-image: url("graphics/bullit.gif")*/
	list-style-type: square;
	margin-top: 0px;
}

li {
	text-align : left;
}

img {
	border: 0px;
}

imgpng{
	_behavior: url(iepngfix.htc);
}

input { 
	font-size: 1.0em; 
	color: #ccc;	
	background-color: White;
	margin-left : 0px;
	padding-left : 0px;
	padding-right : 4px;	
	border : 2px solid #ccc;
	font-weight: bold;
	
	margin-bottom : 2px;
} 
label{
	font-size: 1.0em;
}
textarea { 
	font-size: 1.0em; 
	color: #999;
	background-color: White;
	margin-left : 0px;
	padding-left : 0px;
	padding-right : 4px;
	margin-bottom : 2px;
	border : 2px solid #ccc;
} 

/* ############################################ */
/* ############ Vertical Centering ############ */

#pagebody{	
   clear: both;

 	/* IE4ever Hack: Hide from IE4 **/
   position: relative;
 	/** end hack */

	/*margin-top:-290px;
	top:50%;*/
}
#shim {
    visibility: hidden;
    width: 100%;
    height: 50%; /* Bump folowing item down half the height of the screen. */
    margin-top: -300px; /* move shim Half the height of main. */
    _margin-top: -315px; /* move shim Half the height of main. */
    float: left;
	 background-color: aqua;
	 border:1px solid green;
}

/*
 *
 * Issue: IE5mac interprets negative values as positive.
 *
 * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
 *
 */

/* Hide from IE5mac \*//*/
    div#shim {
        display: none;
    }
    html, body {
        height: auto;
    }
/* end hack */

/* ]]> */

/* ############################################ */
#pagebody{
	width:100%;
	padding:0px 0px 0px 0px;
}
	
#main{
	width:800px;
	height:550px;

	position: relative;
	margin-left:auto;	/* Horizontal centering */
	margin-right:auto; /* Horizontal centering */

	border: 15px solid white; 
	background: white url(graphics/pageback.jpg) repeat-y center;
}

/* ------------------------- left --------------------- */
#main-left{
	width: 400px;
	position: relative;
	float: left;
}

	#logo{
		width: 400px;
		margin:20px 0px 0px 0px;
		position: relative;
		float: left;
	}	

	#contactsleft{
		margin-top:84px;
		color:#999;
		font-weight: bold;
	}
	#menuleft{
		margin-top:30px;
	}
	#menuleft, #contactsleft{
		width: 288px;
		margin-left:112px;
		_width: 288px;
		_margin-left:56px;
		position: relative;
		float: left;
		font-weight: bold;
		line-height: 200%;
		color: #999;
	}	
		#menuleft a, #menuleft a:link, #menuleft a:visited, #contactsleft a{
			/*font-size: 1em;*/
			font-weight: bold;
			line-height: 200%;
			color: #999;
		}
		#menuleft a:hover, #menuleft a:active{
			color: #9cc8ff;
		}
		
		a.footlinks, a.footlinks:link, a.footlinks:visited{
			font-size: 0.8em;
			color: #999;
		}
		a.footlinks:hover, a.footlinks:active{
			color: #9cc8ff;
		}
	
		#menuleft form {
			background: transparent;
			margin-top:18px;
		}
		#menuleft label {
			margin-top:4px;
			_margin-top:0px;
			margin-left:10px;
			margin-right:4px;
			color:white;
			/*font-size: 1.1em;*/
			font-weight:bold;
		}
		#menuleft input {
			width:165px;
			padding-left:2px;
			color:#666;
		}
		#menuleft input.searchgo {
			Width:90px;
			color: #666;
			padding-left: 2px;
		}
		
/* ------------------------- right --------------------- */
#main-right{
	width: 400px;
	position: relative;
	float: left;
}
	
	#anim{
		width: 200px;
		height:200px;
		float:left;
		margin: 25px 20px 10px -140px;		
		border:white solid 15px;
		display: block;	
		/*overflow: auto;*/
	}

	#content{
		width: 360px;
		position: relative;
		float: left;
		margin-right:20px;
		margin-top:38px;
		padding-left:20px;
		z-index: 20;
		line-height: 180%;
	}
	#content h1 { 
		display: inline;
	}

	#content li{
		margin-left: -25px;
	}
	#content a, #contentt a:link, #contentt a:visited  {
		color: white;
	}
	#content a:hover, #content a:active{
		color: #9cc8ff;
	}
	.links {
		list-style-type: none;
	}