/*
Presentation.CSS
 - Non structural CSS for presentation of text and aesthetics
*/

#content {
	/*position: relative;*/
	float: right;
	background-color: #FFFFFF;
	padding: 20px;
	text-align: left;
	white-space: normal;
	position: relative;
	display: inline;
}

#content a:link, a:visited, a:active {
        text-decoration: none;
}
#content a:hover {
        text-decoration: underline;
}

.red {
  color:#990000;
}
h1 {
  font-size: 170%;
  line-height: 130%;
  font-weight:normal;
  color:#990000;
  padding-left:10px;
}

h2 {
	font-size: 130%;
	line-height: 140%;
	font-weight:normal;
}

h3 {
	font-size: 100%;
	font-weight:bold;
}


.teaser {
	color: #666;
	font-size: 120%;
	line-height:160%;
	padding:0;
        font-style:normal;
}

.story_sub {
  font-size: 130%;
  font-weight:normal;
  color:#990000;
  padding-left:10px;
  margin-top:-10px;
}

.title h1 {
  font-size: 170%;
  font-weight:normal;
  color:#990000;
  padding-left:0px;
}

.entry h2 {
	font-size: 130%;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 10px;
}
.entry h3 {
	font-size: 100%;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
.entry sub {
	font-size: 120%;
	line-height: 160%;
	color:#990000;
	margin-top: 0px;
	margin-bottom: 0px;
}
.entry p {
	margin-top: 0px;
	margin-bottom: 10px;
}
.entry small{
        font-size: 85%;
}

.date{
        font-size: 85%;
	margin-bottom: 10px;
	margin-top: -10px;
}
.read-more{
        font-size: 90%;
}


#comment{
	width:614px;
}

.sub {
	font-size: 120%;
	line-height: 160%;
	color:#990000;
	margin: 10px 0 0 0;
}
.image {
	text-align: center;
}

.line {
        background-image: url(http://images.directemployers.com/deorg/line2.jpg);
        width:680px;
        height:50px;
        margin:0 -20px 0 -20px;
}
.line_wide {
        background-image: url(http://images.directemployers.com/deorg/line_wide.jpg);
        width:920px;
        height:50px;
        margin:0 -20px 0 -20px;
}
.line2 {
        border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
        margin: 20px 0px;
}
.line3 {
        border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
        margin: 0px 35px 7px 10px;
}
.smtext{
         font-size: 90%;
}

/*              */
/* float styles */
/*              */

.fl0 {
	float:left;
}
.fr0 {
	float:right;
}
.fl10 {
	float:left;
         margin-left:10px;
}
.fr10 {
	float:right;
         margin-right:10px;
}
.fl5 {
	float:left;
         margin-left:5px;
}
.fr5 {
	float:right;
         margin-right:5px;
}
.fl15 {
	float:left;
         margin-left:15px;
}
.fr15 {
	float:right;
         margin-right:15px;
}
.fl25 {
	float:left;
         margin-left:25px;
}
.fr25 {
	float:right;
         margin-right:25px;
}
.fl140 {
	float:left;
         margin-left:140px;
}
.fr40 {
	float:right;
         margin-right:40px;
}
.fl50 {
	float:left;
         margin-left:50px;
}
.fr50 {
	float:right;
         margin-right:50px;
}
.fl75 {
	float:left;
         margin-left:75px;
}
.fr75 {
	float:right;
         margin-right:75px;
}
li {
   padding-bottom:5px
}

li li {
   padding-bottom:0px
}

/* end float styles */

/*                    */
/* video/quote styles */
/*                    */

#video {
	float:left;
}
#quote {
	position: relative;
	float: left;
	border-top:4px double #ccc;
	border-bottom:4px double #ccc;
	margin:10px 0 20px 0;
	width:620px;
}
.quote_text {
        font-size: 130%;
	line-height: 160%;
        font-style:italic;
	padding:15px;
	color:#999;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.quote_name {
        font-weight: bold;
        line-height: 130%;
        padding: 0 0 5px 15px;
        text-transform: uppercase;
	color:#999;	
}
.quote_title {
	font-size: 90%;
        line-height: 130%;
	padding:0 0 15px 15px;
	color:#999;
}

/* end video/quote styles */

.bod {
	font-size: 90%;
        line-height: 130%;
        padding: 10px 5px;
        background-color:#f4f4f4;
}

.staff {
        width:100px;	
}


/*                          */
/* testimonial quote styles */
/*                          */

#tquote_box {	
       margin-left: 50px;
}
#tquote_open {
	position: relative;
	float: right;
	right: 15px;
	top: 15px;
	background: url(http://de.nlx.org/testimonials/quote.png) no-repeat;
}
#tquote_open_dark {
	position: relative;
	float: right;
	right: 15px;
	top: 15px;
	background: url(http://de.nlx.org/testimonials/quote2.png) no-repeat;
}
#tquote {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
        color:#fff;
	display:block;
}

.tquote_text {
        font-size: 140%;
	line-height: 170%;
        font-style:italic;
        margin-bottom:15px;
}
.tquote_name {
	font-size: 90%;
        font-weight: bolder;
}
.tquote_title {
	font-size: 80%;
}
.testimonial {
        margin-top:5px;
}
.testimonial_first {
        margin-top:25px;
}

