/* **************************************** */
/* ------------ General Styles ------------ */
/* **************************************** */
body {
	background-color: #1d5bab;
	margin: 10px 0;
	padding:0; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
}

/* **************************************** */
/* ---------------- Layout ---------------- */
/* **************************************** */
/* solution for both columns filling the content height: */
/* http://www.alistapart.com/articles/multicolumnlayouts */

#container {
	width:900px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
}
div#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 125px;
	background-color: white;
	text-align: center;
}


div#content {
	width:900px;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

div#leftcontent {
	padding: 10px;
	margin: 0 0 0 5px;
	font-family: "Georgia", "Times New Roman", serif;
	font-size: 0.95em;
	text-align: justify;
	width:620px;
	border-right:150px solid white;
	/* The width and color of the rail */
	margin-right:-150px; /* Hat tip to Ryan Brill */
	float:left;
	background-color: white;
}

div#footer {
	height: 30px;
	padding: 10px;
	border-top: 1px solid #1d5bab;
	margin-top: 10px;
}

/* ******************************************* */
/* ---------------- SIDEBAR ------------------ */
/* ------------ Snazzy Corners --------------- */
/* http://www.cssplay.co.uk/boxes/snazzy2.html */
/* ******************************************* */

.zsnazzy {
	float:left;
	width: 225px;
	margin: 20px 10px 0 5px;
	padding: 10px 5px;
}
.zsnazzy p {
	margin:0;
	padding:5px 0;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #1d5bab; border-right:1px solid #1d5bab;}
.xb1 {margin:0 5px; background:#1d5bab;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #1d5bab; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

/* **************************** */
/* ----- Sidebar Internal ----- */
/* **************************** */
div.element {
	border-bottom: 1px dotted #36393D;
	padding: 10px 10px;
	font-family: "Georgia", "Times New Roman", serif;
	font-size: 0.9em;
}
div.element img {border: 0;}

div.element h2 {
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 1.2em;
	margin: 5px 0 0 0;
}
div.element p {
	
}
div.element blockquote {
	margin: 0 0 0 1em;
}

/* **************************************** */
/* ---------- MAIN PAGE LAYOUT ------------ */
/* ----------- Spiffy Corners ------------- */
/* ----- http://www.spiffycorners.com ----- */
/* **************************************** */
.spiffy{display:block;}
.spiffy *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#ffffff;
}
.spiffy1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #8c8e90;
	border-right:1px solid #8c8e90;
	background:#cccdce;
}
.spiffy2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #4a4c50;
	border-right:1px solid #4a4c50;
	background:#d8d9da;
}
.spiffy3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #d8d9da;
	border-right:1px solid #d8d9da;
}
.spiffy4{
	border-left:1px solid #8c8e90;
	border-right:1px solid #8c8e90;
}
.spiffy5{
	border-left:1px solid #cccdce;
	border-right:1px solid #cccdce;
}
.spiffyfg{background:#ffffff;}


/* ********************************************************************* */
/* ----------------------- NAVIGATION MENU ----------------------------  */
/* The original version of this stylesheet and the associated (x)html    */
/* is available at http://www.cssplay.co.uk/menus/pro_dropline2-5.html   */
/* Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.            */
/* This stylesheet and the associated (x)html may be modified in any     */
/* way to fit your requirements.                                         */
/* ********************************************************************* */
.menu {
	height: 40px;
	position:relative;
	background-color: white;
}

#tabsJ {
	float:left;
	width:100%;
	background:#F4F4F4;
	font-size:90%;
	font-family: "Verdana", "Arial", sans-serif;
	font-weight: bold;
	line-height:normal;
	border-bottom:1px solid #1d5bab;
}
#tabsJ ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
}
#tabsJ li {
	display:inline;
	margin:0;
	padding:0;
}
#tabsJ a {
	float:left;
	background:url("/images/tableftJ.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
#tabsJ a span {
	float:left;
	display:block;
	background:url("/images/tabrightJ.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#1d5bab;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
	color:#FFF;
}
#tabsJ a:hover {
	background-position:0% -42px;
}
#tabsJ a:hover span {
	background-position:100% -42px;
}


/* **************************************** */
/* ---------------- Footer ---------------- */
/* **************************************** */
p.copyright {
	text-align: center;
	font-size: 0.6em;
	line-height: 1.2em;
	margin: 0;
	font-family: "Verdana", "Arial", sans-serif;
}

/* **************************************** */
/* --------- Headings in Content ---------- */
/* **************************************** */

