/****************************************************************/
/* CSS Style Sheet for NEMATYC site						    	*/
/*   1.0 June 2009												*/
/* 																*/
/*								 								*/
/****************************************************************/


/*********************************/
/* Miscellaneous                 */
/*********************************/

.left_indent
{
	padding-left: 25%;
}

.indent
{
	padding-left: 25%;
	padding-right: 5em;
}




/*********************************/
/* Wrapper                       */
/*********************************/

#wrapper
	{
		width: 100%; 
	}

/*********************************/
/* Banner                        */
/*  Puts in the seal             */
/*   Windows browser don't seem  */
/*    to like .tif               */
/*  Text is in the actual page   */
/*********************************/

#banner
	{
		background-image: url(../../GIF_Files/NEMATYC_LOGO_200.jpg);
		background-repeat: no-repeat;
		background-position: left;
		/* width picked up from #wrapper */
		height: 210px;
		margin:10px;
/*
		background-image: url(../../Gif_Files/bluhorsa.gif);
		background-repeat: no-repeat;
		background-position: bottom;
*/
		
	}

/*********************************/
/* Basic                         */
/*********************************/

body
	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size: .9em;
	line-height:1.2em;
	margin:0px;
	padding:0px;
/* 	color: #666666; */
	color: black;
	background-color: #FFD; /* This is not from palette */
	}
p,h1,h2,h4,h5,h5,ol, ul
	{
	margin:0px;
	margin-bottom: 6px;
	padding:0px
	}
h1
	{
	color:#630;
	font-size: 2.0em;
	line-height:1.2em;
	text-align: center;
	}
	
h2
	{
	font-size: 1.5em;
	line-height:1.2em;
	}

h3
	{
	margin-left: 3%;
	}

/*********************************/
/* Guest Book                    */
/*  Future ??                    */
/*********************************/



	
/*********************************/
/* Links and News                */
/*********************************/

#links, #news, #sermons
{
	height: auto;
}

#links h3, #news h3, #sermons h3
{
	font-size: 1.4em;
	font-weight: bold;
	color: black;
	background: #FC6;
	padding: 4px 0px 5px 3px;
	margin-bottom: 9px;
}


	
/*********************************/
/* Links                         */
/*********************************/

#links
	{
		min-width: 150px;
		text-shadow: 0px 0px white;
				                                                           
		color: black;
				                                                           
		background: #F0E68C;
		float: left;
		clear:both;
		width: 20%;
/* 		width: see above */
		margin:0px;
		margin-top: 12px;
		margin-right:5px;
		line-height: 100%;
	}

/*********************************/
/* My Comment 					 */
/*   Below is probably not needed*/
/*********************************/

/*	
#links h2
	{
		
		font-size: 1.6em;
		font-weight: 800;
		line-height:1.0em;
		margin-top: 0px; 
		margin-left: 0px;
		margin-bottom: 14px;
		color:#FFF;
		background: #FC6;
		padding: 4px 0px 5px 3px;
		margin-bottom: 9px;
		}
	

#links h3
	{
	font-size: 1.4em;
	font-weight: bold;
	color: black;
	background: #FC6;
	padding: 4px 0px 5px 3px;
	margin-bottom: 9px;
	}
*/

#links ul
	{
		font-size: 1.15em;
		line-height:1.0em;
		margin-top: 0px; /* Space above */
		margin-left: 5px;
		list-style-type:circle;
	}
	
#links li
	{
		margin-top: 7px; /* Space above */
		margin-left: 20px;
	}
	

/*********************************/
/* Main                          */
/*********************************/

#main
	{
 		font-size: 1em;
 		margin-left: 21%; 
/* 		margin: 0px; */
		margin-top: 5px;
		padding:5px;
	}
	
#main ul
	{
		line-height:1.5em;
/*
		list-style-position:outside;
		list-style-type:none;
*/
		margin-left: 3%;
		margin-bottom: 2px;
		font-size: 1.5em;
	}
	
#main ul li
	{
/* 		margin-left: 220px; */
/*		margin:0px; */
		margin-bottom:.5em;

	}

#margin li
	{
	margin-left: 3%;
	bottom: 8px;
	}
	
#main ol li
	{
/* 		margin-left: 230px; */
		margin-left: 5%;
	}
	
#main p
	{
/* 		text-indent: 5em; */
		margin-left: 3%;
		font-size: 1.1em;
		margin-bottom: 10px;
	}
	

/*********************************/
/* colors are in transition      */
/*********************************/

