/* John Rust Consulting Site - CSS Layout SO123 */
* {
	margin: 0;
	padding: 0;
}
body, html {
	margin: 0;
	padding: 0;
}
body {
	font: 62.5%/1.3  Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #3399CC;  /* was 000000 black etc */
	text-align:center; /*centers for IE*/
} 
#wrapper {
	width: 900px; /* 90em */
	/*	position:relative; */
	text-align:left;
	margin-left:auto; /*centers for others*/
	margin-right:auto; /*centers for others*/
	background-color:#E4E4E4;
	position: relative;
} 
#header {
	position:relative;
	width:100%;
	height: 110px;
	border:0;
	background-color:#ffffff;
}
/* #header img {
	float:left;
	margin:10px;
	border:0;
	width:200px;
	height:64px; 
} */
#wrapper-content {
/*	background-color:#66CCCC;  used for testing only */
	border-top: 4px;
	border-top-color: #666699; /* used #FF00FF; for testing only */
	border-bottom: 4px;
	border-bottom-color: #666699; /* used #FF00FF; for testing only */
	border-right: 0;
	border-left: 0;
	border-style:solid;
} /**/
.green {background-color:#669966;} /* used for testing only */
#leftcol {
	width: 190px; /* 19em */
	float:left;
	position:relative;
/*	background-color:#CCffff;  wrapper gray is actual background */
	text-align: center;
	padding-top: 1em;
}
#twocols {
	width: 710px; /* 70.95em */
	float:right;
	position:relative;
	background: #ffffff url('../images/graybg-200.jpg') repeat-y top right; /* added to test faux right col to equalize col 2 + 3 */
/*	background-color: #ffffff; only set this white when rightcol is longer than maincol  */
/*	overflow: hidden;  adding this breaks ff printing */
}
#rightcol {
	width: 200px; /* 20em */ 
	float:right; 
	position:relative; 
/*	background-color:#E4E4E4;  restores right col as gray when twocols set to white */
/*	background-color:#ccffff; wrapper gray is actual background */
 }
#maincol {
	background-color: #ffffff; /* also requires that main col be longer than rightcol  */
	float: left;
	display: inline;
	position: relative;
	width: 508px; /* 50.75em  -- intestin phases ie6 needs 49.75, ie7 49.85 */
	padding-bottom: 1em;
}
#footer {
/*	height:175px; */
	background-color: #ffffff; /* is white - shaded is #FFFF99; */
	clear:both;
/*	border-top: 4px;  didnt work out 
	border-top-color: #FF0000; */
	padding-top: 10px;
	padding-bottom: 1em; /* added to test faux right col to equalize col 2 + 3 -- need to fix gray band at bottom */
}
div.spacer1 {height:100px;}
div.spacer2 {height:200px;}
div.spacer3 {height:300px;}
div.spacer4 {height:400px;}
div.spacer5 {height:500px;}
div.spacer6 {height:600px;}

/* Font Size Resets */
#leftcol p {font-size:1.3em; color:#000099;} /* 12px; */
#rightcol p {font-size:1.2em;} /* 12px; */
#maincol p {font-size:1.2em;} /* 12px; */
#maincol li {font-size:1.2em;} /* 12px; */
#maincol li ul li {font-size:1.0em;} /* 12px; */
#rightcol li {font-size:1.2em;} /* 12px; */
#rightcol li ul li {font-size:1.0em;} /* 12px; */
#footer {font-size:1.1em;}
a.menu {font-size: 1.1em;} /* 11px; */
.quote {font-size: 1.2em;}
.rtquote {font-size: 1.1em;	font-style: normal;}
.mainquote {font-size: 1.2em;	font-style: normal;}
.copy {font-size: .8em;}

/* Block Margin Resets */
p {
	margin-top: 1em;
	margin-bottom: 1em;
}
h1 {
	margin-top: 1em;
	margin-bottom: 1em;
}
h2 {
	margin-top: 1.5em;
	margin-bottom: 1.2em;
}
h3 {
	margin-top: 1em;
	margin-bottom: 1.5em;
}
blockquote {margin: 1em 40px 1em;}

#wrapper h1 {
    margin-left: 10px;
	margin-right: 10px;
}
#header h1 {
	text-align:left;
	color:#666699;
	margin: 0; /*27px 1em 0 1em;	vertical-align: middle; */
	padding-top:30px;
/*	padding: 30px 1em 0 1em; */
}
/* end resets */

.quote {
	font-style: italic;	
	margin-top: 2em;
	margin-right: 4em;
	margin-bottom: 2em;
	margin-left: 4em;
	border-top: 1px;
	border-top-color: #999999;
	border-bottom: 1px;
	border-bottom-color: #999999;
	border-right: 0;
	border-left: 0;
	border-style:solid;
	padding: 1em 0 1em;	
}

