/*
asdf
*/
body
{
	background: url('images/bg.jpg') repeat;
	font-size: 13px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

h2, a
{
	color: #000000;
}

pre, code {white-space: normal;}


#top
{

	text-align: right;
	height: 24px;
}

#top .menu
{
	padding-top: 1px;

}

#top .menu li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#top .menu a
{
	text-decoration: none;
	color: #fff;
}

#top .menu a:hover
{
	color: #000;
}

#contenttop
{
	background: transparent url('images/hd.jpg') no-repeat 0 0;
	height: 27px;
}

#contentwrapper
{
	background: transparent url('images/md.jpg') repeat-y 0 0;

}

#header
{
	height: 0px;
}

#header #title
{
	
}

#header #title .logo
{
	float: center;
}

#header #title #blogtitle
{
	margin-left: 68px;
}

#header #title h1
{
	font-size: 16px;
	font-weight: bold;
        text-align: center
	color: #000000;
	margin-bottom: 0px;
}

#header #title h2
{
	font-size: 16px;
text-align: center
	color: #000000;
}

#header #searchbar
{
	margin-top: 0px;
}

#introcontainer
{
	margin-top: 0px;
}



.post
{
	background: #fff;
	border: none;
	margin: 10px 5px 10px 5px;	
	padding: 5px;	
	_padding: 5px;
}

.post .postheader .commentcount
{
	width: 27px;
	line-height: 12px;
color: #33339F;
	float: left;
	text-align: center;
	padding-right: 10px;
}

.post .postheader .commentcount a
{
	text-decoration: none;
	color: #33339F;
}

.post .postheader .posttitle
{
	
	line-height: 30px;
text-align: center
}

.post .postheader .posttitle h2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
text-align: center
	font-size: 16px;
	padding: 0;
	margin: 0;
}

.post .postheader h2 a
{
	text-decoration: none;
}

.post .postheader .posttitle .postmeta
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

.post .postcontent
{
	margin-top: 20px;
	line-height: 17px;
}

.post .postcontent p
{
	margin-bottom: 10px;
}

.post .postcontent a
{
	color: #33339F;
}

.post .posttags, .post .posttags a
{
	color: #33339F;
	clear:both;
	margin-top: 20px;
	text-align: right;
}

.commentbox
{
	background: #fff;
	border: solid 1px #eeeeee;
	margin: 10px 5px 20px 5px;
	padding: 15px;
	_padding: 7px;
}

.commentmeta .avatar
{
	float: left;
	padding-right: 6px;
	_padding-right: 3px;
}

.commenttext
{
	clear: both;
	margin-top: 10px;
}

.commentform input
{
	padding: 0;
	margin: 0;
	line-height: 0;
}

#commentform .text {
	width: 300px;
    margin: 0 0 15px 0;
}

#commentform textarea
{
    width:450px;
    height:200px;
    margin:0;
    padding:5px;
}

.navlinks
{

margin: 10px 5px 40px 5px;
text-align: center;	
}

.navlinks a
{

	text-decoration: none;
text-align: center;	
}

.navlinks img
{
background: #ffffff;		
margin-right: 5px;
text-align: center;	
}

#sidebar #wrapbox
{
	background: #fafafa;
	border: solid 1px #eeeeee;	
	padding: 17px;
	margin: 10px 5px 10px 5px;
	_margin: 40px 0px 20px 0px;
}

#sidebar .sidebarbox
{
	line-height: 20px;
	margin-bottom: 40px;
}

#sidebar .sidebarbox h3
{
	font-size: 10px;
	color: #000000;
	margin-bottom: 10px;
}

#sidebar .sidebarbox a
{
	text-decoration: none;
}

#sidebar .sidebarbox ul
{
	list-style-type: none;
	text-indent: -1.5em;
}

#sidebar .sidebarbox .pages ul
{
	text-indent: -3em;
}

#footer
{
	height: 27px;
	background: url('images/ft.jpg') no-repeat 0 0;
}



