body {
	margin: 0;
	background: #ddd;
	font-family: 'IM Fell DW Pica', serif;
	/*font-family: 'IM Fell Great Primer', serif;*/
	font-size: 15px;
	color: #787878;}

myreel {}

/* basic tags */

a {	text-decoration:none; border:0;}
a.tel, a.about {color:#FFFFFF;}
a.about:hover {text-decoration:underline;}
a.underlink {color:#9933CC;}
a.underlink:hover {text-decoration:underline;}
em.tel {color:#FFFFFF;}
a.email {color:#2A5F00; font-weight:bold; font-size:16px;}
a img { border: 0; }
h6 { margin:3px 0 0 0; color:#FD6300; font-size:14px;}
h5 { margin:2px 0 0 0; color:#FD6300; font-size:10px;}
h4 { margin:3px 0 0 0; color:#FD6300; font-size:14px;}
h3 { margin:3px 0 0 0; color:#FD6300; font-size:20px;}
h2 { margin:3px 0 0 0; color:#FD6300; font-size:28px;line-height:100%;}
p	{margin:15px 15px 15px 15px;line-height:150%; color:#2A1F00;}
p.changeBlue {    /* creates the default color as black */
     color: #000000;}
p.changeBlue:hover {  /* changes the color of the text to blue on mouseover */
     color: #0000ff;}
.right3 {font-size:16px;margin:275px 15px 15px 15px;}
.right4 {font-size:16px;margin:125px 15px 15px 15px;}
.right5 {font-size:16px;margin:75px 15px 15px 15px;}
.right6 {font-size:16px;margin:45px 15px 15px 15px;}
.right7 {font-size:16px;margin:50px 15px 15px 15px;}

hr {color:#999999; margin:auto;}
td em{font-size:16px;}

/* page divisions */
#container {margin: 0 auto;	width: 650px;	background: #ddd; }
#containerform {margin: 0 auto;	width: 650px;	background: #bbb; }
#header { background: #fff;	padding: 0px;}
#header h1 { margin: 0; }
#topmenu { width: 708px; height: 24px; margin-left:18px; vertical-align:top; margin-top:0;}
#toplogo { width: 650px; height: 145px; margin-left:0px; margin-top:0; background-color:#000; font-size: 18px; color:#BBB;}
#toplogo2 { width: 650px; height: 145px; margin-left:0px; margin-top:0; background-image:url(../images/charcoal.jpg);  font-size: 12px; color:#FFF;}
#toplogo2 a {color:#FFF;}
#toplogo2 a:hover {color:#F90;}
#toplogo3 { width: 650px; height: 145px; margin-left:0px; margin-top:0; background-color:#000; font-size: 18px; color:#BBB;}
#bottommenu, #submenu { width: 708px;  height: 30px; margin-left:18px; background-color:#FFFFFF;}
#content-container1 { float: left; width: 100%; background:#fff;}
#content-container2 { float: left; width: 100%; z-index: 1;}
#content-fullwidth {padding: 2% 5% 5% 5%;background:#f9e6c7;height:600px;overflow:auto;}
#content-fullwidthform {margin: 0 7% 4% 4%;}
#content-fullwidth p{ padding: 1px;}
/* This for a 60% 30% design */
#left2thirds {float: left; width: 400px; padding: 0px 0;	margin: 0 0 0 0;background:#fff;}
#left2thirds2 {float: left; width: 400px; padding: 0px 0;	margin: 125px 0 0 0;background:#fff;}
#left2thirds3 {float: left; width: 400px; padding: 0px 0;	margin: 26px 0 0 0;background:#fff;}
#left2thirds4 {float: left; width: 400px; padding: 0px 0;	margin: 96px 0 0 0;background:#fff;}
/*#right1third { float: right; width: 30%; padding: 0px 0; margin: 0 5% 0 0; display: inline;background:#fff;}*/
#right1third { float: right; width: 250px; height: 630px; padding: 0px 0; margin: 0 0 0 0; display: inline;background:#f9e6c7;overflow:auto;}

/* end of 60-30 section */
#networking{ text-align: left; color:#FFFFFF; margin:0 0 0 0;}
#footer { clear: both; background: #000; text-align: left; color:#FFFFFF; padding: 5px;
	height:170px;}
#bottomlogo { 
	position:absolute;top:774px;
	text-align:right;
	width: 650px; height: 45px; margin-left:0px; margin-top:0; background-image:url(../images/charcoal.jpg); 
	font-size: 18px; color:#FFF;}
div.botlogo {
	padding-top:7px;
	padding-right:7px;}
div.botlogo2 {
	margin-top:-4px;
	padding-right:15px;}
div.botlogo3 {
	padding-top:5px;
	padding-right:10px;}

.menustrip{  
    position:absolute;
    top:167px; /* position will be on bottom */  
    width:650px;  
	height:35px;
    /* styling bellow */  
    background-color:black;  
    font-size:16px;  
	vertical-align: middle;
    color:white;  
    opacity:0.8; 
	/* transparency */  
	/*opacity:0.5;*/ 
    filter:alpha(opacity=80); /* IE transparency */  
	z-index: 10000;
}

.menustrip ul li ul {font-size:16px;}

.menustrip2{  
	float:left;
    top:167px; /* position will be on bottom */  
    width:650px;  
	height:35px;
    /* styling bellow */  
    background-color:black;  
    font-size:18px;  
	vertical-align: middle;
    color:white;  
    opacity:0.8; 
	/* transparency */  
	/*opacity:0.5;*/
    filter:alpha(opacity=80); /* IE transparency */  
	z-index: 10000;
}

.quotestrip{  
    position:absolute;
	right:0px;
    top:250px;
    width:450px; 
	height:125px;
    /* styling bellow */  
    padding: 10px 0px 2px 2px;
    background-color:#dae1b5;  
    font-size:26px; 
	line-height:150%; 
	vertical-align: middle;
    color:black;  
    opacity:0.5; /* transparency */  
    filter:alpha(opacity=50); /* IE transparency */  
	z-index: 9000;
}

ul {
  /*font-family: 'IM Fell DW Pica', serif;*/
  font-family: 'Satisfy', cursive;
  /*font-family: 'Just Another Hand', cursive;*/
  font-size: 20px;
  /*font-size: 24px;*/
  /*font-style:italic;*/
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  display: block;
  position: relative;
  float: left;
}
li ul { display: none; }
ul li a {
  display: block;
  text-decoration:none;
  color: #ffffff;
  border-top: 0px solid #ffffff;
  padding: 5px 18px 5px 22px;
  margin-left: 1px;
  white-space: nowrap;
  font-size:20px;
}
ul li a:hover { background: #444; color:#F60;}
li:hover ul {
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 16px;
  padding: 0px 20px 0px 21px;
}
li:hover a { background: #444; }
li:hover li a:hover { background: #95A9B1; }

.image_nav {
	background-color:#333;
	color:white;
	}
	
.logoalignT {vertical-align:text-top;}
.logoalignB {vertical-align:baseline;}

/* table border */
.bd	{line-height:1.3em;
	border-left: 1px solid 	#A0A0A0; 
	border-right: 1px solid 	#A0A0A0;
	border-top: 1px solid 	#A0A0A0;
	border-bottom: 1px solid 	#A0A0A0;
	padding:7px;}
	
.paddingleft {padding-left:10px;}

/* FOR PRESS AND TWEETS */
#twittermargin {margin-top:55px;
text-align:center;}
#pressmargin {margin-top:55px;}

/* FOR BLOG*/
#tablebox {
	font-family:Calibri,Arial,Helvetica,sans-serif; 
	color:#663300;
	font-size:10pt; 
	font-weight:normal; 
	text-decoration:none;
	border-left: 1px solid 	#999; 
	border-right: 1px solid 	#999;
	border-top: 1px solid 	#999;
	border-bottom: 1px solid 	#999;
}
.selectedblog {background-color:#DCDCDC;}
.contact_form label {font-family:Georgia, Times, "Times New Roman", serif;}
.form_hint, .required_notification {font-size: 11px;}
.contact_form ul {
    width:550px;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.contact_form li{
    padding:12px;
    /*border-bottom:1px solid #eee;*/
    position:relative;
}
.contact_form li:first-child, .contact_form li:last-child {
    /*border-bottom:1px solid #777;*/
}
.required_notification {
    color:#d45252;
    margin:5px 0 0 0;
    display:inline;
    float:right;
}
.contact_form label {
    width:100px;
    margin-top: 1px;
    display:inline-block;
    float:left;
    padding:3px;
}
.contact_form input {
    height:10px;
    width:220px;
    padding:5px 8px;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:156px;}
.contact_form input, .contact_form textarea {
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}
/* Button Style */
button.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer;
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset;
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
     
}
.contact_form input:focus, .contact_form textarea:focus { /* add this to the already existing style */
    padding-right:70px;
}
.contact_form input, .contact_form textarea { /* add this to the already existing style */
    -moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
}
.contact_form input, .contact_form textarea {
    padding-right:30px;
}
input:required, textarea:required {
    background: #fff url(logos/red_asterisk.png) no-repeat 98% center;
}
::-webkit-validation-bubble-message {
    padding: 1em;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(logos/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}
.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(logos/valid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.form_hint {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin-left:8px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}
.form_hint::before {
    content: "\25C0"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:1px;
    left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;} /* change form hint color when valid */
.contact_form input:required:valid + .form_hint::before {color:#28921f;} /* change form hint arrow color when valid */