body {
text-align:center;
font-size:10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color:#333;
background-color:white;
margin:0;
padding:0;
line-height: 1.6em; }

/*-----------------------------------------------WRAPPER-----*/

div#outer_wrapper {
     position: relative;
     top: 30px;
     left: auto;
     right: auto;
     margin:0px auto;
     width: 800px;
     height: 730px;
     background-image: url(../images/nets_background.png);
     background-repeat: no-repeat; 
}
/*-----------------------------------------------HEADER-----*/
div#top_banner {
     /*position: absolute;*/
     /*top: 0px;*/
     height: 100px;
     width: 800px;
     text-align: left;
     /*background-color:#444;*/
}
div#logo {
position: absolute;
left: 10px;
top: 10px;
width: 140px;
height: 48px;
}
div#tagline {
position: absolute;
height: 30px;
width: 600px;
right: 16px;
top: 4px;
}
div#tagline_ds {
position: absolute;
height: 30px;
width: 600px;
right: 15px;
top: 5px;
}
/*--------4 BUTTONS-----*/
div#books {
     position: absolute;     
     left: 172px;
     top:45px;
     width: 156px;
     height: 34px;
     text-align: center;
}
div#imedia {
     position: absolute;     
     left: 328px;
     top:45px;
     width: 156px;
     height: 34px;
     text-align: center;
}
div#studio {
     position: absolute;     
     left: 484px;
     top:45px;
     width: 156px;
     height: 34px;
     text-align: center;
}
div#edit {
     position: absolute;     
     left: 640px;
     top:45px;
     width: 156px;
     height: 34px;
     text-align: center;
}
/*--Handles 4 divisions; Books, iMedia, Studio, and Edit "Tabs/links------*/
.fourtabs {
text-indent: -10px; }


.fourtabs a {
display:block;
height:20px;
background: url(../images/btn_topnav.png);
padding-top: 1em;
text-decoration:none;
color: #015485;
font-weight: bold;
font-size: 1.2em;
}
.fourtabs a:hover {	
background-position: 0px -34px;
color: #015485;
}
.fourtabs a:active {
/*background-position: -314px 0;*/
color:white;
}

.fourtabs-in {
text-indent: -10px; }

.fourtabs-in a {
display:block;
height:20px;
background: url(../images/btnA-glow-ff.png);
padding-top: 1em;
text-decoration:none;
color: #015485;
font-weight: bold;
font-size: 1.2em;
}
.fourtabs-in a:hover {	
color: #015485;
}
.fourtabs-in a:active {
color:white;
}
/*--------end of four tabs-----------------------*/

/*LOGO------------------------*/
div#logo a {
display:block;
height:40px;
background: url(../images/nets_logo.jpg) no-repeat;
padding-top: 4em;
text-decoration:none;
color: #ffffff;
font-weight: bold;
font-size: 1em;
}
div#logo a:hover {	
/*background-position: 0px -34px;*/
color: #ffffff;
}
div#logo a:active {
/*background-position: -314px 0;*/
color:#ffffff;
}
/*------A FULL-SERVICE EDUCATION DEV CO------------------------*/
div#tagline h1 {
color: #ffffff;
text-align: right;
font-weight: bold;
font-size: 1.65em;
line-height: 1.65em;
}

div#tagline_ds h1 {
color: #f97b3e;
text-align: right;
font-weight: bold;
font-size: 1.65em;
line-height: 1.65em;
}
/*-----------------------------------------------GREEN HORIZONTAL BAR-----*/

div#bar {
     position: absolute;
     top: 76px;
     height: 220px;
     left:0px;
     width: 800px;
     /*background-color: #888; */
     /*background-image: url(images/nets_midsec_bgstrip.png);*/
     /*background-repeat: repeat-x; */
    z-index: 200;
}

/*------SECTION (LEFT SIDE IN BANNER)-----*/
#section {
position:absolute;
top: 10px;
left: 10px;
width:270px;
height:auto;
/*padding-top:4px;*/
}
#section_head {
/*float:left;*/
width:260px;
height:2.8em;
text-align:right;
border-bottom:2px dotted #fff;
vertical-align: top;
margin-top:0px;
}
#section_head h1 {
font-size:2em;
font-weight: bold;
color: #6CA617;
}
#section_intro {
float: left;
padding-left:10px;
width:250px;
height:104px;
text-align:right;
overflow:hidden;
font-size:1.2em;
line-height:1.5em;
color: #6CA617;
/*margin-top:4px;*/
}
#section_intro ul {
text-align:right;
list-style:none;
margin-top:4px;
}
#section_intro a {
display: block;
color: #6CA617;
text-decoration:none;
}
#section_intro a:hover {
color: #015485;
text-decoration:none;
}
/*------end of Section in green bar to left of image---------*/
/*-----------------------------------------------SIDE BAR-----*/

