/*  
Theme Name: NLGN
Theme URI: http://www.jsingh.com
Description: NLGN
Version: 1.0
Author: Jag Singh
*/

@charset "utf-8";
/* CSS Document */

/* ----------------------- General ----------------------- */
body{background: #808285; padding: 0; margin: 0;}
*{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; line-height: 20px;}
#content{width: 980px; margin: 0 auto; background: #ffffff;}
#info{width: 940px; margin: 0; padding: 0 20px 30px 20px; float: left;background: #ffffff;border-bottom:1px inset #cccccc;}
#left{float: left; width: 694px;}
#right{float: right; width: 240px;}
.bold {font-weight:strong;}
a.bold {font-weight:bold; color: #2b3890;}
a:link b {color: #2b3890;}
a:link strong {color: #2b3890;}

.excerptpost p img {display:none;}

.excerptpost p{margin: 0px; padding :0; text-align: left; line-height: 20px; font-size: 13px;}

#demo-accordion h5
{
	cursor:				pointer;
	background-color:	#eee;
	padding:			5px;
	margin:				0;
}
#demo-accordion h5:hover
{
	background-color:	#333;
	color:				#fff;
}
#demo-accordion div
{
	background-color:	#fff;
}
 
.ajaxified-selected
{
	font-weight:		bold;
}
 
#ajaxified-target
{
	padding:			1em;
	height:				250px;
	overflow:			auto;
	border:				1px solid #f5f5f5;
}

img#wpstats{width:0px;height:0px;overflow:hidden}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.button-readmore {
    /* Sliding right image */
    background: transparent url(images/button_right_04.png) no-repeat scroll top right; 
display: block;
float: left;
height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
a.button-readmore span {
/* Background left image */ 
background: transparent url(images/button_left_04.png) no-repeat; 
display: block;
line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding: 7px 0 5px 18px;
} 
a.button-readmore:hover span{
text-decoration:underline;
}

#videothumb_box {
position:relative;
display:block;
}
img.videothumb {
position: absolute;
top: 0px;
left: 0px;
} 

.videothumb-button { position: absolute; top:50%; left:65px; width: 90px; height:30px; background:url(http://www.woothemes.com/wp-content/themes/woo2/images/btn-demo.png); display: none;  cursor: pointer; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity = 30);  }       




/* ----------------------- Top ----------------------- */
#top{width: 940px; margin: 25px 0 10px 0; padding: 0 20px; float: left; background: url(images/fnd-menu.gif) repeat-x bottom left; min-height: 155px;}
#epftop{width: 940px; margin: 25px 0 10px 0; padding: 0 20px; float: left; background: url(images/nlgn-epf-headerbg.png) repeat-x bottom left; min-height: 155px;}
#logo{width: 314px; padding: 0; float: left; height: 95px; margin: 0;} 
#epflogo{width: 320px; padding: 0; float: left; height: 105px; margin: 0;} 

#search{width:620px; float: right; height: 77px;}
#search-input{width: 245px; float: left;}
#search-input .input{width: 163px; float: right; font-size: 12px; border: #333 1px solid; margin: 0 5px 0 0; padding: 0; height: 22px;}
#search-input .btn{ background: #b9b9c7; border: 1px solid #333; height: 28px; padding: 0; text-align: center; float: right;}
#menu-up{width: 375px;float: left; text-align: right;}
#menu-up a{ font:bold 12px Trebuchet MS; padding: 0 5px 0 5px;}
.menu-second{font-weight:bold; text-align: right;}
.menu-second a{ font:bold 12px Trebuchet MS; padding: 0 10px 0 0; }

#options{width:620px; float: right; height: 36px;}
#options a{ display: inline-block; text-align: right; padding:5px 27px 0 16px; color: #2e3092; }
#options a.rss{ background: url(images/icon-feed.jpg) no-repeat right;}
#options a.headertwitter{ background: url(images/icon-twitter.jpg) no-repeat right;}
#options a.buy{ background: url(images/icon-shop.jpg) no-repeat right;}
#options a.mailing{ background: url(images/icon-list.jpg) no-repeat  right;}
#options a.membersicon{ background: url(images/icon-lock.jpg) no-repeat  right;}
.exploremore-title { border-bottom:1px solid #000000; color:#000000; display:block; font-size:1.4em; font-weight:bold; margin:0 0 8px; padding:0; }
.explorelinks { margin-bottom:20px; }

#menu{width: 940px; float: left; margin: 0; padding: 0; height: 29px; padding: 12px 0 0 0; background: url(images/separador-menu.png) no-repeat top center;}
#menu li{float: left; padding: 0 0 0 15px}
#menu li a{text-align: left; display: inline-block; color: #333; font-size: 17px; float: left; padding: 5px 0 0; }
#menu li a:hover, #menu li a.select{color: #000; font-weight: bold; background-position: 0 0;}
a.selectstrong {color: #000; font-weight: bold;}

.publications, .research, .event, .media{width: 170px;}
.media {margin-left: 5px;}
.networks{width: 170px;margin-left: 10px;}
.spacer15{padding-top:15px;}

/* ----------------------- Homepage ----------------------- */
#banner{ background: url(images/banner-middle.jpg) repeat-y top left; width: 693px; float: left; margin: 0 0 10px 0;}
#banner .top{ background: url(images/banner-top.jpg) no-repeat top left; width: 693px; float: left;}
#banner .top .down{ background: url(images/banner-down.jpg) no-repeat bottom left; width: 673px; float: left; padding: 2px 10px 15px; min-height: 333px;}
#banner .top .down .colum-left{background: url(images/featured-bg5.gif) no-repeat; width: 410px; float: left;}
#banner .top .down .colum-right{width: 245px; float: right;}
#banner .top .down .colum-right h2{font-weight: bold; font-size: 22px; color: #FFF; margin: 0 0 10px; padding: 2px 0; line-height: normal;}
#banner .top .down .colum-right p, #banner .top .down .colum-right strong{color: #FFF;}
#banner .top .down .colum-right .paginator{width: 245px; float: right;}
#banner .top .down .colum-right .paginator a{ display: block; float: left; margin: 0 5px 0 0; width: 28px; text-align: center; height: 23px; padding: 5px 0 0 0; background: #d9dade; font-size: 11px; color: #2e3092; }
#banner .top .down .colum-right .paginator a:hover, #banner .top .down .colum-right .paginator a.select{ background: #acadb2;}
.colum-right strong, .colum-right b {color: #ffffff; font-weight: bold;}

#memberstop {background: url(images/membersareabg.png) no-repeat top left; width: 693px; float: left; margin: 0 0 5px 0; padding: 30px 10px 15px 10px; width: 695px; min-height: 315px;}
#memberstop .left-column {width: 400px; float: left;}
#memberstop .colum-left {background: url(images/featured-bg5.gif) no-repeat; width: 410px; float: left; padding: 5px 5px 5px 5px;}
#memberstop .right-column {width: 255px; float: right;}
#memberstop h2{font-weight: bold; font-size: 22px; color: #FFF; margin: 0 0 10px; padding: 2px 0; line-height: normal; }
#memberstop p {color: #FFF;}
#memberstop strong {color: #FFF;}


#epfpagetop {background: url(images/epfbg-final.jpg) no-repeat top left; width: 693px; float: left; margin: 0 0 5px 0; padding: 30px 10px 15px 10px; width: 695px; min-height: 315px;}
#epfpagetop .left-column {width: 400px; float: left;}
#epfpagetop .colum-left {background: url(images/featured-bg5.gif) no-repeat; width: 400px; float: left; padding: 5px 5px 5px 5px;}
#epfpagetop .right-column {width: 255px; float: right;}
#epfpagetop h2{font-weight: bold; font-size: 22px; color: #FFF; margin: 0 0 10px; padding: 2px 0; line-height: normal; }
#epfpagetop p {color: #000;}
#epfpagetop strong {color: #000;}


#block{ background: url(images/block2-middle.png) repeat-y top left; width: 240px; float: left; margin: 0 0 10px;}
#block .top{ background: url(images/block2-top.png) no-repeat top left; width: 240px; float: left;}
#block .top .down{ background: url(images/block2-down.png) no-repeat bottom left; width: 240px; float: left; padding: 2px 9px 15px 9px; min-height: 133px;}
#block .top .down .row{width: 220px; float: left; margin: 0 0 18px 0;}
#block .top .down .row p{margin: 0;}
#block .top .down .row img{ float: left;}
#block .top .down .row h2{ font-size: 15px; color: #2b3890;}

.block2{width: 415px; float: left; padding-right:10px; border-right:1px inset #cccccc;}
.block2 .row{width: 415px; float: left;}
.block2 .row h1{font-size: 12px; font-weight: bold; color: #fff; margin: 0 0 8px; padding: 2px 0 2px 3px; background:#231f20;}
.block2 .row h1.purple {font-size: 12px; font-weight: bold; color: #fff; margin: 0 0 8px; padding: 2px 0 2px 3px; background:#333278;}
.block2 .row a.title2{color: #2b3890; font-weight: bold; display: block;}
.block2 .row .field{width: 415px; padding: 0 0 15px}
.block2 .row .field .date{width: 80px; text-align: center;float: left;}
.block2 .row .field .text{float: left;}
.block2 .row .field .text a.title{color: #2b3890; font-weight: bold;}
a.title{color: #2b3890; font-weight: bold;}
.events{width: 260px; float: right;}
.events h1{ margin-bottom: 8px;}
.events .row{width: 260px; margin-bottom: 20px;}

.block3{float: right; width: 240px;}
.block3 .row{float: right; width: 240px; margin-bottom: 13px;}
.block3 .row .column-left{width: 120px; float: left;}
.block3 .row .column-right{width: 120px; float: right;}
.block3 .row .column-right img, .block3 .row .column-left img{ margin-bottom: 5px;}
#mediacentrebg { background: url(images/mediacentrebg.gif); background-repeat:no-repeat; width: 660px; height: 277px; padding: 5px 5px 0px 5px;}
#mediacentreoptions { margin: 5px auto; }

#memberquadcontainer h1{font-size: 12px; font-weight: bold; color: #fff; margin: 0px 0px 8px 0px; padding: 2px 0 2px 3px; background:#231f20;}

/* ----------------------- Text ----------------------- */
p{margin: 0 0 15px 0; padding :0; text-align: left; line-height: 20px; font-size: 13px;}



a{text-decoration: none; font-size: inherit;color: #2b3890; cursor:pointer;}
a:hover{ color:#181F50; cursor:pointer;}
a.more{display: block; padding: 1px 3px; color: #333; background: #CCC; font-size: 12px; width: 70px; margin: 0 0 15px; text-align: center;}
a.more:hover{ background: #999;}
strong{font-size: inherit;}
h1{font-size: 12px; font-weight: bold; color: #333; margin: 0; padding: 2px 0;}
h2{ font-size: 22px; font-weight: bold; padding: 2px 0 2px 13px; margin: 0;}
h3{ font-size: 14px; font-weight: bold; padding: 2px 0 2px 0; margin: 0;}
#entrytext { padding: 10px 20px 2px 13px; margin: 0; }
a.white, a.white:hover {color:#fff;}
a.black, a.black:hover {color:#000;}
a.h1white, a.h1white {color:#fff;}
.heading a {font-size: 22px; font-weight: bold; padding: 2px 0 2px 0px; margin: 0;}
.titleheading {font-size: 22px; font-weight: bold; padding: 2px 0px 2px 0px; margin: 0; line-height: normal;}
.researchheading a {font-size: 16px;font-weight: bold;}
.blogtitleheading a {font-size: 20px;font-weight: bold; line-height: 20px;}
.researchheading {padding-bottom: 30px;}
.featuredheading a {font-size: 20px;font-weight: bold; padding: 2px 0px 5px 0px; margin: 0; line-height: normal;}

#entrytext ul li { 
list-style-type: disc;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}

#entrytext ul { padding-bottom: 10px; }

.column_2 ul li { list-style-type: disc; line-height:2em; margin: 0px 0px 0px 20px; }

.eventbutton a {background: url(button-1.jpg) no-repeat; height:30px; width:120px; padding: 5px 2px 5px 2px; font-weight: bold; color: #000; text-decoration:none; display:block;}

.eventbutton a:hover {background: url(button-2.jpg) no-repeat; height:30px; width:120px; padding: 5px 2px 5px 2px; font-weight: bold; color: #000; text-decoration:none;}

/* ----------------------- Footer ----------------------- */
#footer{padding: 0; width: 980px; margin: 0;float: left; background: #ffffff;}
#footer h1{ padding: 0 0 0 20px;}
#partners{ height: 51px; width: 840px; float: left; padding: 19px 0 0; margin-right: 70px;}
#partners a{ padding:0 40px 0;}
#colaboration{float: right;width: 132px;margin-right:30px;}
#footer .row{width: 980px; text-align: center; font-size: 11px; float: left; padding: 20px 0; line-height: normal;}
#footer .row a{ font-size: 11px; color: #333; line-height: normal;}


/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; }
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */


/* ----------------------- Carousel Slider ----------------------- */ 

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px;
width: 673px; /*width of featured content slider*/
height: 310px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px 4px 0px 0px;
width: 673px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.contentdiv p { line-height: 18px; }

.slidercontent {background: #04003f;}

.pagination{
text-align: right;
position:relative;
margin: -30px 5px 5px 0px;
z-index: 1000;
}

.pagination-epf{
text-align: right;
position:relative;
margin: -30px 25px 5px 0px;
z-index: 1000;
}

.pagination-publication{
text-align: left;
position:relative;
margin: -30px 5px 5px 100px;
z-index: 1001;
}

.pagination a{
padding: 3px 8px;
text-decoration: none; 
color: #000000;
font-weight: bold;
background-color: #e4e4e4;
}

.pagination a:hover, .pagination a.selected{
background-color: #b1b1b1;
}

.pagination-publication a{
padding: 3px 8px;
text-decoration: none; 
color: #000000;
font-weight: bold;
background-color: #e4e4e4;
}

.pagination-publication a:hover, .pagination-publication a.selected{
background-color: #b1b1b1;
}


.pagination-epf a{
padding: 3px 8px;
text-decoration: none; 
color: #000000;
font-weight: bold;
background-color: #ccccff;
}

.pagination-epf a:hover, .pagination-epf a.selected{
background-color: #b1b1b1;
}

.readmore a{
padding: 5px 8px;
text-decoration: none; 
color: #000000;
background-color: #e4e4e4;
font-weight: bold;
border: 2px solid #C8B4B4;
}


.readmore a:hover, .readmore a.selected{
background-color: #b1b1b1;
border: 2px solid #b1b1b1;
}

/* ----------------------- Tab Widget ----------------------- */ 

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #999999;
color: #2d2b2b;
background: #ebebeb;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background: #ffffff;
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ----------------------- Spiffy ---------------------------- */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f7f7f7}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#f9f9f9}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefefe;
  border-right:1px solid #fefefe;
  background:#f8f8f8}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;}
.spiffy4{
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb}
.spiffy5{
  border-left:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9}
.spiffyfg{
  background:#f7f7f7}



.mediatopspiffyblue{display:block}
.mediatopspiffyblue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#7695cd}
.mediatopspiffyblue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #c4d1e9;
  border-right:1px solid #c4d1e9;
  background:#98afd9}
.mediatopspiffyblue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f1f4fa;
  border-right:1px solid #f1f4fa;
  background:#90a9d6}
.mediatopspiffyblue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #90a9d6;
  border-right:1px solid #90a9d6;}
.mediatopspiffyblue4{
  border-left:1px solid #c4d1e9;
  border-right:1px solid #c4d1e9}
.mediatopspiffyblue5{
  border-left:1px solid #98afd9;
  border-right:1px solid #98afd9}
.mediatopspiffybluefg{
  background:#7695cd}


/*----- Carousel --- */
#carouselbg { 
		width:664px;
		height:320px;
		padding-top:0px;
		padding-left:14px;
		background-image:url(images/widget.jpg);
		background-repeat:no-repeat;
	}	

	#carouselcontainer {
		width:640px;
		height:300px;
		background:transparent;
	}
	#carouselcontainer h2{ font-size: 18px; padding: 2px 0 2px 9px; margin: 0;}

#carousel{
		width:338px;
		height:292px;
		padding:4px;
		border:0px;
		position:relative;
	}
	#carousel img{
		width:94%;
		height:auto;
		border:0px solid #FFFFFF;
		display:block;
	}
	#carouselnav {
		width:457px;
		height:27px;
		position:relative;
		top:-54px;
	}	
	#carouselcontent {	
		width:272px;
		height:300px;
		padding: 0px 10px 0px 10px;
	}
	#carouseltitle {
		color:#003399;
		text-align:left;
		font-size:18px;
	}
	#carouselauthor {
		margin:16px 9px;
	}
	#carouseldate {
		margin:16px 9px;
	}
	#carouseltext {
		padding:0px 9px 0px 9px;
		font-size:12px
	}





/* ----------------------- SocialIcons ----------------------- */ 

#socialicons {
color:#4c4d50;
float:left;
margin:10px 0 0;
padding:1px 0 10px;
}

#socialicons img {
margin-right:5px;
padding-bottom:3px;
}

#socialicons li {
border:none;
display:inline;
float:left;
padding-right:11px;
}

#socialicons small {
color:#4c4d50;
font-size:10px;
font-weight:700;
text-transform:uppercase;
}

#socialicons small a {
color:#4c4d50;
margin-right:20px;
text-decoration:none;
}

#socialicons small a:hover {
color:#030a1f;
}

#socialicons small img {
vertical-align:middle;
}



#commentform #author,#commentform #email,#commentform #url,#commentform textarea {
border:1px solid gray;
margin-left:10px;
padding:.2em;
}

#commentform textarea {
width:96%;
}

#commentlist {
width:97%;
font-size:11px;
color:#000;
margin:0 0 20px;
padding:0 0 0 10px;
}

#commentlist li {
border:5px solid #dcdcdc;
list-style-type:none;
background:#f5f5f5;
margin:0 0 20px;
padding:0;
}

#commentlist li p {
font-size:12px;
margin:0;
padding:5px 10px 5px 80px;
}

#commentlist a {
text-decoration:none;
font-weight:700;
border-bottom:none;
}

#commentlist li div.meta {
text-transform:uppercase;
text-align:center;
margin:0;
padding:0;
}

#commentlist li .avatar {
float:left;
border:2px solid #ECE8D7;
margin:5px;
padding:0;
}

#commentlist2 {
line-height:10px;
float:left;
width:97%;
font-size:11px;
color:#000;
margin:0 0 20px;
padding:10px 0 0 10px;
}

