/*****************  Main Styles  *******************************/

body{
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  background: transparent url(images/nl_header.jpg) repeat-x top left;
}
html,body,.wrapper{
  margin: 0px;
  padding: 0px;
}

h1,h2,h3,h4,h5,h6{
  color: #333333;
}
.starterDiv{
  margin: 0px;
  padding: 0px;
}

h2.starter,h3.starter,h4.starter,h5.starter{
  padding: 0px 0px 0px 5px;
  margin: 0px;
  font-weight: normal;
  clear: both;
  background: transparent url(images/img06.gif) repeat-x bottom left;
}

p.starting,{
  width: 225px;
  text-align: right;
  font-size: .8em;
  font-weight: bold;
  padding: 1px 5px 1px 0px;
  background-color: #666666;
  color: #FFFFFF;
}

h2.starter{
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: lighter;
}

.center{
  text-align: center;
}

ul.listings{
  font-size: .75em;
}

a{
  color: #0033FF;
  font-weight: bold;
  text-decoration: none;
}

a:hover,a.dl{
  color: #3366FF;
  text-decoration: underline;
}
a.dl:hover{
  color: #CC3300;
}

p{
  font-size: .8em;
  color: #111111;
}

div.contact_info{
  margin: 10px 0 0 50px;
  float: left;
  width: 175px;
  border: 1px solid #444444;
}
*html div.contact_info{
  width: 150px;
  margin: 10px 0px 0px 25px;
}

p.term{
  margin-top: 0px;
  font-weight: bold;
  background-color: #666666;
  color: #FFFFFF;
  font-size: 1em;
  text-align: center;
}
p.def{
  margin: 1em 0 1em 2.2em;
  font-weight: bold;
  font-size: .75em;

}


blockquote{
  clear: both;
  width: 350px;
  padding: 8px 0 8px 45px;
  margin: 10px 0 0 10px;
  background: transparent url(images/quote.jpg) no-repeat 0px 0px;
  border-left: 6px solid #444444;
}
blockquote p{
  color: #666666;
}

div.clear{
  width: 100%;
  display: block;
  height: 1px;
  clear: both;
}

img.left{
  float: left;
  margin: 5px 10px 10px 5px;
}
img.right{
  float: right;
  margin: 5px 5px 10px 10px;
}

p.copy{
  text-align: right;
  padding-top: 10px;
  margin-right: 35px;
  font-size: .7em;
  color:#CCCCCC;
}

p.copy a{
  color: #999999;
  font-family: Georgia,"Times New Roman",Times,serif;
}
h5.subtitle{
  margin: 10px 0px 10px 5px;
  padding: 0px;
}


/*****************  Header Styles  *****************************/

div.header{
  width: 990px;
  height: 263px;
  margin: 0px auto;
  /*background-color: #444444;*/
  background: transparent url(images/nl_logo.jpg) no-repeat 0px 0px; /**/
}
* html div.header{
  width: 1000px;
  margin: 0px auto;
}
div.header img.nl_view{
  margin: 6px 0 0 212px;
}
*html div.header image.nl_view{
  margin: -14px 0px 0px 212px;
}


/*****************  Search Bar Styles **************************/
.search{
  /*float: left;*/
  width: 981px;
  height: 32px;
  margin: 0px;
  padding: 0px;
  text-align: right;
}
.search p{
  margin: 0px;
  padding: 8px 20px 0 0;
}
span.white{
  color: #EEEEEE;
  font-weight: bold;
}

span.hightlight{
  background-color: #EEEEEE;
}

/************ Link Styles **************/

#nav{
  margin: 2px 0px 0px 220px;
  padding: 0px;
  float: left;
  width: 750px;
  list-style: none;
}
* html #nav{
  margin-left: 110px;
}


#nav li{
  float: left;
  margin: 1px;
  padding: 4px 8px;
  background: transparent url(images/links.png) no-repeat;
  background-position: 0px 0px ;
}