div#sidebar {
     position: absolute;
     top: 272px;
     left: 0px;
     height: 300px;
     width: 160px;
     /*background-color: #333;*/
     /*padding: 10px;*/
 }
/*-----------------------------------------------MAIN CONTENT REGION-----*/

div#main_content {
     position: absolute;
     top: 270px;
     left: 192px;
     width: 578px;
     height: 290px;
     text-align: left;
     color: #015485;
     font-size: 1.2em;
     /*background-color: #333;*/

}
div#main_content h1{
color: #015485;
font-weight: normal;
font-size: 1.3em;
line-height: 1.3em;
margin-bottom:6px;
}

/*-----------------------------------------------FOOTER-----*/

div#footer {
position: absolute;
top: 570px;
left: 190px;
height: 26px;
width: 580px;
text-align: right;
 }

div#footer p {
margin-top:5px;
color: #015485;
/*display: block;*/
 }
/*-----------------------------------------------SIDE MENU-----*/

div#sidebar ul {
text-align: right;
margin-left:-20px;
color: #015485;
text-decoration: none;
list-style-type: none;
/*display: block;
font-size: 1.25em;
font-weight: bold;
line-height: 1.65em;*/
}

div#sidebar a {
display:block;
height:1.75em;
/*width:100%;*/
/*padding-top: 1em;*/
padding-right: 10px;
text-decoration:none;
color: #015485;
font-weight: normal;
font-size: 1.25em;
}

div#sidebar a:hover {	
color: #cc6633;
}
/*---------------CONTENT AREA FOR NON PORTFOLIO PAGES-----*/
/*--1 column list--*/
/*--LEFT COLUMN--*/
div.wrapper_Lcol-1c {
float: left;
/*width: 22em;*/
color: #015485;
margin-left: -24px;
}
div.wrapper_Lcol-1c ul li {
list-style-type: disc;
line-height: 1.5em;
}
/*--------------2 column list--------------------------*/
span.blue {
color: #015485;
}
/* clear float after lists */
br
{
clear: left;
}
/*--LEFT COLUMN--*/
div.wrapper_Lcol {
float: left;
width: 22em;
color: #015485;
margin-left: -24px;
margin-top: 0px;
}
div.wrapper_Lcol ul li {
list-style-type: disc;
line-height: 1.5em;
}
/*--RIGHT COLUMN--*/
div.wrapper_Rcol {
float: left;
width: 22em;
color: #015485;
/*color: #cc6633;*/
margin-left: 0px;
margin-top: 0px;
}
div.wrapper_Rcol ul li {
list-style-type: disc;
line-height: 1.5em;
}
/*--------------3 column list--------------------------*/
/*--LEFT COLUMN--*/
div.wrapper_L3col {
float: left;
width: 15em;
color: #015485;
margin-left: -24px;
margin-top: 0px;
}

div.wrapper_L3col ul li {
list-style-type: disc;
line-height: 1.5em;
}

/*--MIDDLE COLUMN--*/
div.wrapper_M3col {
float: left;
width: 17em;
color: #015485;
margin-left: 0px;
margin-top: 0px;
}

div.wrapper_M3col ul li {
list-style-type: disc;
line-height: 1.5em;
}
/*--RIGHT COLUMN--*/
div.wrapper_R3col {
float: left;
width: 15em;
color: #015485;
margin-left: 0px;
margin-top: 0px;
}

div.wrapper_R3col ul li {
list-style-type: disc;
line-height: 1.5em;
}
/*extra special*/
/*--RIGHT COLUMN--*/
div.wrapper_R3col-es {
float: left;
width: 15em;
color: #015485;
margin-left: 10px;
margin-top: 0px;
}

div.wrapper_R3col-es ul li {
list-style-type: disc;
line-height: 1.5em;
}


/*-----------------------------------------------PORTFOLIO SCROLLER-----*/
#screen2{
position:absolute;
top:0px;
left:280px;
width:510px;
height:180px;
 }

#screen2 #buttons{
border:2px solid #fff;
margin-bottom:5px;
width:466px;
}
	