#commentlist2 li {
border:1px solid #dcdcdc;
list-style-type:none;
background:#F8F5E8;
margin:0 0 20px;
padding:5px 10px 5px 63px;
}

#commentlist2 li p {
font-size:12px;
margin:0;
}

#commentlist2 a {
text-decoration:none;
font-weight:700;
border:none;
}

#commentlist2 a:hover {
text-decoration:underline;
font-weight:700;
}

#commentlist2 li div.meta {
text-transform:uppercase;
text-align:center;
border-bottom:1px dotted #3333;
margin:0;
padding:0;
}

#commentlist2 li .avatar {
float:left;
margin-left:-58px;
width:50px;
height:50px;
border:2px solid #E6E3D3;
padding:0;
}

#commentlist2 li ul li {
background:#E6E3D3;
border:1px solid #ADACA8;
margin:11px -5px 7px -50px;
}

.children {
padding:0;
}

.authorcomm {
float:left;
width:70px;
text-align:center;
line-height:12px;
font-size:10px;
margin:0;
padding:0;
}

.authorcomm a {
text-decoration:none;
font-weight:700;
}

.reply {
text-align:right;
padding:5px;
}

.navigation {
width:100%;
height:20px;
}

.cancel-comment-reply {
text-align:right;
float:none;
font-size:12px;
}