#nav li a{
  color: #000000;
  font-size: .8em;
  font-weight: bold;

}
#nav li a:hover{
  background-position: -252px 0px;
}
#nav li:hover,
#nav li a:hover li,
body#home #t-home,
body#wel #t-wel,
body#about #t-about,
body#mem #t-mem,
body#board #t-board,
body#become #t-become,
body#dir #t-dir,
body#cont #t-cont{
  background-position: -252px 0px;
}
#nav li:hover a,
#nav li:hover,
#nav li a:hover li,
body#home #t-home a,
body#wel #t-wel a,
body#about #t-about a,
body#mem #t-mem a,
body#board #t-board a,
body#become #t-become a,
body#dir #t-dir a,
body#cont #t-cont a{
  color: #FFF;
}


/***********************   Body Styles  *************************/


.wrapper{
  width: 100%;
  background-color: #505050;
  background: transparent url(images/body_bg.jpg) repeat-x top left;
}
.container{
  width: 990px;
  margin: 0px auto;
  padding: 0px;
}
* html .container{
  width: 1005px;	
}

/***********************   Content Styles  ***********************/

.content{
  float: left;                                                                        /*       content padding */
  width: 548px;
  /*background: #FFFFFF url(images/img06.gif) repeat-y top left;*/
  border-right: 1px solid #D0D0D0;
  border-left: 1px solid #D0D0D0;
  min-height: 725px;
}

.subContent{
  padding: 20px 10px 0px 10px;     
  /*width: 520px;*/

}
p.indent{
  margin-left: 15px;
}
p.members{
  margin: 0px 0px 0px 25px;
  padding: 2px;
}
p.members a{
  color: #333300;
  text-decoration: underline;
}
p.members a:hover{
  text-decoration: none;
  color: #3333FF;
}
p.bAdder{
  margin-left: 60px;
}
p.catList{
  border: 1px solid #DEDEDE;
  padding: 15px;
}

.member{
  width: 205px;
  margin: 10px 0px 0px 10px;
  padding: 5px;
  float: left;
  border: 1px solid #AAAAAA;
  background-color: #EEEEEE;
}
.member h4{
  margin: 0px;
  padding: 0px;
  color: #336699;
}
.member p.smaller{
  font-size: .75em;
}
#one,#two{
  height: 15px;
}

/***********************   Side Bar Styles  ************************/

.sideBar{
  float: left;
  margin: 0 -2px 0px 6px;
  width: 216px;
  background: transparent url(images/img06.gif) repeat-y top right;
}
*html .sideBar{
  background-image: none;
}



.link_area{
  padding-bottom: 40px;
  margin: 0px;
  width: 214px;
  padding: 0px;
  /*background: transparent url(images/strips_bg.png);*/
}

.sideBar h3.starter{
  color: #333333;
  margin: 20px 10px 10px 10px;
  font-size: 1em;
  background: transparent url(images/h3_bg.gif) no-repeat bottom right ;
}
.sideBar p{
  font-size: .95em;
  padding: 2px 0 2px 0;
  margin: 0px;
  min-height: 1.5em;
  border-bottom: 1px solid #EEEEEE;
}

.sideBar p.links a{
  color: #003333;
  padding: 3px 0 0 20px;
  display: block;
  font-size: .85em;
  height: 100%;
  background: transparent url(images/bullet.png) no-repeat 0 4px;
}
.sideBar p.links a:hover{
  color: #3366FF;
}
.sideBar p.links:hover, .sideBar p.links a:hover p{
  background: transparent url(images/link_hover.png) repeat-y top right;

}
.sideBar span.smaller{
  font-size: .7em;
}
/*************************  Right ***************************/
.rightSide{
  float: left;
  width: 214px;
  margin-right: 1px;
}
p.advert{
  font-size: .6em;
  text-transform: uppercase;
  text-align: center;
  margin: 20px 0 -10px 0;
}
p.AD{
  text-align: center;
}
p.AD img{
  border: 1px solid #222222;
  margin: 5px 0 0px 0;
  cursor: pointer;
}


div.instruct{
  background:#FFFFFF;
  margin: 0px;
}
div.instruct p{
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
}
div.instruct p a{
  color: #444444;
  text-decoration: none;
  font-size: .7em;
}
/*************************  login div ***************************/

.login{
  width: 100%;
  margin: 10px auto 0px;
  color: #333333;
  font-weight: bold;
  padding-bottom: 20px;
}

.login p{
  font-size: .65em;
  border: 0px;
  padding-top: 3px;
  text-align: center;
}

