@charset "utf-8";

/* -------------------------------------------------------- MAIN */

body {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border: none;
}
form {
	margin: 0px;
	padding: 0px;
}
.png {
	behavior: url(includes/htc/iepngfix.htc);
}
.clear {
	clear: both;
}
a {
	color: #337aa8;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* -------------------------------- LAYOUT */
#layout {
	float: left;
	width: 100%;
	text-align: center;
}
#mainwrapper {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}
#header {
	float: left;
	width: 750px;
	position: relative;
}
#nlplogo {
	float: left;
	width: 203px;
	height: 48px;
	margin: 21px 0px 0px 0px;
}
#textandprint {
	float: left;
	width: 13em;
	height: 30px;
	font-size: 0.7em;
	padding: 7px 0px 0px 10px;
	margin: 0px 0px 0px 120px;
	display: inline;
	background-image: url(../../images/panels/text-print-panel-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#textandprint .text {
	float: left;
	display: inline;
	margin: 0px 5px 0px 0px;
}
#textandprint .text img {
	float: left;
}
#textandprint .print {
	float: left;
}
#textandprint .print a {
	float: left;
	display: block;
	width: 2.5em;
	height: 1.5em;
	padding: 5px 0px 0px 30px;
	background-image: url(../../images/global/print-page.gif);
	background-position: 4px 4px;
	background-repeat: no-repeat;
	color: #6a879a;
	background-color: #f8fcff;
	text-decoration: none;
}
#textandprint .print a:hover {
	text-decoration: underline;
}
#searchpanel {
	float: right;
	width: 165px;
	color: #7a7a7a;
	margin: 25px 0px 0px 0px;
}
#searchpanel .label {
	float: left;
	width: 120px;
	font-size: 0.8em;
	margin: 0px 0px 2px 0px;
}
#searchpanel input {
	float: left;
	width: 120px;
	height: 1.45em;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 3px 0px 1px 5px;
	border: 1px solid #c1c1c1;
}
#searchpanel img {
	float: left;
	display: inline;
	margin: 0px 0px 0px 5px;
}
#loggedin {
	position: absolute;
	top: 47px;
	left: 335px;
	width: 245px;
	font-size: 0.7em;
	clear: both;
}
#loggedin span {
	white-space: nowrap;
}
/* -------------------------------- MAIN MENU */

#mainmenu {
	float: left;
	width: 750px;
	margin: 23px 0px 0px 0px;
}
#mainmenu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mainmenu ul li {
	float: left;
	font-size: 0.8em;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 8px;
	background-image: url(../../images/global/menu/menu-light-bg-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#mainmenu ul li a {
	display: block;
	padding: 14px 20px 18px 13px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../../images/global/menu/menu-light-bg-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#mainmenu ul li.menuEnd {
	margin-right:0px;
}
#mainmenu ul li.menuEnd a {
	padding: 14px 21px 18px 14px;
}
#mainmenu ul li a:hover {
	text-decoration: underline;
}
#mainmenu ul li span {
	background-position: top left;
	background-repeat: repeat-x;
}


#maincontent {
	float: left;
	width: 750px;
	padding: 14px 0px 0px 0px;
}

.simpleroundbox {
	float: left;
	width: 482px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../../images/panels/round-box-simple-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.simpleroundbox .content {
	float: left;
	width: 450px;
	padding: 0px 15px 0px 15px;
	border-left: 1px solid #afcbdd;
	border-right: 1px solid #afcbdd;
}
.simpleroundbox .content h1 {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #6b6b6b;
}
.simpleroundbox .content p {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #7a7a7a;
}
.simpleroundbox .bottom {
	float: left;
}



.simpleroundbox .contentsections {
	float: left;
	width: 450px;
	padding: 0px 15px 0px 15px;
	border-left: 1px solid #afcbdd;
	border-right: 1px solid #afcbdd;
}
.sectionbox {
	float: left;
	width: 14em;
	height: 6em;
	margin: 8px 0px 0px 0px;
}
.sectionbox img {
	float: left;
}
.sectionbox .textcontent {
	float: left;
	width: 120px;
	margin: 6px 0px 0px 10px;
	display: inline;
}
.sectionbox .textcontent h2 {
	font-size: 0.8em;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	color: #6b6b6b;
}
.sectionbox .textcontent ul {
	list-style: none;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px 0px 0px 2px;
}
.sectionbox .textcontent a {
	color: #5c859f;
	text-decoration: none;
}
.sectionbox .textcontent a:hover {
	text-decoration: underline;
}

#rightpanels {
	float: right;
	width: 251px;
	padding: 0px 3px 0px 0px;
}