#screen2 #buttons a{
margin: 0px 10px 0px 10px;
color:#69C;
}
#screen2 .prev{
float:left;
margin-top: 3em; }

#screen2 .next{
float:right;
margin-top: 3em; }

#slideshow{
position:absolute;
left:30px;
top:0px;	
overflow:hidden;
width:446px;
height: 170px;
/*border: 2px #ffffff solid;*/
}

#slideshow ul{
width:2270px;
padding-left:10px;/*230px;*/
list-style-type: none;
}

#slideshow li{
float:left;
margin-top:0;
margin-left:10px;
cursor:pointer;
}

/*slideshow2 is for studio scroller--------------------------*/
#slideshow2{
position:absolute;
left:30px;	
top:0px;
overflow:hidden;
width:446px;
height: 170px;
/*border: 2px #ffffff solid;*/
}

#slideshow2 ul{
width:2930px;
padding-left:10px;/*230px;*/
list-style-type: none;
}

#slideshow2 li{
float:left;
margin-top:0;
margin-left:10px;
cursor:pointer;
}



li.temp {
display:block;
height:2px;
margin-right: 1px;
margin-top: 0px;
margin-bottom: 10px;
background-image:url(../images/sidebar_divider.png);
line-height: 2px; 
}

#button_prev {
position:absolute;
top:20px;
left:0px;
width:25px;
height:48px;
}

#button_next {
position:absolute;
top:20px;
right:0px;
width:25px;
height:48px;
}
/*-----------------------------------------------PORTFOLIO CONTENT-----*/

#port_thumbH {
position: absolute;
top: 0px;
left: 0px;
width: 260px;
height: 250px;
}

#port_thumbV {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
height: 250px;
}
#port_thumbH a {
}
#port_thumbV a {
}

#port_thumb-stn {
position: absolute;
top: 0px;
left: 0px;
width: 188px;
height: 250px;
}

#port_thumb-stm {
position: absolute;
top: 0px;
left: 0px;
width: 206px;
height: 250px;
}




#port_descriptionH {
position: absolute;
top: 0px;
left: 280px;
width: 300px;
height: 210px;
}
#port_descriptionV {
position: absolute;
top: 0px;
left: 220px;
width: 370px;
height: 210px;
}

#port_description-stn {
position: absolute;
top: 0px;
left: 208px;
width: 370px;
height: 210px;
}

#port_description-stm {
position: absolute;
top: 0px;
left: 230px;
width: 350px;
height: 210px;
}

#port_description-stw {
position: absolute;
top: 0px;
left: 280px;
width: 300px;
height: 210px;
}




#port_content h2 {
color: #095286;
font-size: 1.2em;
line-height: .5em;
margin-top:2px;
}

#port_content h3 {
color: #095286;
font-size: 1em;
line-height: .5em;
}

#port_content h4 {
color: #095286;
font-size: 1em;
line-height: .5em;
margin-top:-2px;
font-weight: normal;
}

#extra_thumbs {
position: absolute;
top: 216px;
left: 216px;
height: 40px;
width: 360px;
/*background-color: #996633;*/
 }

#extra_thumbs ul {
list-style-type: none;
margin: 0px;}

#extra_thumbs ul li {
float:right;
margin-top:0;
margin-left:10px;
cursor:pointer;
}
#extra_thumbs_seemore {
position: absolute;
right: 0px;
top: 30px;
padding-top:5px;
}

#extra_thumbs_seemore p {
font-size: .8em;
}
#port_content {
     width: 578px;
     height: 300px;
     text-align: left;
     color: #015485;
     font-size: 1.2em;
 }
/*-----------------------------------------------IFRAME-----*/
#frameid {
position: absolute;
top:16px;
left:0px;     
width: 578px;
height: 276px;
text-align: left;
color: #015485;
font-size: 1.2em; 
z-index:80;
background-color: #fff;
 }
.neg2topmarg {
margin-top: -4px;
margin-bottom:0px;
}
/*------GREEN BAR------*/
#gb_image {
position: absolute;
top: 2px;
left: 328px;
}

#gb_index_image {
position: absolute;
top: 2px;
left: 20px;
width: 306px;
}


/*-these keep text from running too wide-*/
.p_ntw {
width: 480px;
text-align: left;
 }
.p_ntw-ah {
width: 480px;
text-align: left;
margin-top:8px;
 }
.p_ntw-ah-bl {
width: 480px;
text-align: left;
margin-top:8px;
margin-bottom: 0px;
}
.p_w-ah-bl {
text-align: left;
margin-top:8px;
margin-bottom: 0px;
}
.p_w-ah {
text-align: left;
margin-top:8px;
}