#leftcontent h1 {
	text-align: center;
	margin: 4px 0;
	font-size: 1.4em;
	font-family: "Verdana", "Arial", sans-serif;
	color: #1d5bab;
}
#leftcontent h2 {
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 1.2em;
	margin: 12px 0 2px 0;
	color: #1d5bab;
}
#leftcontent h3 {
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 1em;
	margin: 12px 0 2px 0;
	color: #1d5bab;
}
#leftcontent h4 {
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 1em;
	font-style: italic;
	margin: 12px 0 2px 0;
	color: #1d5bab;
}

#leftcontent p {
	margin: 9px 0;
}
#leftcontent p.faq {
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 12px 0 2px 0;
	clear: both;
}


/* **************************************** */
/* ----------------- Links ---------------- */
/* **************************************** */
a, a:link, a:active, a:visited {
	color: #1a3d85;
	text-decoration: none;
}
a:hover {
	color: #1a3d85;
	text-decoration: underline;
}




/* **************************************** */
/* ---------------- General --------------- */
/* **************************************** */
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.nomargin {margin: 0; padding: 0;}
.nobdr {border: 0;}
.small {font-size: 0.7em;}
span.under {text-decoration: underline;}
span.smcaps {font-variant: small-caps;}
.floatright {
	float: right;
	margin: 10px 0 10px 10px;
}
.floatright img {border:0;}
.floatleft {
	float: left;
	margin: 5px 5px 5px 0;
}
.floatleft img {border:0;}
div.partners {
	border: 1px solid #1d5bab;
	padding: 10px;
	margin: 10px;
}
div.partners p {
	margin-top: 2em;
}
div.partners img {
	border: 0;
}
div.partners hr {
	border: 0;
	width: 350px;
	color: #1d5bab;
	background-color: #1d5bab;
	height: 2px;
}


/* **************************************** */
/* ---------- Special Paragraphs ---------- */
/* **************************************** */
.testimonial {
	margin-bottom: 0;
}
.sig {
	margin-top: 0;
	margin-left: 60%;
}
.code {
	font-family: "Courier New";
	line-height: 1.1em;
	margin: 0;
	}


/* **************************************** */
/* --------------- Tables ----------------- */
/* **************************************** */
table {
	border-collapse: collapse;
	margin: 15px;
}
td {
	padding: 2px 10px;
	vertical-align: top;
	font-size: 0.95em;
}
th {
	padding: 2px 10px;
	font-size: 0.95em;
}

table.formats td {
	vertical-align: middle;
	padding: 0 5px;
}
table#pubpart td {
	width: 50%;
}
table.projects td {
	vertical-align: middle;
	border-top: 1px solid gainsboro;
	border-bottom: 1px solid gainsboro;
}
table.projects td.left {
	text-align: left;
}



/* **************************************** */
/* ---------------- Lists ----------------- */
/* **************************************** */
ul, ol {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
ul.none {
	list-style: none;
}



/* **************************************** */
/* ------------ Blog Specific ------------- */
/* **************************************** */

/* ----- Posts ----- */
#leftcontent h2.date-header {
	border-bottom: 0;
}
#leftcontent h3.post-title {
	margin-top: 20px;
	border-bottom: 1px solid #1d5bab;
}
p.blogger-labels {
	text-align: center;
	font-size: 0.8em;
}
p.post-footer {
	font-size: 0.8em;
	text-align: right;
}
#leftcontent .post img {
	padding:4px;
	border: 1px solid #1d5bab;
}

/* ----- Comments and Backlinks ----- */
dd.comment-body {
	margin-left: 15px;
}
dd.comment-timestamp {
	font-size: 0.8em;
	text-align: right;
}
hr.comment-break {
	border: 0;
	width: 300px;
	color: #1d5bab;
	background-color: #1d5bab;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.create-comment-backlink {
	font-size: 0.85em;
	text-align: center;
}
p#postfeeds {
	margin-bottom: 20px;
}


/* **************************************** */
/* ------------ Contact Form -------------- */
/* **************************************** */


/* form and results heading size */
.main_formhead, .formhead { 
	font-size : 1.4em; 
	color : #cc9900; 
	border: 0;
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
	border: 0;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 

}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #36393D; 
}

/* form label text */
label { 
  color : #36393D;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 80% 'Trebuchet MS', sans-serif; 
  padding : 2px; 
  border : 1px solid #36393D;
  background-color : #fffffa;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #669900;
  background-color : #cc9900;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #36393D; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #36393D; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #eecc11; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #36393D;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #36393D;
}