@charset "iso-8859-1";

/*******************************************************************************
*  v4.css : 2004-08-11 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  The purpose of this stylesheet is to provide enough CSS to get
*  version 4 browsers (IE4 and NN4) to render in a 3 column layout.
*
*  Because _all_ css-capable browsers will see this stylesheet, any
*  selectors that exist within this stylesheet need to be overridden in 
*  one of the other stylesheets that normal browsers will pick up. 
*  Otherwise the good browsers may get screwed up by the NN4/IE4 stuff.
*******************************************************************************/




body
{
	/*/*//*/ width: 130%;			/* nn4 fix */
}
.hide
{
	display: none;
}
.clear, #nsFooterClear
{
	clear: both;
}
.inside
{
	padding: 0.5em;
}
#oldBrowserNotice
{
	text-align: center;
	display: block;		/* overriding the display:none on this block
				   so that version 4 browsers still see the
				   old browser notice */
}
#contentColumn
{
	/*/*/ margin: 0 12em;			/* ie4 fix */
}
#leftColumn
{
	float: left;
	width: 12em;
	/*/*/ margin-right: -12em;		/* ie4 fix */
}
#rightColumn
{
	float: right;
	width: 12em;
	/*/*/ text-align: left;			/* ie4 fix */
	/*/*/ margin-left: -12em;		/* ie4 fix */
}
#masthead, .hnav, #contentColumn, #contentColumn .inside, #footer
{
	/*/*//*/ border: none;			/* nn4 fix */
	/*/*//*/ margin: 0;			/* nn4 fix */
}
#nsFooterClear
{
	/*/*//*/ display: block;		/* nn4 fix */
}
#footer
{
	text-align: center;
}


/*-*-*- hnav.css -*-*-*/

/*/*//*/
	.hnav
	{
		text-align: center;
		padding: none;
	}
	.hnav ul, .hnav ul li
	{
		list-style-type: none;
		display: inline;
	}
/*--> IE4 does not do inline lists, so this CSS is shown only to NN4. <--*/


/*-*-*- borders.css -*-*-*/

#masthead, #footer, .hnav, #contentColumn
{
	border: solid 1px #000;
}
#pageWrapper
{
	/*/*//*/ border: solid 1px #000;	/* hide from ie4 */
}
#masthead
{
	/*/*//*/ border-width: 0 0 1px 0;	/* hide from ie4 */
}
#footer
{
	/*/*//*/ border-width: 1px 0 0 0;	/* hide from ie4 */
}
.hnav
{
	/*/*/ border-top-width: 0;		/* hide from nn4 */
	/*/*//*/ border-width: 1px 0;		/* hide from ie4 */
}
#contentColumn
{
	margin-top: -1px;
}

/*-*-*- colors.css -*-*-*/

body
{
	background-color: #fff;
	/*/*//*/ background-color: #ccc;	/* nn4 coloring */
	color: #000;
}
#pageWrapper
{
	background-color: #fff;
	color: #000;
}
#contentcolumn					/* selector case hack */
{
	color: #000;
	background-color: #eee;
}

.floatpicright {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.3em;
	margin-left: 0.2em;
	border: 1px solid #000000;
}

.floatpicleft {
	float: left;
	margin-top: 0px;
	margin-right: 0.75em;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 1px solid #000000;
}

.floatpiclnoborder{
	float: left;
	margin-top: 0px;
	margin-right: 0.75em;
	margin-bottom: 5px;
	margin-left: 5px;
	border:0;
}

.floatpicrnoborder {
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0.75em;
	border:0;
}

.amazon {
	float: right;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 5px;
	border:0;
}

.amazonvideo {
	float: right;
	margin: 0.1em;
	border:0;
}

/*-*-*- gutters.css (or what's left) -*-*-*/

#pageWrapper
{
	margin: 0 1em;
}
#masthead
{
	/*/*//*/ padding-bottom: 0;		/* nn4 fix */
	background-image:  url("../images/masthead_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;	
}
#masthead h1
{
	/*/*/ margin: 0;			/* ie4 fix */
}

#masthead img
{
	margin-left: 200px;
}
.hnav ul
{
	/*/*/ margin-top: 0;			/* ie4 fix */
	/*/*//*/ padding: 0.1em 0 0.4em ;	/* nn4 fix */
}

/* CSS for center content */

div#main, div#main2, div#main3 {width: 98%; margin: 0.5em 0 0.5em 0;}

div#main {
	background-image:  url("../images/slogan_photo.jpg");
	background-repeat: no-repeat;
	background-position: center; 
	border: solid black 1px;
	border-width: 1px;
	width: 367px;
	}

div#main2 {background:#F7C760;} 
/*div#main2 {background:#F4E7AA;}*/
	div#main2 p {
	padding: 0.5em 1em;
	margin: 0;
	font: arial, helvetica, sans-serif;
	}
		
	div#main2 h1 {
	color: #0639B0;
	font-size: 150%;
	font-weight: bolder;
	padding: 0.5em 1em 0 0.5em;
	font: Arial, Helvetica, sans-serif;
	}
	
	div#main2 h2 {
	margin: 0; 
	padding: 0.25em 1em 0.125em 0; 
	background: #8AB; text-align: right; 
	font-family: Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #68A;
	}
	

div#main3 {background: white;}
	div#main3 p {
	padding: 0.5em 1em;
	margin: 0;
	font: Arial, Helvetica, sans-serif;
	}

	div#main3 h2 {
	margin: 0; 
	padding: 0.25em 1em 0.125em 0; 
	background: #9CD354;
	color: #000; 
	text-align: right;
	font-size: 115%; 
	font-family: Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #68A;
	}
	
	div#punch {
	float: left;
	font-size: 500%;
	width: 1.2em;
	text-align: center;
	padding: 0.1em; 
	background: #346; 
	color: white; 
	border: solid white 1px; 
	border-width: 0 0.2em 0.2em 0; 
	margin: 0 0.2em 0.2em 0;
	}
	
	div#punch img {border: solid #5989F5 1px;}
	
	div#punch2 {
	float: right; 
	width: 175px; 
	height: 117px; 
	text-align: center; 
	background: white; 
	padding: 2px; 
	margin: -1px -1px  10px 25px;
	}
div#punch2 img {height: 117px; width: 175px;}
	
	div#punch3 {
	float: left; 
	width: 90px;
	height: 100px; 
	text-align: center; 
	padding: 1em; 
	background: #E1E1E1; 
	color: black; 	
	margin: -1px 0.5em 0.2em -1px;
	}
	
div#punch3 img {height: 100px; width: 90px; border: solid black 1px; border-width: 1px; }
	
	div#punch4 {
	float: left; 
	width: 124px;
	height: 100px; 
	text-align: center; 
	padding: 1em; 
	background: #E1E1E1; 
	color: black; 	
	margin: -1px 0.5em 0.2em -1px;
	}
	
div#punch4 img {height: 100px; width: 124px; border: solid black 1px; border-width: 1px; }

	div#punch3b {
	float: right; 
	width: 25%; 
	text-align: left; 
	font-size: 140%; 
	font-weight: bold; 
	font-style: italic; 
	padding: 1em; 
	text-indent: -0.5em; 
	background: B3E487; 
	color: black; 
	margin: 0.2em -1px 0.2em 0.5em;
	}
	

/******************************************************************************/