/* If you can understand this stuff, feel free to use anything you find below though I'll
be the first to admit that this isn't the most well-written code you could find. You'd be
much better off looking at the code of some of these fine sites: biddlebugs.com, simplebits.com, alistapart.com */



/* Type Selectors --------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #3F473A;
	text-align: center; /* Centers page on IE5/Win */
}
hr {
	display: none;
}
acronym {
	cursor: help;
}
img {
	border: 0;
}
del {
	color:#96a98c;
}
ins {
	text-decoration:none;
}
/* Begin Form ------------------*/
form {
	padding: 15px;
	border: 1px solid #E5E1DC;
}
fieldset {
	border: none;
	padding: 0;
	margin: 0 0 3px 0;
}
label {
	color: #383F3F;
	font-size: .75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}
label.required {
	padding-right: 15px;
}
input, select {
	color: #000;
	font: .7em Verdana, sans-serif;
	font-weight: bold;
	padding: 3px;
}
input.styled, select.styled {
	color: #000;
	border: 1px solid #C6CEB2;
	background-color: #fff;
	font-weight: normal;
	padding: 4px;
}
input.styled:focus, select.styled:focus {
	background-color: #E7ECD9;
}
textarea {
	color: #3F473A;
	border: 1px solid #C6CEB2;
	background-color: #fff;
	padding: 4px;
	font: .7em/1.3em Verdana, sans-serif;
}
textarea:focus {
	background-color: #E7ECD9;
}
/*Form error styling*/
.errorInput {
	border: 1px solid #991248;
	font-weight: normal;
}
.error {
	color: #991248;
	font-weight: bold;
	padding-right: 15px;
}
.visible {
	display: block;
	color:#991248 !important;
}
.invisible {
	display: none;
}
/* End Form ------------------*/

/* IDs ---------------------------------------------------------------------*/

#wrapper {
	position: relative;
	width: 766px; 
	margin: 0 auto;
	text-align: left;
	background: url(bg.gif) repeat center;
}
#header {
	height: 115px;
	width: 714px;
	margin-left:27px;
	background: url(headerbg.gif) repeat-x;
}
#header img {
	padding: 48px 0 0 12px;
	float: left;
}
#nav {
	float: right;
	padding: 7px 10px 6px 0;
}
#nav p {
	color: #710D35;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height:1.4em;
}
#nav p a, #header a:link, #header a:visited {
	color: #E4B0C5;
	text-decoration: none;
	border-bottom: none;
	margin:0 3px;
}
#nav p a:hover, #header p a:active {
	color: #fff !important;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