.searchform #searchbox
{
	float: right;
	background: #f1f1f1;
	border: solid 1px #e3e3e3;
	width: 120px;
	height: 14px;
	font-size: 11px;
}

.searchform #searchbutton
{
	height: 18px;
	width: 18px;
	margin-left: 6px;
	border: none;
	cursor: pointer;
	background: url('images/searchbutton.jpg') no-repeat 0 0;
}

/*** Wordpress ***/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 10px 10px 10px 10px;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.wp-caption {
   background: #fafafa;
   border: solid 1px #eeeeee;
   text-align: center;
   padding-top: 4px;
}

.wp-caption img {
   float: none;
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0px;
   margin: 0px;
}

/***Personal***/

/* this is a left-side table with a border around the pic and caption */
#captionboxleft {
	float: left;
	margin: 10px 15px 10px 0;
	padding: 5px;
	border:1px solid #000000;
	font: bold 12pt Arial, Helvetica, Verdana ;
	text-align:center;
	color: #000000;
}

/* this is a right-side table with a border around the pic and caption */
#captionboxright {
	float: right;
	margin: 10px 0 10px 15px;
	padding: 5px;
	border:1px solid #000000;
	font: bold 12pt Arial, Helvetica, Verdana ;
	text-align:center;
	color: #000000;
}

/* this is a left-side sidebar with a double border around the contents */
#sidebarleft {
	float: left;
	margin: 10px 20px 10px 0;
	padding: 3px;
	border:4px double #333333;
background: #F9F8C0;
	font: 10pt Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
}

/* this is a right-side sidebar with a double border around the contents */
#sidebarright{
	float: right;
	margin: 10px 0 10px 10px;
	padding: 3px;
	border:4px double #333333;
background: #F9F8C0;
	font: 10pt Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
}

/* this is a right-side sidebar with a double border around the contents */
#sidebarrightx{
	float: right;
	margin: 10px 0 10px 10px;
	padding: 3px;
	border:4px double #333333;
	font: 10pt Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
}

/* these are central, wide boxes which stretches almost all the way across the content */
#widebox {
	border: 1px solid  #CCCCCC;
	margin: 15px;
	padding: 15px;
}

#widebox2 {
	background: #E6F1FF;	
	border: 2px solid  #000000;
	margin: 20px 55px 20px 55px;
	padding: 10px;
}

#widebox3 {
	background: #E6F1FF;	
	border: 2px solid  #000000;
	margin: 20px 150px 20px 150px;
	padding: 10px;
}

#wideboxdashed {
background: #F9F8C0;	
border: 1px dashed  #333333;
	margin: 15px;
	padding:15px;
}

#wideboxdashblack {
	border: 2px dashed  #000000;
	margin: 15px;
	padding:15px;
}

img.border {
	float: left;
	margin: 15px 15px 15px 0;
	border: 1px solid  #000000;
}

img.noborder {
	margin: 15px 0px 15px 0px;
}

/* this image style goes inside a captionbox */
img.box {
	margin: 10px 0 10px 0;
	border: 1px solid  #000000;
}

/* this image style goes inside a captionbox */
img.boxnoborder {
	margin: 10px 0 10px 0;
}

/* these three elements are used to create a wide table with alternating blue and white cells */
#bluewhitetable {
	border: 1px solid #000000;
	margin: 25px auto 25px auto;
	width: 580px;
	text-align: left;
}

.elementblue {
	background: #E6F1FF;
	border-top: 1px solid #608BBF;
	border-bottom: 1px solid #608BBF;
	padding: 15px 10px 5px 0px;
}

.elementwhite {
	padding: 15px 10px 5px 0px;
}

/******** Content Formatting Starts Here ****/

/* main sidebar where videos and tesimonial graphics go */
.column_left {
	float: left;
	margin: 15px 15px 15px 0;
	width: 217px;
	background: #E7F5FE;
	border: 1px dashed #99FFFF;
}