.p_ntw-bl {
width: 480px;
text-align: left;
margin-bottom: 0px;
}



.p_w-bl {
text-align: left;
margin-bottom: 0px;
}



.h_ntw {
width: 480px;
}
#gb-sitemap {
position:absolute;
top: 10px;
left: 0px;
width:800px;
height:auto;
}
#gb-sitemap-books {
float: left;
padding-left:20px;
width:175px;
height:160px;
text-align:left;
overflow:hidden;
font-size:1.2em;
line-height:1.3em;
color: #6CA617;
border-right:2px dotted #fff;

}

#gb-sitemap-imedia {
float: left;
padding-left:20px;
width:175px;
height:160px;
text-align:left;
overflow:hidden;
font-size:1.2em;
line-height:1.3em;
color: #6CA617;
border-right:2px dotted #fff;

}
#gb-sitemap-studio {
float: left;
padding-left:20px;
width:175px;
height:160px;
text-align:left;
overflow:hidden;
font-size:1.2em;
line-height:1.3em;
color: #6CA617;
border-right:2px dotted #fff;

}
#gb-sitemap-edit {
float: left;
padding-left:20px;
width:175px;
height:150px;
text-align:left;
overflow:hidden;
font-size:1.2em;
line-height:1.3em;
color: #6CA617;
}



#gb-sitemap-head {
/*float:left;*/
width:175px;
height:2.75em;
text-align:left;
/*border-bottom:2px dotted #fff;*/
margin-bottom:2px;
vertical-align: top;
}
#gb-sitemap ul {
/*margin-left:-38px;*/
margin-top:0px;
text-align:left;
list-style:none;
}
#gb-sitemap ul li{
margin-left:-38px;
text-align:left;
list-style:none;
display: list-item;
list-style-type: none;
}


#gb-sitemap a {
display: block;
color: #6CA617;
text-decoration:none;
}
#gb-sitemap a:hover {
color: #015485;
text-decoration:none;
}
#gb-sitemap-head h1 {
font-size:1.5em;
line-height: 2em;
font-weight: bold;
color: #6CA617;
width: 175px;
}

.sm-lcol {
float: left;
width: 20em;
}
.sm-rcol  {
float: left;
margin-left:30px;
width: 20em;
}

#main-sm h1{
font-size:1.25em;
font-weight: bold;
color: #015485;
}

#main-sm ul{
margin-top:0px;
/*margin-left:-38px;*/
text-align:left;
list-style:none;
}

#main-sm ul li{
/*margin-top:0px;*/
margin-left:-38px;
text-align:left;
list-style:none;
}


#main-sm a{
display: block;
color: #015485;
text-decoration:none;

}

#main-sm a:hover{
color: #cc6633;
text-decoration:none;

}

.links {
margin-bottom:10px;
}

.links a {
display: block;
color: #cc6633;
/*color: #6CA617;*/
text-decoration:none;
}

.links a:hover {
display: block;
color: #015485;
text-decoration:none;
}
.mgmtlinks {
margin-bottom:10px;
}

.mgmtlinks a {
/*display: block;*/
color: #cc6633;
/*color: #6CA617;*/
text-decoration:none;
}

.mgmtlinks a:hover {
/*display: block;*/
color: #015485;
text-decoration:none;
}

h4 {
font-size:1em;
}

.recentnews {
font-size:1.25em;
font-weight: bold;
color: #015485;
margin-bottom: -5px; }
/*-------------------------------for portfolio.html page links only-------------------*/
#linktoport {
}

#linktoport ul {
/*margin-top:0px;*/
text-align:left;
list-style:none;
}

#linktoport ul li{
margin-top:6px;
margin-left:-38px;
text-align:left;
list-style:none;
}

#linktoport a{
display: block;
color: #015485;
text-decoration:none;
}

#linktoport a:hover{
color: #cc6633;
text-decoration:none;
}

#videopage {
     text-align: left;
     color: #015485;
     font-size: 1.2em;
}

#videopage h1{
font-size:1.25em;
font-weight: bold;
color: #015485;
}

#videopage h2{
font-size:1em;
font-weight: bold;
color: #015485;
}
#videopage a {
/*display: block;*/
color: #cc6633;
/*color: #6CA617;*/
text-decoration:none;
}

#videopage a:hover {
/*display: block;*/
color: #015485;
text-decoration:none;
}

