/*
===========================
	PAGE
===========================
*/


html, body { /*for fixed position sidebar, but interferes with print preview */

	margin:0; padding:0;
	/*
    	height: 100%;
    	overflow:auto;
	*/
	}

body	{ 
	font-size:1em;
	text-align:center; 
	font-family:verdana,arial,sans-serif; 
	color:#000; 
	background: white url(gif/xstripeh_tiny_grays.gif) fixed;
	}

div.page  { 
	margin:20px auto;
	padding:0px; 
	width:700px; 
	text-align:left; 
	border:1px solid silver; 
	-moz-box-shadow:0px 5px 15px #555; 
	-webkit-box-shadow:0px 5px 15px #555; 
	box-shadow:0px 5px 15px #555;
	border-radius:1em;
	background:#fff; 
	background:#fcfcfc; 
	}


/*
===========================
	SIDEBAR (abandoned)
===========================
*/

div.page  { 
	xxposition:relative; /* cant set with ie6 sidebar at position:fixed. If we turn off, zIndex is disabled.  */
	xxz-index:2;
	}
div.sidebar { /* abandoned */
	position:fixed !important; /* for others */
	position:absolute; /* for ie6 */
	left:10px; 
	top:10px; 
	width:106px;
	z-index:1;
	}


/*
===========================
	BANNER
===========================
*/

div.banner { 
	width:700px; 
	padding:0px; 
	margin:0px; 
	color:#FF0000; 
	text-align:center; 
	border-bottom:2px solid silver; 
	font-family:verdana,arial;
	}
h1.banner  { 
	font-size:2.2em;
	width:660px; 
	padding:0px; 
	margin:20px auto 10px auto; 
	line-height:60px; 
	}

img.logo { vertical-align:top; height:60px; }

div.navtop { 
	position:relative; 
	text-align:center; 
	height:70px; 
	margin-bottom:10px; 
	padding:0px; 
	border:0px solid red;
	}
div.navtop img { height:66px;
	}


/*
===========================
	CONTENT
===========================
*/
.main {width:700px;
	margin:0px; padding:20px 0px;
	background:white;
	}
.content { 
	width:650px; 
	margin:0px 25px; 
	}

pre 	{ font-size:.875em; font-size:14px; }


/*
===========================
	FOOTER
===========================
*/

.footer    { width:700px; margin:0px; padding:0px; border-top:2px solid silver; }
.footer2   { width:660px; margin:20px; padding:0px; color:#555;  font-family:verdana; font-size:.85em; text-align:center; }
.footer2 a { color:#555; text-decoration:none; }
.footer2 p { margin:0px; }
.navbottom { }
.copyright { font-style:italic; font-size:smaller; padding-top:1em; line-height:2em; }


/*
===========================
	TEXT LINKS
===========================
*/

a:link    { color:#0000FF; }
a:visited { color:#551A8B; }
a:hover   { color:#880000; }
a:active  { color:#880000; }



/*
===========================
	PRINT
===========================
*/
@media print {
	body { background:white; }
	div.sidebar {display:none;}
	div.page  { 
		width:650px; 
		margin:0px; padding:0px; border:0px; 
		-moz-box-shadow:0; 
		-webkit-box-shadow:0; 
		box-shadow:none;
		border-radius:0; 
		background:#fff; 
		}

	div.banner { 
		width:650px; 
		margin:0px; 
		padding:10px 0px; 
		}
	h1.banner  { 
		width:650px; 
		padding:0px; 
		margin:20px 0px;
		}
	div.navtop {display:none;}
	.content   { 
		width:650px; 
		margin:25px 0px; 
		}
	.footer    { width:650px; margin:0px; padding:0px; border-top:2px solid silver; }
	.footer2   { width:650px; margin:20px 0px; padding:0px; }
	.navbottom {display:none;}
}

@media (max-width:760px){

	div.page  { 
		margin:20px auto;
		width:99%;
		xxmax-width:700px; 
	}
	div.page img {max-width:100%;}
	div.banner { 
		width:auto;
		height:auto;
	}
	h1.banner  {
		width:auto; 
		max-width:650px; 
		padding:0px; 
		margin:20px auto;
		font-size: 1.6em;
		line-height:normal;
		}
	h1.banner img {vertical-align:bottom;}
	div.navtop { 
		height:auto; 
	}
	div.navtop img { height:auto; width:14%; max-height:66px;  max-width:77px;
	} 

	.main { width:100%; max-width:700px;
		margin:0px; padding:20px 0px;
		background:white;
	}
	.content { 
		max-width:650px; 
		width:auto;
		margin:0px 25px; 
	}

	pre 	{ font-size:12px; }


	.footer    { max-width:700px; width:100%; margin:0px; padding:0px; border-top:2px solid silver; }
	.footer2   { max-width:660px; width:auto; margin:2%; padding:0px; color:#555;  font-family:verdana; font-size:.85em; text-align:center; }

	.footer img { height:auto; width:14%; max-height:66px;  max-width:77px;
	} 

}