/* end testimonial quote styles */

/*             */
/* form styles */
/*             */

.form{
	float:left;
        width:325px;
}
.form_label {
	float:left;
         width:65px;
}
.form_label_text {
         font-size: 85%;
	line-height: 150%;
}
.form_box {
	float:left;
        width:150px;
}
.form_boxes {
	background: #eeeced;
        width: 325px;
        border: 1px solid #ccc;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
        padding: 5px
}
.form_boxes_large {
	background: #eeeced;
        width: 850px;
        border: 1px solid #ccc;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
        padding: 5px
}

label > b{
                line-height:1.2em;
                color: #343331;
font-weight:normal;
                text-align: right;
                width: 85px;
                display: block;
                float: left;
}

#emailSubmit{
                background: url(http://images.directemployers.com/deorg/subscribe_button.jpg) no-repeat;
                width: 106px;
                height: 21px
}

#emailSubmit:hover{
                background: url(http://images.directemployers.com/deorg/subscribe_button_over.jpg) no-repeat;
}

     
}

/* end form styles */

/*            */
/* bio styles */
/*            */

.biotext{
         width: 540px;
         font-size: 85%;
}
.biotext2{
         font-size: 90%;
}

.bioexperience{
         width: 540px;
         font-size: 90%;
         padding-top:10px;
}


/* end bio styles */

/*            */
/* event styles */
/*            */

.eventoldtext{
         color: #999999;
         font-size: 85%;
         line-height: 130%;
         margin-bottom:10px
}

.eventtext{
         font-size: 85%;
         line-height: 130%;
         margin-bottom:10px;
}


/* end event styles */

.linespace_85 {
         margin-bottom:85px
}
.linespace_57 {
         margin-bottom:57px
}
.linespace_35 {
         margin-bottom:35px
}
.linespace_25 {
         margin-bottom:25px
}
.linespace_20 {
         margin-bottom:20px
}
.linespace_15 {
         margin-bottom:15px
}
.linespace_10 {
         margin-bottom:10px
}
.linespace_5 {
         margin-bottom:5px
}

.figcaption {
	 font-size: 80%;
         line-height: 120%;
         margin-bottom:5px
}

.focus{
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	background: #FFF;
	height: 170px;
	padding: 0px;
	text-align: center;
	margin:10px 50px 0 50px;
}
.focus H2 {
	color:#990000;	
	font-size: 150%;
	font-weight:normal;
	margin-top: 10px;
	margin-bottom: 10px;
}
#banner{
	background: #FFF;
	padding: 0px;
	text-align: center;
	margin:10px 50px 0 50px;
}

#committee{
        margin:5px 200px 0 200px;
}
#committee a{
	height: 35px;
	width: 220px;
	border: none;
	background: url(http://de.nlx.org/buttons/committee-login.gif) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	font-size: 0;
	display:block;
	line-height: 0;
}
#committee a:hover{
	background: url(http://de.nlx.org/buttons/committee-login-hover.gif) no-repeat;
}

.banner{
	border: 1px solid #ccc;
    	-moz-border-radius: 10px;
   	-webkit-border-radius: 10px;
   	-khtml-border-radius: 10px;
   	border-radius: 10px;
	background: #FFF;
	padding: 0px;
}
.photo{
	border: 1px solid #333;
}
.resources{
	padding-left: 20px;
}

#caption-left{
	font-size: 80%;
        line-height: 120%;
        margin:5px 20px 5px 0;
	float: left;
}
#caption-right{
	font-size: 80%;
        line-height: 120%;
        margin:5px 0 5px 20px;
	float: right;
}
#caption{
	font-size: 80%;
        line-height: 120%;
        margin:5px 0 5px 20px;
	align: center;
}
.byline{
	font-size: 80%;
        font-style: italic;
        line-height: 120%;
        margin:5px 0 20px 0;
}

.pdfLink a {
    background: url("http://png.nlx.org/content_universe/images/pdf_white.gif") no-repeat scroll left top transparent;
    float: left;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    font-size:80%;
    margin: 10px 20px;
    padding-top: 67px;
    text-align: center;
    width: 100px;
}
.navigation {
    margin:10px 0 25px 0;
    border-bottom: #ccc dotted 1px;
    font-size:90%;
}

.press ul {
   margin-left:-40px;
   list-style-type: none
}

.press li {
   padding-bottom:10px
}

.side-box {
   width:200px;
   background-color:#eeeced;
   padding:10px;
   margin-right:-10px;
   border: 1px solid #ccc;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
}

img.alignright {float:right; margin:0 0 0 1em}
img.alignleft {float:left; margin:0 1em 0 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.icon {
	margin:20px 10px 10px 10px;
}

.fancy_header {
	background-image: none;
	margin: 20px 0 10px 0;
	padding: 20px 0 0 0;
}
.fancy_header span {
	background-color: #444;
	background-image: none !important;
	color: #FFF;
	padding: 4px 12px;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 3px;
}