.rightnews {
	background-image: url(../../images/panels/news-and-events-top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
.rightresources {
	background-image: url(../../images/panels/latest-resources-top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.rightpanel {
	float: left;
	width: 251px;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
.rightpanel .content {
	float: left;
	width: 218px;
	padding: 5px 15px 0px 16px;
	border-left: 1px solid #afcbdd;
	border-right: 1px solid #afcbdd;
}
.rightpanel .content ul {
	float: left;
	width: 218px;
	font-size: 0.8em;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.rightpanel .content ul li {
	padding: 6px 0px 10px 0px;
	background-image: url(../../images/global/grey-dotted-bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
.rightpanel .content ul li.nobg {
	background-image: none !important;
}
.rightpanel .content .buttons {
	float: left;
	widows: 218px;
}
.rightpanel .bottom {
	float: left;
	width: 251px;
	height: 7px;
}
.rightpanel .content ul.resources {
	margin: 0px 0px 5px 0px;
}
.rightpanel .content ul.resources li {
	padding: 5px 0px 0px 10px;
	margin: 0px 0px 3px 0px;
	background-image: url(../../images/bullets/bullet-blue.gif);
	background-position: 0px 11px;
	background-repeat: no-repeat;
}



.rightpanel .button {
	float: right;
	margin: 5px 0px 2px 0px;
}
.rightpanel .button img {
	float: left;
}
.rightpanel .button .buttontext {
	float: left;
	background-color: #799fb8;
	font-size: 0.7em;
	padding: 2px 0px 2px 0px;
}
.rightpanel .button .buttontext a {
	color: #FFFFFF;
	text-decoration: none;
}
.rightpanel .button .buttontext a:hover {
	text-decoration: underline;
}




#membersareapanel {
	float: left;
	width: 151px;
	padding: 13px 0px 12px 100px;
	background-image: url(../../images/panels/members-area-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#membersareapanel h2 {
	font-size: 0.8em;
	width: 150px;
	margin: 0px;
	padding: 0px;
	color: #6b6b6b;
	background-color: #FFFFFF;
}
#membersareapanel p {
	font-size: 0.7em;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	width: 150px;
	color: #6b6b6b;
	background-color: #FFFFFF;
}

#footer {
	float: left;
	width: 750px;
	margin: 20px 0px 0px 0px;
}
#footer .logoRow {
	width:750px;
	float:left;
	text-align:center;
	margin:0px 0px 10px 0px;
	}
#footer a, #footer>img {
	float: left;
	margin: 4px 20px 10px 0;
}
#underfooter {
	float: left;
	font-size: 0.7em;
	width: 750px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #dfdfdf;
}
#underfooter #leftfooter {
	float: left;
	width: 385px;
	padding: 0px 0px 0px 15px;
}
#underfooter #rightfooter {
	float: right;
	width: 335px;
	padding: 0px 15px 0px 0px;
	text-align: right;
}

/* -------------------------------- INSIDE PAGES */

.largeroundbox {
	float: left;
	width: 750px;
	background-image: url(../../images/panels/round-box-large-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.white_wide_bg_top {
	background-image: url(../../images/panels/round-box-large-white-top.gif) !important;
}
.largeroundbox .content {
	float: left;
	width: 750px;
	margin: 6px 0px 0px 0px;
	background-image: url(../../images/panels/round-box-large-bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
.white_wide_bg {
	background-image: url(../../images/panels/round-box-large-white-bg.gif) !important;
}
.largeroundbox .content .leftcolumn {
	float: left;
	width: 186px;
	font-size: 0.7em;
	padding: 0px 10px 0px 10px;
}
.largeroundbox .content .leftcolumn ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.largeroundbox .content .leftcolumn ul li {
	padding: 6px 0px 8px 0px;
	background-image: url(../../images/global/blue-dotted-bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
.largeroundbox .content .leftcolumn ul li a {
	display: block;
	padding: 0px 10px 0px 10px;
}
.largeroundbox .content .leftcolumn ul li.selected {
	padding: 7px 0px 8px 0px;
	margin: 1px 0px 0px 0px;
	background: url(../../images/global/menu/inside-menu-over.gif) bottom right repeat-y;
}
.largeroundbox .content .leftcolumn ul li.selected a {
	display: block;
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.largeroundbox .content .leftcolumn ul li.selected ul {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
.largeroundbox .content .leftcolumn ul li.selected ul li {
	padding: 6px 0px 8px 15px;
	background-image: url(../../images/bullets/bullet-white.gif);
	background-position: 17px 11px;
	background-repeat: no-repeat;
}
.largeroundbox .content .leftcolumn ul li.selected ul li a:hover {
	text-decoration: underline;
}


.rightcolumn {
	float: left;
	width: 540px;
}
.widecolumn {
	width: 750px !important;
}
.rightcolumn .breadcrumbs {
	float: left;
	width: 520px;
	padding: 5px 0px 5px 20px;
	background-color: #edf8ff;
	font-size: 0.7em;
}
.rightcolumn .breadcrumbs_wide {
	width: 725px !important;
	margin: 0px 0px 0px 1px;
	display: inline;
}
.rightcolumn .breadcrumbs a {
	color: #7ca2ba;
}
.rightcolumn .breadcrumbs a.arrow {
	padding: 0px 0px 0px 15px;
	background-image: url(../../images/bullets/bullet-breadcrumbs.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
.rightcolumn .rightcontent {
	float: left;
	width: 500px;
	padding: 10px 20px 0px 20px;
}
.rightcolumn .wide {
	float: left;
	width: 706px !important;
	padding-bottom: 20px;
}

.rightcolumn .rightcontent h1 {
	float: left;
	font-size: 1.1em;
	color: #3b3939;
	font-weight: normal;
	margin: 5px 0px 10px 0px;
	padding: 0px;
}
.rightcolumn .rightcontent h2 {
	font-size: 0.95em;
	color: #7C7CC4;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.rightcolumn .rightcontent .jumpmenu {
	float: left;
	width: 500px;
	font-size: 0.7em;
	margin: 3px 0px 10px 0px;
}
.rightcolumn .rightcontent p {
	font-size: 0.8em;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	line-height: 1.4em;
}
/*.rightcolumn .rightcontent img.rightimage {
	float: right;
	margin: 0px 0px 10px 10px;
}*/
.rightcolumn .rightcontent p img {
	margin: 0px 10px 5px 10px !important;
}
/*.rightcontent ul {
	font-size: 0.8em;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.rightcontent ul li {
	padding: 6px 0px 10px 0px;
	background-image: url(../../images/global/grey-dotted-bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
.rightcontent ul li a {
	font-weight: bold;
}*/
.rightcontent ol {
	font-size: 0.8em;
}
.rightcontent ul {
	font-size: 0.8em;
	list-style: disc;
	margin: 0;
	padding: 0 0 0 37px;
}
.rightcontent ul li ul{
	font-size: 1em;
	list-style: disc;
	margin: 0;
	padding: 5px 0 0 37px;
}
.rightcontent ul li, .rightcontent ol li {
	padding: 0 0 5px 0;
}
.rightcontent .galleryimage {
	float: left;
	width: 154px;
	height: 145px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: center;
	font-size: 0.8em;
}
.rightcontent .galleryimage img {
	margin: 0 0 5px 0;
}
.rightcontent .whoswho {
	float: left;
	margin: 10px 0px 10px 0px;
	font-size: 0.8em;
	border: 1px solid #AFCBDD;
	padding: 10px 10px 10px 15px;
	line-height: 1.7em;
}
.rightcontent .whoswho img {
	float: right;
	margin: 0 0 0 10px;
}
.blogdate {
	font-size: 0.7em;
	line-height: 2em;
}
.newsdate {
	font-size: 0.7em;
	line-height: 2em;
}
.link_row {
	float:left;
	width:500px;
	margin:5px 0px 0px 0px;
	}
.link_row img{
	float:left;
	display:block;
	margin:8px 10px 2px 0px;
	}
.linkurl {
	font-size: 0.7em;
	line-height: 2em;
}
.linkdescription {
	font-size: 0.8em;
}
.newslistingimg {
	margin: 0px 5px;
	float: right;
	width: 75px;
	height: 75px;
}

.largeroundbox .bottom {
	float: left;
	width: 750px;
}
.insideresources {
	background-image: url(../../images/panels/resources-wide-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.insidecomments {
	background-image: url(../../images/panels/comments-wide-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.insidecontentwidepanel {
	float: left;
	width: 500px;
	margin: 0px 0px 10px 0px;
}
.blogcomment {
	padding:10px 0px 20px 0px;
	font-size:0.9em;
	line-height:1.4em;
	border-bottom:1px solid #ccc;
}
.blogcomment span{
	font-size:0.9em;
	color:#337AA8;
}
.insidecontentwidepanel .insidewidecontent {
	float: left;
	width: 470px;
	font-size: 0.9em;
	padding: 10px 15px 5px 13px;
	margin: 32px 0px 0px 0px;
	border-left: 1px solid #afcbdd;
	border-right: 1px solid #afcbdd;
}
.insidecontentwidepanel .insidewidecontent ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.insidecontentwidepanel .insidewidecontent ul li {
	float: left;
	width: 19em;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 5px 0px;
	background-image: url(../../images/bullets/bullet-blue.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;

}
.insidecontentwidepanel .insidewidebottom {
	float: left;
	width: 500px;
}
.alphalist {
	float: left;
	width: 480px;
	padding: 5px 0px 5px 20px;
	margin: 0px 0px 15px 0px;
	font-size: 0.7em;
	text-align: center;
	color: #6b6b6b;
	border: 1px solid #AFCBDD;
}
.alphalist a {
	color: #7ca2ba;
	text-decoration:underline;
}
.alphalist a:hover {
	color: #0000CC;
}

.librarypaginglist {
	padding: 5px 0px 5px 20px;
	font-size: 0.7em;
	text-align: center;
	color: #6b6b6b;
	border: 1px solid #AFCBDD;
	margin-bottom: 10px;
}
.librarypaginglist a {
	color: #7ca2ba;
	text-decoration: underline;
}
.rightcontent h2.librarytitle {
	font-size: 0.8em;
	margin: 10px 0 10px 0;
	padding: 0;
}
.rightcontent p.librarydesc {
	margin: 0;
	padding: 0;
}
.rightcontent p.librarykeywords {
	margin: 10px 0 15px 0;
	padding: 0;
	font-size: 0.7em;
	clear: both;
}
.rightcontent img.libraryimage {
	float: right;
	margin: 4px 0px 4px 4px;
}

/* -------------------------------------------------------- FORMS GENERAL */

.formrow {
	float: left;
	width: 500px;
	font-size: 0.8em;
	padding: 5px 0px 5px 0px;
}
.formrow .name {
	float: left;
	width: 110px;
	text-align: right;
	padding: 6px 10px 0px 0px;
}
.formrow .field {
	float: left;
	width: 380px;
}
.formrow .field input.normal {
	width: 300px;
	font-size: 1em;
	border: 1px solid #a5acb2;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 17px 4px 4px;
}
.formrow .field input.required {
	background-image: url(../../images/bullets/required-field.jpg);
	background-position: 308px 9px;
	background-repeat: no-repeat;
}
.formrow .field input.submitbutton {
	width: auto !important;
	padding: 4px 10px 3px 10px !important;
}
.error {
	float: left;
	width: 380px;
	padding: 0px 0px 5px 120px;
	font-size: 0.8em;
	color: #CC0000;
}
.error span {
	font-weight: bold;
}
.success {
	float: left;
	width: 380px;
	padding: 0px 0px 5px 120px;
	font-size: 0.8em;
	color: #0C891F;
}
.success span {
	font-weight: bold;
}
div.areas {
	padding: 7px 0px 0px 0px;
}
div.areas label
{
	float: left;
	width: 180px;
	clear: left;
}

div.areas input
{
	float: left;
}
#whos_who_optout {
	margin: 7px 0px 0px 0px;
}
/* -------------------------------------------------------- MEMBER PROFILE FORMS */

.memberFieldset {
	width: 500px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: none;
}
.memberFieldset legend {
	display: none;
}
/*.required {
	background-color: #FFB3B3;
	border: 1px solid #FF0000;
}*/

/*----TABLE----*/

table {
	}

table .lightBlueBack {
	color:#7a7a7a;
	background-color:#edf8ff;
	}
table .row1 {
	background:#efefef;
	}

.rightcolumn .rightcontent table p {
	margin:0px;
	padding:0px;
	}

table a {
	}

table a:hover {
	}

/* ------------------------ INSIDE MEMBERS PANEL */

#membersinside {
	float: left;
	width: 186px;
	margin: 10px 0 5px 0;
	background: url(../../images/panels/members-inside-top.gif) top left no-repeat;
}
#membersinside .content {
	float: left;
	width: 143px;
	padding: 0px 5px 0 38px;
	background: url(../../images/panels/keys.gif) 12px 3px no-repeat;
}
#membersinside .content strong {
	color: #636363;
}
#membersinside .footer {
	float: left;
	width: 186px;
}
#membersinside .footer img {
	float: left;
}

/*------- Comments Form ---------*/

#comment {
	float:right;
	width:460px;
	padding:0px 0px 10px 10px;
	background-color:#eee;
	}

#comment .row {
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
	width:460px;
	}

#comment p {
	margin:0px;
	padding:0px 0px 5px 0px;
	}




