.comment-meta a {
border-bottom:1px dotted #3333;
text-transform:uppercase;
font-size:9px;
color:gray;
}


#commentform input {
height:24px;
}

#commenform small {
margin-left:10px;
}

textarea {
background:#f6f6f6;
border-bottom:1px solid #eee;
border-left:1px solid #ccc;
border-right:1px solid #eee;
border-top:1px solid #bbb;
color:#666;
font-size:12px;
padding:5px;
}


h4,#comments,#respond h3 {
font-size:16px;
}

.article h1,#commentlist2 h2 {
padding-bottom:10px;
}

.post p {
padding:10px 0 5px;
}



.logocolor1{display:block}
.logocolor1 *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ece3f0}
.logocolor11{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f6f2f8;
  border-right:1px solid #f6f2f8;
  background:#f0eaf3}
.logocolor12{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfcfd;
  border-right:1px solid #fdfcfd;
  background:#efe8f2}
.logocolor13{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #efe8f2;
  border-right:1px solid #efe8f2;}
.logocolor14{
  border-left:1px solid #f6f2f8;
  border-right:1px solid #f6f2f8}
.logocolor15{
  border-left:1px solid #f0eaf3;
  border-right:1px solid #f0eaf3}
.logocolor1fg{
  background:#ece3f0}





.twologocolor1{display:block}
.twologocolor1 *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e7e6f2}
.twologocolor11{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f4f4f9;
  border-right:1px solid #f4f4f9;
  background:#edecf5}
.twologocolor12{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfd;
  border-right:1px solid #fcfcfd;
  background:#ebeaf4}
.twologocolor13{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ebeaf4;
  border-right:1px solid #ebeaf4;}
.twologocolor14{
  border-left:1px solid #f4f4f9;
  border-right:1px solid #f4f4f9}
.twologocolor15{
  border-left:1px solid #edecf5;
  border-right:1px solid #edecf5}
.twologocolor1fg{
  background:#e7e6f2}



.threelogocolor1{display:block}
.threelogocolor1 *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e4eaf6}
.threelogocolor11{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f3f5fb;
  border-right:1px solid #f3f5fb;
  background:#eaeff8}
.threelogocolor12{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfe;
  border-right:1px solid #fcfcfe;
  background:#e9edf7}
.threelogocolor13{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e9edf7;
  border-right:1px solid #e9edf7;}
.threelogocolor14{
  border-left:1px solid #f3f5fb;
  border-right:1px solid #f3f5fb}
.threelogocolor15{
  border-left:1px solid #eaeff8;
  border-right:1px solid #eaeff8}
.threelogocolor1fg{
  background:#e4eaf6}



.fourlogocolor1{display:block}
.fourlogocolor1 *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e3eef8}
.fourlogocolor11{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f2f7fb;
  border-right:1px solid #f2f7fb;
  background:#eaf2f9}
.fourlogocolor12{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfdfe;
  border-right:1px solid #fcfdfe;
  background:#e8f1f9}
.fourlogocolor13{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e8f1f9;
  border-right:1px solid #e8f1f9;}
.fourlogocolor14{
  border-left:1px solid #f2f7fb;
  border-right:1px solid #f2f7fb}
.fourlogocolor15{
  border-left:1px solid #eaf2f9;
  border-right:1px solid #eaf2f9}
.fourlogocolor1fg{
  background:#e3eef8}



.mediatopspiffy{display:block}
.mediatopspiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ebebeb}
.mediatopspiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6;
  background:#f0f0f0}
.mediatopspiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#eeeeee}
.mediatopspiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee;}
.mediatopspiffy4{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.mediatopspiffy5{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.mediatopspiffyfg{
  background:#ebebeb}








/* ---------------------- Extras -------------------------- */

a img {text-decoration: none; border: 0; }
.alignleft { float:left; margin: 0px 5px 5px 0px; }
.alignright { float:right; margin: 0px 0px 5px 5px; }
img.alignnone { float:right; margin: 0px 0px 5px 5px; }

/* ---------------------- Pagebar -------------------------- */

.pagebar 
	{ 
		font: 13px Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
		padding: 2px 6px; 
		border: none; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #0063DC; 
		border-color: #036; 
		text-decoration: none;
	}



/* ---------------------- Scroller -------------------------- */

/* Container DIV - automatically generated */
#outerContainer { width:970px; height:51px; margin: 0px 0px 0px 20px; position:relative; float:left; }

.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 970px;
	height: 51px;
	margin-bottom: 5px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 970px;
	height: 51px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 150px;
	height: 51px;
}



/* ---------------------- Dropdown CSS -------------------------- */


ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 0px 2px 15px;
	background-color:#ffffff;
	background-repeat:repeat;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:113.4px;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:bold 12px Trebuchet MS;
	color: #333366;
	text-decoration:none;
	cursor:pointer;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#ffffff;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#ffffff;
	border-color:#ffffff;
	border-style:solid;
	font:bold 12px Trebuchet MS;
	color: #333366;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#ffffff;
	border-color:#ffffff;
	border-style:solid;
	font:bold 12px Trebuchet MS;
	color: #333366;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul{display:block}
ul.cssMenu span{
	display:block;
	background-image:url(images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
font:bold 12px Trebuchet MS; 
	color: #333366;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(images/arr_double_1o.gif);}
ul.cssMenu table a:hover span{background-image:url(images/arr_double_1o.gif)}

/* ----------------------- ExpandCollapse ----------------------- */

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: #2b3890;
background: #fff; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: left;
color: #2b3890;
text-decoration: none;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
padding: 1px 12px 24px 0px;
color:#2b3890;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: #fff; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}

#memberquadwrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 660px;
	background: url("/path/to/your/background_cols.gif") repeat;
}

#memberquadheader {
	margin: 0 0 15px 0;
	background: yellow;
}

#memberquadside-a {
	float: left;
	width: 330px;
}

#memberquadside-b { 
	margin: 0;
	float: left;
	width: 330px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#memberquadfooter {
	clear: both;
	background: #A2A2A2;
}