.login .loginInput{
  border: 1px solid black;
  font-size: 1em;
  color: #222222;
  width: 100px;
}


/****************   dir styles  *****************/

#instruct{
  text-align: center;
  width: 500px;
  margin: 30px auto;
}

#dir #right{
  font-size: .9em;
  color: #999999;
  margin-left: 70px;
}

/************************   Footer Styles    **********************/

.footer{
  width: 96%;
  padding-top: 5px;
  margin: 0px auto;    
  background: transparent url(images/img06.gif) repeat-x top left;

}
.footer a{
  color: #666666;
  text-decoration: underline;
  font-size: .8em;
}
.footer a:hover{
  color: #FF0000;
}
.subFooter{
  width: 400px;
  text-align: left;
}
div.name{
  width: 200px;
  float: right;
}

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

#email,#name,#msg,#capy{
  margin-top: 10px;
  color: #444444;
  font-weight: bold;
  font-size: .85em;
}

#captcha{
  font-size: .85em;
}

#msg{
  /*float: left;*/
  margin-left: 20px;

}
.input{
  border: 1px solid #555555;
}
sup{
  color: #FF6633;
  margin: 3px;
}
.number{
  color: #CC0000
}
.m{
  /*float: left;*/
  margin-left: 20px;
}
#btn{
  border: 0px;
  padding-top: 10px;
}
.btn{
  text-align: center;
  font-size: .65em;
  font-weight: normal;
  text-decoration: none;
  color: #003399;
}
#btn:hover,.btn a:hover{
  text-decoration: none;
}

#contact_container{
  margin: 0 auto;
  width: 500px;
}
*html #contact_container{
  width: 450px;
}

#number{
  /*float: left;*/
  padding: 15px;
  border: 1px solid #EEEEEE;
}
#mail{
  padding: 15px;
  margin-left: 20px;
  /*float: left;*/
  border: 1px solid #EEEEEE;
}

#badEmail, .show{
  color: #FF0000;
  visibility: visible;
  font-weight: bold;
  font-size: .7em;
  text-decoration: underline;
}
.sub{
  visibility: hidden;
}
#capy .input{
  letter-spacing: 2px; 
  font-weight: bold;
  text-align: center;
}

.admin{
  width: 600px;
}
.admin input{
  margin-right: 2px;
}

/*****************************************  Control Panel Styles  ***********************************/

p.logout{
  float: right;
  font-size: .7em;
  margin-top: -15px;
}
p.logout2{
  font-size: .7em;
  color: #993300;
  text-decoration: underline;
  cursor: pointer;
}

p.email{
  font-size: .7em;
}

p.label{
  margin-right: 10px;
}

#form{
  margin-top: 15px;
}

#form p{
  margin: 0px;
  padding: 5px;
}
h2.resp{
  font-size: 1.3em;
  font-variant: small-caps;
  color: #0066FF;
  text-align: center;
}
h2 #red{
  color: #CC0000;
  text-decoration: underline;
}
.fade{
  color: #DDDDDD;
}
div.table{
  border: 1px solid #BBBBBB;
  margin: 10px;
  max-height: 700px;
  width: 700px;
  overflow: auto;
}
td.grey p{
  background-color: #EEEEEE;
}
p.Edit,p.Delete,p.data{
  padding: 5px;
  margin: 0px;
}

p.Edit, p.Delete{
  color: #3366CC;
  font-weight: bold;
  font-size: .75em;
  text-decoration: underline;
  cursor: pointer;
}
p.Delete{
  color: #CC0000;
}
/************ Event Styles ************************/

div.starter{
  background: transparent url(images/starter_2bg.png) repeat-x top left;
  margin: 0px;
  padding: 10px;
}

div.starter p{
  margin: 5px;
}
div.starter p.bAdder{
  margin-left: 60px;
}

h5.eTitle,h3.eTitle{
  margin: 15px 0 0px 0;
}
span.lable{
  text-decoration: underline;
}

/*****************  Additional Member Page Styles  **************************/

#members{
  padding: 0px;
}
#none{
  background-image: none;
} 
p.showBy{
  text-align: right;
  margin: -20px 0 1px 0;
}
p.showBy .input{
  font-size: .75em;
}