/* Navigation Tab Selector */
body#Home a#current, body#Portfolio a#current, body#Notes a#current, body#Tools a#current, body#Links a#current, body#Contact a#current {
	color: #fff;
	font-weight: bold;
	background: url(arrow.gif) no-repeat center 16px;
	padding-bottom: 5px;
	cursor:default;
	border-bottom: none;
}
.login {
	width: 300px;
	float: right;
	text-align: right;
	margin: 35px 10px 0 0;
}
.login a, .login a:visited {
	color: #452A37 !important;
	font: italic .7em Georgia, "Times New Roman", Times, serif;
	background: url(login_lock.gif) no-repeat top right;
	padding: 0 22px 5px;
}
.login a:hover, .login a:active {
	color: #fff !important;
	background: url(login_lock_hover.gif) no-repeat top right;
}
#body {
	width: 716px;
	margin: 0 25px 0 25px;
}
#content {
	width: 469px;
	padding: 25px 25px 15px 25px;
	float: left;
}
body#onePage #content {
	background: url(bg_onepage_tile.jpg) no-repeat 2px top;
}
#content h1 {
	color: #22261E;
	font-family: "adelle-1","adelle-2", Georgia, "MS Serif", "New York", serif;
	font-size: 1.5em;
	margin: 0 0 4px 0;
	font-weight: normal;
	letter-spacing: -1px;
}
body#onePage #content h1, body#onePage #content h2 {
	font-size:50px;
	letter-spacing:.4px !important;
	text-transform:uppercase;
}
body#onePage #sidebar h1 {
	font-size:22px;
	letter-spacing:.4px !important;
	text-transform:uppercase;
	margin-bottom:10px;
}
body#onePage #content h2 {
	font-size:35px;
	margin-top:20px;
}
body#onePage #content h3 {
	text-indent:-500000px;
	background:url(bg_onepage_subhead.png) no-repeat left center;
	height:35px;
}
#content h2  {
	color: #22261E;
	font-family: Verdana,Georgia, "MS Serif", "New York", serif;
	font-size: .8em;
	letter-spacing: .1em;
	margin: 0 0 4px 0;
	font-weight: normal;
	text-transform: uppercase;
}
#content h3, h4, h5 {
	color: #929C77 !important;
	font-size: .7em !important;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	line-height: 1.4em;
	font-weight: normal;
	margin: 2px 0 12px 0 !important;
}
#content blockquote p {
	color: #5d6957;
	background: url(quote.gif) no-repeat 0 3px;
	margin: 0 0 15px 20px;
	text-indent: 20px;
	font-size: 70%;
}
#content p {
	color: #3F473A;
	font-size: .75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.7em;
	text-align: left;
	margin: 0 0 15px 0;
}
/*#Notes #content p {  the larger size is needed on the Notes page because Typekit's fonts always come out too small 
	font-size:.85em;
}*/
#content p a  {
	color: #000;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #929C77;
}
#content p a:visited   {
	color: #3F473A;
	border-bottom: 1px dotted #404040;
}
#content p a:hover  {
	color: #000;
	border-bottom: 1px solid #991248;
}
#content p a:active  {
	border-bottom: 1px solid #000;
}
body#onePage #content p.calltoaction {
	line-height:74px;
	background-color:#eff1ea;
	border-top:1px solid #e4e7db;
	border-bottom:1px solid #e4e7db;
	margin:35px -24px 35px -23px;
	color:#2f352b;
	padding-left:50px;
	text-shadow:1px 1px 0 #fff;
	font-size:19px;
	text-transform:uppercase;
	letter-spacing:.02em;
}
body#onePage #content p.calltoaction a {
	display:block;
	background:url(btn_getstarted.png) no-repeat 25px 0;
	height:54px;
	text-indent:-5000000px;
	width:227px;
	margin:11px 45px 0 25px;
	border-bottom:none;
	float:right;
	border-left:3px double #e4e7db;
}
body#onePage #content p.calltoaction a:hover {
	background:url(btn_getstarted.png) no-repeat 25px -54px;
}
body#onePage #content p.calltoaction a:active {
	background:url(btn_getstarted.png) no-repeat 25px -108px;
}
#content ul {
	margin: 5px 0 10px 20px;
	list-style: none;
	color: #383F3F;
	font-size: .75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#content ul li {
	padding: 0 0 5px 15px;
	line-height: 1.7em;
	background: url('bullet01.gif') no-repeat 0 4px;
}
#content ul li a {	
	color: #000;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #929C77;
}
#content ul li a:visited {
	color: #3F473A;
	border-bottom: 1px dotted #404040;
}
#content ul li a:hover, #content li a:active {
	color: #000;
	border-bottom: 1px solid #991248;
}
#content ol {
	margin: 5px 0 10px 40px;
	list-style: decimal outside none;
	color: #383F3F;
	font-size: .75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content ol li {
	padding: 0 0 5px 0;
	line-height: 1.7em;
}
#content ol li a, #content li a:link {
	color: #000;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #929C77;
}
#content ol li a:visited {
	color: #3F473A;
	border-bottom: 1px dotted #404040;
}
#content ol li a:hover, #content li a:active {
	color: #000;
	border-bottom: 1px solid #991248;
}
#content img {
	background-color: #fff;
	padding: 3px;
	border: 1px solid #9FAA99;
	margin: 8px 0;
}
.slideshow {
	position:relative;
	height:300px;
}
.slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
.slideshow img.active {
    z-index:10;
}
.slideshow img.last-active {
    z-index:9;
}
#content .left {
	margin-right: 8px;
	float: left;
}
#content .right {
	margin-left: 8px;
	float: right;
}
#content .center {
	margin: 0 auto;
	clear:both;
	display:block;	
}
#content .noBottomMargin {
	margin-bottom: 0 !important;
}
#content p.aright {
  margin-top: -15px;
  text-align: right;
}
#content a.top:after {
  content: "\2191";
  color: #383F3F;
  white-space: nowrap;
  padding-left: 2px;
  font-size: 110%;
}
#content a:hover.top:after {
  color: #383F3F;
}
#content a:active.top:after {
  color: #383F3F;
}
#content acronym {
	border-bottom: 1px dotted #D4D4D4;
}
#content.nosidebar {
	width: 664px !important;
	margin-left:2px;	
}
#sidebar {
	width: 167px;
	padding: 15px 15px 10px 15px;
	float: right;
}
#sidebar h1, h2, h3, h4, h5 {
	color: #2D3124;
	font-family: "adelle-1","adelle-2", Georgia, "MS Serif", "New York", serif;
	font-size: .95em;
	margin: 0 0 4px 0;
	font-weight: normal;
}
#sidebar p {
	color: #2D3124;
	font-size: .7em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.7em;
	text-align: left;
	margin: 0 0 15px 0;
}
#sidebar p a  {
	color: #000;
	text-decoration: none;
	font-weight:bold;
	border-bottom: 1px solid #525941;
	margin-bottom: 10px;
}
#sidebar p a:visited   {
	color: #424835;
	text-decoration: none;
	border-bottom: 1px dotted #424835;
}
#sidebar p a:hover, #sidebar p a:active  {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #991248;
}
#sidebar ul {
	list-style: none;
	color: #2D3124 !important;
	font-size: .7em !important;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	margin: 5px 0 15px 0;
}
#sidebar ul li {
	margin: 0;
	padding: 0 0 5px 15px;
	line-height: 1.5em;
	background: url('bullet02.gif') no-repeat 0 4px;
}
#sidebar ul li a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #525941;
	margin-bottom: 10px;
}
#sidebar ul li a:visited {
	color: #424835;
	text-decoration: none;
	border-bottom: 1px dotted #424835;
}
#sidebar ul li a:hover, #sidebar li a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #991248;
}
#sidebar img {
	color: #000;
	background-color: #FFF;
	border: 1px solid #655F56;
	margin-top: 5px;
	margin-bottom: 15px;
	clear: both;
}
#sidebar acronym {
	border-bottom: 1px dotted #B9C2C4;
}
#sidebar form {
	padding: 7px;
	border: 1px solid #DCE4E6;
}
#sidebar fieldset {
	border: none;
	padding: 0;
	margin: 0 0 3px 0;
}
#sidebar label {
	color: #4A5251;
	font-size: .7em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}
