@charset "utf-8";
/* CSS Document: This is the global CSS Document for rjjacob.com and is attached to the main site template.*/


body, h1, h2, h3, h4 h5, h6, p, ol, ul, form, blockquote {
	padding: 0;
	margin: 0;
}
body {
	background-image:url(../images/diagonal-black.gif);
	background-repeat: repeat;
	background-position: left top;
}
a {
	text-decoration: none;
}
a img {
	border: none;
}
a:link {
	color: #0066FF;
}
a:hover {
	color: #666666;
}
a:visited {
	color: #FF0000;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	display: block;
	color: #369;
	margin:.5em 0 1em 0;
	border-bottom: 1px solid #999;
}
li {
	list-style:none;
}
.basicList {
	list-style:circle;
	margin-left:2em;
	margin-bottom:.5em;
}
.dropCaps {
	display: block;
	line-height: .8em;
	padding: 5px;
	margin-right: 2px;
	margin-bottom: 0px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:3em;
	font-style:italic;
	font-weight:bold;
	color: #2A1F00;
	float: left;
	background-color:#FFF;
	border: 1px solid #2A1F00;
}
.descriptive {
	margin: 0 10% 0 10%;
	overflow: hidden;
}
#wrapper {
	width: 90%;
	min-width:800px;
	max-width: 1080px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#FFF;
	border:#999 1px solid;
	zoom: 1; /*IE 6 Hack*/
}
#header {
	background-image: url(../images/diagonal-cyan.gif);
	height: 130px;
	margin: 20px auto 0 auto;
	width: 90%;
	min-width: 800px;
	max-width: 1080px;
	margin-bottom: 10px;
	border: #999 1px solid;
	position: relative;
}
#header img	{
	float:right;
	display:block;
	margin:-5px 10px 0 0;
	z-index:1000;
}
#branding {
	background-image: url(../images/site_header-trans.png);
	background-repeat: no-repeat;
	background-position:center;
	height: 169px;
	width: 777px;
	position: absolute;
	left: 5%;
	top: -19px;
	z-index:500;
}
#branding h1 {
	text-indent: -9000px;
}
h3 {
	font-size: 1.2em;
	color: #fff;
	border: 1px solid #CCCCCC;
	display: block;
	padding-left: 10px;
	background-image: url(../images/diagonal-magenta.gif);
	background-repeat: repeat;
	margin: 10px;
}
#mainsection {
	font-family: "Myriad Web Pro", Arial, sans-serif;
	font-size: 90%;
	color: #666666;
	width: auto;
	padding: 0px 1em;
	zoom: 1; /*IE 6 Hack*/
}
#mainsection p {
	padding: 0px 1em 0.5em 1em;
}
#mainsection h3 + p {
	padding-top: 0.5em;
}
#mainsection blockquote {
	margin-left: 20%;
	margin-right: 10%;
	font-size: .9em;
	padding: 5px;
	border: 1px dotted #A0A0A4;
}
#mainsection blockquote p {
	text-align:right;
	font-style: italic;
}
#nav {
	font-family: "Myriad Web Pro", Arial, sans-serif;
	font-size: 1em;
	font-weight:bold;
	width: 90%;
	min-width: 800px;
	max-width: 1080px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	zoom:1; /*IE 6 hack*/
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	text-decoration: none;
	color: #E0E0E0;
	padding: 3px .5em 3px .5em;
	border: 1px solid transparent;
	zoom:1; /*IE 6 hack*/
}
#nav ul li a:hover {
	color: #fff;
	border: #fff 1px solid;
	background: url(../images/diagonal-cyan.gif) left top repeat;
	zoom:1; /*IE 6 hack*/
}
/*#thispage a:link, #thispage a:visited, #thispage a:hover, #thispage a:active {
	color: #e0e0e0;
	font-weight: bold;
}*/
#footer {
	font-family: "Myriad Web Pro", Arial, sans-serif;
	font-size: 0.7em;
	color: #FFF;
	text-align: center;
	max-width: 1080px;
	min-width: 800px;
	width: 90%;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	padding-bottom: 2px;
	/*border: 1px solid #fff;*/
	/*background-image:url(../images/diagonal-grey.gif);*/
}
#footer a:link, #footer a:visited{
	color:#CFDCFE;
	text-decoration: underline;
}
#footer a:hover {
	color: #FCC;
}
/*---------------------------------Various Backgrounds of h3 tags-------------------------------------------------------------*/
.cyan {
	background-image: url(../images/diagonal-cyan.gif);
	color: #FFFFFF;
}
.magenta {
	background-image: url(../images/diagonal-magenta.gif);
	color: #FFFFFF;
}
.yellow {
	background-image: url(../images/diagonal-yellow.gif);
	color:#666;
}
.black {
	color: #FFFFFF;
	background-image: url(../images/diagonal-black.gif);
}
.red {
	color: #FFFFFF;
	background-image: url(../images/diagonal-red.gif);
}
.green {
	color: #333333;
	background-image: url(../images/diagonal-green.gif);
}
.blue {
	color: #FFFFFF;
	background-image: url(../images/diagonal-blue.gif);
}
/* --------------------------------Easy drop shadow--used on most images displayed in site----------------------------------*/

.img-wrapper {
	float: left;
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.img-wrapper div {
	background: url(../images/mask.png) no-repeat left top !important;
	background: url(../images/mask.gif) no-repeat left top;
	padding: 0 5px 5px 0;
	float: left; /* :KLUDGE: Fixes bug in IE/Mac */
}
.img-wrapper img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
}
.example {
	font-size: 1em;
	line-height: 1.2em;
	display: block;
	padding-left: 220px;
	width:auto;
}
#FAQWrap {
	margin: 0px 10%;
	padding-bottom: 20px;
}

/*-------------------------------------------------End of easy drop shadow css--------------------------------------------*/

	
/*---------------------------------------------Site-wide IE 6 hacks and bug fixes-----------------------------------------*/
*html #wrapper {
	width: 810px;
}
*html #header {
	width: 810px;
}
*html #branding {
}
*html #nav {
	width: 810px;
}
*html #footer {
	width: 810px;
}
*html #nav ul li a {
	text-decoration: none;
	color:#e0e0e0;
	padding: 3px .5em 3px .5em;
	border: 1px solid #666;
	zoom:1;
}