/* special font colors */
a {color:#000099;}
a:hover {color: #993300;}
a:visited {color:#666699;}
a:active {color:#666699;}

.quotep {
	font-size: 0.9em !important;
	font-style: normal;
	margin-top:0;
	text-align: right;
	margin-bottom: 0;
}
.rtquote {
	margin-top: 2em;
	margin-right: 2em;
	margin-bottom: 2em;
	margin-left: 2em;
	border-top: 1px;
	border-top-color: #003;
	border-bottom: 1px;
	border-bottom-color: #003;
	border-right: 0;
	border-left: 0;
	border-style:solid;
	padding: 1em 0 1em;
}
p.rtquote {
	font-size: 0.9em !important;
	font-style: normal;
	margin-top:0;
	text-align: right;
}
.mainquote {
	margin-top: 2em;
	margin-right: 40px;
	margin-bottom: 2em;
	margin-left: 40px;
	padding: 1em 0 1em;
}

/* essentially padding for divs */
#wrapper P {
    margin-left: 10px;
	margin-right: 10px;
}
#wrapper ul {
    margin-left: 10px;
	margin-right: 10px;
}
#wrapper li {
    margin-left: 40px;
	margin-right: 10px;
}
a.menu {
	font-size: 1.1em; /* 11px; */
	display: block;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	color: #000000;
	text-decoration: none;
}
#leftcol a {
	font-size: 1.1em; /* 11px; */
	display: block;
	padding-top: 0.8em; /* was 1 */
	padding-right: 1em;
	padding-bottom: 0.8em; /* was 1 */
	padding-left: 1em;
	color: #000000;
	text-decoration: none;
}
/* re-style subheads */
#maincol p.h2, #maincol p.h2l { /* .headerText */
	margin-top: 1.5em;
	margin-bottom: 1.2em;
	font-family: verdana;
	font-size: 2.25em;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	line-height: 1.3em;
}
#maincol p.h3, #maincol p.h3l { /* .secondaryHeaderText */
	margin-top: 1em;
	margin-bottom: 1.5em;
	font-family: verdana;
	font-size: 1.76em;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	line-height: 1.3em;	
}
#maincol p.h2 { /* .headerText */
	text-align:center;
}
#maincol p.h3  {  /* .secondaryHeaderText */
	text-align:center;
}
#maincol p.h2l { /* .headerText */
	text-align:left;
}
#maincol p.h3l  {  /* .secondaryHeaderText */
	text-align:left;
}
/* /re-style subheads */

/* styling */
#maincol h2 { /* .headerText */
	font-family: verdana;
	font-size: 2.25em;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	text-align:center;
	line-height: 1.3em;
}
#maincol h3  {  /* .secondaryHeaderText */
	font-family: verdana;
	font-size: 1.76em;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	text-align:center;
	line-height: 1.3em;	
}
#maincol ul.infolist li {margin-bottom:1em;}
a:hover.menu { 
	background-color: #FFFFFF;
	text-decoration: underline;
}
#leftcol a:hover { 
	background-color: #FFFFFF;
	text-decoration: underline;
}
#footer p {
	line-height:1.1;
	margin-top: 0px;
}
#footer p.copy {
	line-height:1.2;
}
#footer p.copy a {
	color:#000000;
	text-decoration:none;
}
.linkin {
	float:right;
	border:0px;
	width: 75px;
	height: 18px;
	position:relative;
	right:1em;
	top:0;
}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.site {
	border:0;
	width:1px;
	height:1px;
}
.clear {
	clear:both;
}
/* Logo Styles */
.logo {
	font-family: 'Arial Black'; /* , Gadget, sans-serif; font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 32px;
/*	font-weight: bold; */
	font-style: italic;
	color: #804040;
	line-height: 1em;
	float:left;
	display:inline;
	text-align: center;
	margin: 0px 5px 0 10px;
	width: 275px;
	height: 90px;
	padding: 19px 0 0;
}
img.j {
	width: 72px;
	height: 90px;
	float:left;
	display:inline;
	margin: -10px 0px 0px;
	border: 0;
}
/* #header a {color: #B01317; text-decoration: none;}
#header a:hover {color: #B01317;}
#header a:visited {color: #B01317;}
#header a:active {color: #B01317;} */

a.logo {color: #804040; text-decoration: none;}
a:hover.logo {color: #804040;}
a:visited.logo {color: #804040;}
a:active.logo {color: #804040;}
/* /Logo Styles */

/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; /* 1% moves green bar back to place when pringting ffox, but also get an extra spacer - 0; makes screen good, but green bar moves out of place in print */
 	clear: both; 
 	visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

@media print
{
body {background-color: #ffffff;}
#wrapper {width:71em; background-color: #ffffff;}
#twocols {width:70.95em; float:none;}
#maincol {width:50.75em;} /* ie6 needs 50.75, ie7 50.8 */
#rightcol {float:left;} /* display:none; when on article pages? */
#leftcol {display:none;}
#header h1 {font-size: 1.5em;}
.logo {font-size: 24px; width: 225px;}
.linkin {display:none;}
div.spacer1 {height:10px;}
div.spacer2 {height:10px;}
div.spacer3 {height:10px;}
div.spacer4 {height:10px;}
.clearfix:after {height:1%;} /* makes IE FF screen OK, IE print OK, FF print OK except for extra spacer */
}