#sidebar input {
	color: #4A5251;
	font: .7em Arial, sans-serif;
	font-weight: bold;
	padding: 2px 6px 2px 4px;
}
#sidebar input.styled {
	color: #6C7776;
	border: 1px solid #787E7D;
	background-color: #E8EEEF;
	font-size: .7em;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}
#sidebar input.styled:focus {
	background-color: #fff;
	border: 1px solid #4A5251;
}
#footer {
	margin: 0 20px 5px;
	height: 40px;
	width: 728px;
	clear: both;
	border-top:6px solid #2F352B;
	background:#3F473A;
}
#footer p {
	color: #929C77;
	height: 20px;
	padding: 14px 0 0 0;
	font: .7em Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
#footer p a, #footer p a:link, #footer p a a:visited {
	color: #929C77;
	text-decoration: none;
	border-bottom: 1px solid #929C77;
}
#footer p a:hover, #footer p a:active {
	color: #fff;
	border-bottom: none;
}
#print {
	display: none;
}


/* Classes ---------------------------------------------------------------------*/

.nosidebar {
	width: 656px !important;
	background-color: #fff !important;
}
.acenter {
	text-align: center;
}
.aright {
	text-align: right;
}
.aleft {
	text-align: left;
}
.small {
	font-size: 70% !important;
}
.lastp {
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
}
.noborder {
	padding: 0 !important;
	border: none !important;
}
.nobullet {
	list-style-type: none !important;
	background-image: none !important;
}
.hr {
	background-image: url(hr.gif);
	background-position: center;
	background-repeat: repeat-x;
	height: 25px;
	margin: 10px 0 20px 0;
}
.online {
	display: inline;
}
.print {
	display: none;
}
.note {
	color: #383F3F !important;
	font-size: 70% !important;
	line-height: 70%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	padding: 5px 0 6px 20px;
	background: url("note_icon.gif") no-repeat 0 8px;
}
.check {
	background: url("check_icon.png") no-repeat left center;
	padding-left: 30px;
}
.update {	
	color: #929C77 !important;
	text-indent: 20px;
	font-size: 70% !important;
	background: url("update_icon.gif") no-repeat 0 3px;
}
body#Notes .update {
	background-position:8px 11px;
	border:1px solid #DDD7D0;
	padding:8px;
}
.new {
	color:#991248;
	text-transform: capitalize;
	font-style: italic;
	letter-spacing: 0;
}
.warning {	
	color: #838075 !important;
	text-indent: 18px;
	font-size: 70% !important;
	background: url("warning.gif") no-repeat 0px 4px;
}
.work {	
	text-indent: 20px;
	background: url("icon_work.gif") no-repeat 0 center;
}
.wordpress {	
	text-indent: 20px;
	background: url("icon_wordpress.gif") no-repeat 0 center;
}
.one-page {	
	text-indent: 20px;
	background: url("icon_one_page.gif") no-repeat 0 top;
}
.quote {	
	text-indent: 20px;
	background: url("icon_quote.gif") no-repeat 0 center;
}
.template {	
	text-indent: 20px;
	background: url("icon_templates.gif") no-repeat 0 center;
}
.reading {	
	text-indent: 20px;
	background: url("icon_reading.gif") no-repeat 0 center;
}
.link {	
	text-indent: 20px;
	background: url("icon_link.gif") no-repeat 0 center;
}
#content .more {
	padding-right: 15px !important;
	background: url(bullet01.gif) no-repeat right center;
	text-align: right !important;
}
#sidebar .more {
	padding-right: 12px !important;
	background: url(littlearrow.gif) no-repeat right center;
	text-align: right !important;
}
.pdf {
	color: #383F3F !important;
	font-size: 90% !important;
	line-height: 90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	margin: 0;
	padding: 0 15px 0 5px;
	background: url("pdf_icon.gif") no-repeat right;
}
.word {
	color: #383F3F !important;
	font-size: 90% !important;
	line-height: 90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	margin: 0;
	padding: 0 15px 0 5px;
	background: url("word_icon.gif") no-repeat right;
}

/* sIFR Stuff - Not sure what that is? Try visiting this site: 
http://www.mikeindustries.com/blog/archive/2004/10/sifr-2.0-release-candidate */
/*
.sIFR-hasFlash #content h1 {
	visibility: hidden;
	font-size: 22px;
	margin: 0 0 -2px 0;
}

.sIFR-hasFlash #content h2 {
	visibility: hidden;
	font-size: 18px;
	margin: 0 0 -2px 0;
}
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
*/