/* this is where the main content (i.e. the copy) goes */
.content_right {
	float: right;
	padding: 0 34px 0 34px;
	background-image: url(images/md.jpg);
}

p {
	font-size: 13px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	width: auto;
}

li {
	font-size: 13px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 10px 10px 10px 20px;
}

/*** Text Formatting Starts Here ****/

/* eyebrows go above the main headline block */
.eyebrow {
	font: bold italic 13pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	margin-top: -5px;
	margin-bottom: 10px;
}

/* a very large headline used only very sparingly */
.h1ltblue35 {
	font: bold 35pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #3366FF;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* large H1 headlines - the margins may need adjustment for specific headline triads */
.h1orange {
	font: bold 25pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FF9900;
	line-height: 50%;
	margin-top: 25px;
	margin-bottom: 15px;
}

.h1ltblue {
	font: bold 25pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #3366FF;
	line-height: 190%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.h1prehead {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* slightly smaller H2 headlines */
.h2orange {
	font: bold 22pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FF9900;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.h2ltblue {
	font: bold 22pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #3366FF;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* used when headline elements need to be packed closer together */
.h2navycompressed {
	font: bold 22pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #00009C;
	line-height: 110%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.h2navy {
	font: bold 22pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #00009C;
	line-height: 150%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.h2black {
	font: bold 22pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* two slightly smaller H2 headlines which may be needed to get the look just right */
.h2ltblue20 {
	font: bold 20pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #3366FF;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 0px;
}


.h2navy20 {
	font: bold 20pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #00009C;
	line-height: 140%;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* medium size H3 headlines */
.h3black {
	font: bold 16pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.h3navy {
	font: bold 16pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #00009C;
	line-height: 110%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.h3ltblue {
	font: bold 16pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #3366FF;
	line-height: 125%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.h3maroon {
	font: bold 16pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #800000;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* used when headline elements need to be packed closer together */
.mednavy16compressed {
	font: bold 16pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #33339F;
	line-height: 0.75;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* a slightly smaller H3 headline which may be needed to get the look just right */
.h3navy15 {
	font: bold 15pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #00009C;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* body copy headlines which are only slightly larger than the main text */
/*and which can be called with p elements rather than the various H elements */
/* some are set for wider spacing between lines as needed */
.bchblack {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
}

.bchnavyleft {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-align: left;
	color: #00009C;
}

.bchnavycenter {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 150%;
	color: #33339F;
}

.bchltblue {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 150%;
	color: #3366FF;
}

.bchmaroon {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #800000;
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 0;
}

.bchorange {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FF9900;
}

/* these body copy headlines may be exactly the same size as the body text */
/* or perhaps even smaller -- useful for opt-in boxes and similar elements */
.bchltblue10 {
	font: bold 10pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #3366FF;
}

.bchmaroon10 {
	font:bold 10pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #800000;
}

.bchnavy10 {
	font: bold 10pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #00009C;
}

.bodycontent {
	font: 13pt Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	
	padding-left: 40pt;
        padding-right: 40pt;
}


/* this  text is used in some tables */
.tabletext {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin-top:-10px;
	margin-bottom:-10px;
}

.tinyborder {
	border: 1px solid #000000;
	border-collapse: collapse;
}

#leftcontent table.test {
	width: 480px;
        border-width: 1px 1px 1px 1px;
	border-spacing: 100px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
}

/* used for invisible tables intended to offset lists from left-hand div elements */
.nopadding {
	margin: -15px;
	padding: 0px;
	border-collapse: collapse;
}

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 1px;
    margin: 1px 1px 1px 1px;
    display: inline;
    }

    img.alignleft {
    padding: 1px;
    margin:  1px 10px 10px 1px;
    display: inline;
    }

    img.alignsig {
    padding: 4px;
    margin: 0 7px 2px 10px;
    display: block;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }

.optfix {
    width: 150px;
    text-align: left;
}

/* CSS for forms -------------------------------------- */

textarea
{
    width:390px;
    height:100px;
    margin:0;
    padding:5px;
}