#main h1
	{
/* 		color: #F93; */
/* 		color:#630; */
/* 		color: black; */
		color: #15317E;
		/*border-top: 5px solid #CC9;*/
		letter-spacing: -0.05em;
		margin:0px;
		margin-left:-21%;
}

#main h2
	{
/*  		font-size: 1em; */
/* 		color: #F93; */
		color: black;
		line-height:1.2em;
		margin:0px;
	/*	margin-left:170px;*/
	}

#main h3
	{
/* 		color: #F93; */
		line-height:1.3em;
		margin:0px;
		margin-top: 15px;
		margin-bottom: 5px;
	}


/*********************************/
/* news                          */
/*********************************/

#news
	{
		color: white;
		background: #F0E68C;
		float: right;
		width: 20%;
		min-width: 100px;
		/*height:640px;*/ 
		margin-top: 12px;
		margin-left: 5px;
 		border: 1px solid black; 
	}
	
#news *
	{
		color: #000;
	}
/*
	
#news h3
	{
	font-size: 1.4em;
	font-weight: bold;
	color:#FFF;
	background: #FC6;
	padding: 4px 0px 5px 3px;
	margin-bottom: 9px;
	}
*/
	
#news h4
	{
		font-size: 1.0em;
		font-weight: normal;
		color:#300;
		background: #CC9;
		padding: 3px 0px 3px 3px;
	}
	
#news p
	{
		font-size: 0.9em;
		padding: 3px 0px 3px 5px;
		line-height: 120%
	}

/*********************************/
/* tables                          */
/*********************************/
#table_board
	{
		padding-left: 10%;
/*
		float: left;
		width: 250px;
		margin-top: 12px;
		margin-left: 50px;
*/
/* 		border: 1px solid black; */
	}
	

/*********************************/
/* in_progress                        */
/*********************************/

#in_progress {

	text-align:center;
/*	clear:both;*/
	margin:0px;
	text-align:center;
}
#in_progress p
	{
	font-size:.8em;
	font-style:italic;
	font-weight:bold;
	margin:0px;
	margin-top:40px;
	text-align:center;
	}

/*********************************/
/* Footer                        */
/*********************************/

#footer {

	text-align:center;
	clear:both;
	margin:0px;
	text-align:center;
}
#footer p
	{
	font-size:0.8em;
	font-weight:bold;
	margin-top:5px;
	margin-left:0px;
	text-align:center;
	}

/*********************************/
/* Pix                           */
/*********************************/
/* Shows how pix could be done   */
/*

#OSC_pix
	{
		float: right;
		width: 288px;
		margin:0px;
		margin-left:10px;
		margin-top:12px
	}

#OSC_MW
	{
		float: right;
		width: 448px;
		margin:0px;
		margin-left:10px;
		margin-top:12px
	}
#Ken_pix
	{
	float: left; 
	width: 220px;
	margin-left: 00px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	}
	
*/

/*********************************/
/* pseudo selectors              */
/*  preexisting - our colors     */
/*********************************/


a			{text-decoration:none}

a:link		{color: blue}
a:visited	{color: purple}
a:hover		{color: #F93}
a:active	{color: red}

/*********************************/
/* Classes                       */
/*********************************/

.bold
	{
	font-weight:bold
	}

.section {
	display: inline;
	color: #F93;
	font-weight: normal;
}

.centered_larger_text
	{
		color:#630;
		font-size:1.4em;
		font-weight:normal;
		letter-spacing: -0.05em;
		line-height:1.3em;
		margin-top:15px; /* space above */
		margin-bottom:15px; /* space below */
		text-align:center;
	}

.centered_banner_text
	{
/* 		color:#630; */
		color: #151B54;
		font-size:10em;
		font-weight:bold;
		letter-spacing: -0.05em;
		line-height:1em;
		margin-left: 1em;
		margin-top:15px; /* space above */
		margin-bottom:15px; /* space below */
		text-align:center;
	}
	

.caption
	{
	color: #000;
	font-size:0.75em;
	font-weight: bold;
	line-height:1.3em;
	text-align:left;
	}
	
/*
.floatLeft {
	float: left;
	margin:0px;
	margin-right: 10px;
	padding:0;
}
*/
img.floatLeft {
	border: 1px solid #000000;
	margin-right: 5px;
	margin-top: 6px;
	margin-bottom: 5px;
	padding:0;
}

/*.floatRight {
	float: right;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
*/
img.floatRight {
	float: right;
	border: 1px solid #000000;
	margin-left: 0px;
}