/* Master Styles for www.njl2l.org */
/* Updated 10/24/2005 */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	background-color: #BDC2AF;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	
}

html>body {
	font-size: small;
}

#evalratingscale .title {
	margin: 0;
	padding: 0;
	background:#e3eff4;
	font-weight: bold;
	color: #e3eff4;
	text-align: center;
}


#wrap {
	position: relative;
	/*left: 0;*/
	margin: 0 auto;
	padding: 0 1px;
	font-size: 92%;
	text-align: left;
	background: url(../images/bg2.gif) repeat-y;
	width: 975px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 973px;
}

html>body #wrap {
	width: 973px;
}
.g9q{ display:inline; width:100%; margin:0 auto;}
.g9q h3{margin:0; padding:0; display:inline;background:none;}
.g9q h3 a{text-decoration:none;color:#ffffff; cursor:default; background:none;}
#logo {
	margin: 0;
	padding: 0;
	background: #eee url(../images/masthead9.gif) no-repeat top left;
	background-repeat: no-repeat;
	width: 973px;
	height: 100px;
	border-style: solid;
	border-color: #5C1010;
	border-width: 2px 0 1px;
}

#logo a {
	border-style: none;
	display: block;
	width: 366px;
}

#logo img {
	display: block;
	width: 0;
}

#logo span {
	background: none;
	background-color: transparent;
	float: left;
	display: block;
	width: 366px;
	height: 92px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	border-width: 0;
	text-decoration: none;
}

html>body #logo span {
	top: 5px;
}

#status	{
	float: left;
	margin: 0;
	/*padding: 6px 0 0 0;*/
	padding: 0;
	/*height: 30px;
	voice-family: "\"}\"";
	voice-family: inherit;*/
	height: 24px;
	background: #B78888 url(../images/status_bg2.gif) no-repeat;
	width: 973px;
	font-size: 82%;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #5C1010;
}

#status .date {
	margin: 0;
	padding: 5px 0 0 4px;	
	/*float: left;*/
	font-weight: bold;
	}

#status .login {
	position: relative;
	margin: 0 0 0 500px;
}

#status input {
	border: 1px solid #5C1010;
	font-size: 92%;
}

#status a#btnSubmit:link, a#btnSubmit:visited {
	padding: 3px;
	background: #B78888;
	border: 1px solid #5C1010;
	color: #fff;
	text-decoration: none;
	}
	
#status a#btnSubmit:hover {
	background: #d5d5d5;
	text-decoration: none;
	color: #333;
	}

/*html>body #status {
	height: 24px;
}	*/

#main-body {
	clear: both;
}

#nav {
	float: left;	
	margin: 0;
	padding: 0;
	/*list-style: none;*/
	width: 148px;
	/* border-style: solid;
	border-color: #8A8577;
	border-width: 0 1px; */
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	margin: 0;
	/*padding: .5px 0 0 0;*/
	padding: 0;
	/*border: 1px solid #333;*/
}

#nav .topics {
	margin: 0;
	padding: 6px 4px;
	float: none;
	display: block;
	background-color:#D0C2AB ;
	color: #555040;
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 92%;
	/*line-height: 1.4em;*/
	border-bottom: 1px solid #D0C2AB;
	margin-left: 0;
	width: 145px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 137px;
}


#nav a {
	margin: 0;
	padding: 6px 4px;
	float: none;
	display: block;
	background-color: transparent;
	color: #555040;
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 92%;
	/*line-height: 1.4em;*/
	border-bottom: 1px solid #D0C2AB;
	margin-left: 0;
	width: 145px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 137px;
}

#nav a:hover	{
	background-color: #F0E9DD;  /* FCFADC */
	color: #555040;
	font-weight: bold;
}

html>body #nav a {
	width: 137px;
}

body#home #nav #hp a,
body#district_registration #nav #distreg a,
body#gi #nav #geninfo a,
body#l2lfaq #nav #faq a,
body#contactus #nav #ct a,
body#mentor_application #nav #mentorapp a,
body#administration_login #nav #adminlogin a,
body#manual #nav #download a,
body#mr_login #nav #mrlogin a,
body#tao #nav #train_orien a {
	background: #E1D4C0 url(../images/nav_bg_ac.gif) repeat-x top left;
}

#sidebar {
	float: left;
	font-size: 90%;
	line-height: 1.5em;
	width: 150px;
	margin: 0;	
	padding: 3px 0 15px;
	color: #937966;
	}

#sidebar .type{
	
	font-size: 100%;
	line-height: 1.5em;
	width: 140px;
	margin: 0;
	font-weight:bold;
	padding: 3px 0 15px;
	color: #824F4F;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-width:1px;
	background:#E1D4C6 url(../images/nav_bg_ac.gif) repeat-x top left;;
	
	}

#sidebar h2 {
	/* background: #555040; */
	color: #824F4F;
	padding-left: 2px;
	line-height: 20px;
	}

#content {
	position: relative;
	margin: 0 0 0 150px;
	padding: 10px 7px 15px 7px;
	/*padding: 0 7px;*/
	width: 823px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 809px;	
}

#content2 {
	position: relative;
	margin: 0 0 0 150px;
	padding: 10px 7px 15px 7px;
	/*padding: 0 7px;*/
	width: 790px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 790px;	
}

#contentinside {
	margin: 5px 0 5px 5px;
	padding: 5px 5px 5px 7px;
	/*border: 1px solid #333; */
	background: #d7d7c3;
	color: #53553F;
	width: 615px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 603px;	
}

html>body #content {
	width: 809px;
}

#training {
	float: left;
	margin: 10px;
	padding: 10px;
	width: 370px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px;
	background: #fff url(../images/toc_bg2.gif) repeat-x top left;
}


#training2 {
	float: left;
	margin: 10px;
	padding: 10px;
	width: 370px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px;
	background: #fff url(../images/toc_bg2.gif) repeat-x top left;
}

#training3 {
	float: left;
	margin: 10px;
	padding: 10px;
	width: 370px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px;
	background: #fff url(../images/toc_bg2.gif) repeat-x top left;
}

#orientation {
	float: left;
	margin: 10px;
	padding: 10px;
	width: 370px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px;
	background: #fff url(../images/toc_bg2.gif) repeat-x top left;
}

html>body #training {
	width: 350px;
}

html>body #orientation {
	width: 350px;
}

/* Hack for 3px float bug IE gives to content div */
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #sidebar {
  margin-right: -3px;
  }
 
* html #content {
  height: 1%;
  margin-left: 0;
  }
  
  * html #content2 {
  height: 1%;
  margin-left: 0;
  }

/* End hide from IE5/mac */

/* Elements */

a:link, a.video:link {
	color: #2D76D0;
	text-decoration: none;
	}

a:visited, a.video:visited {
	color: #23538E;
	text-decoration: none;
	}
	
a:hover, a.video:hover {
	color: #2F5C93;
	text-decoration: underline;
	}

a.video:link {
	color: #c31f1f;
}

a.video:visited {
	color: #8e2323;
}

a.video:hover {
	color: #932f2f;
}

	
h1, h2, h3 {
	font-family: "Book Antiqua", "Times New Roman", Times, serif;
	font-weight: normal;
	/* color: #194465; */
	/*color: #997E44; */
	color: #D8C585;
	/*color: #A6966D;*/
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 202%;
	/*color: #4C7690;*/
}

h1#error {
	background: url(../images/error.gif) 0 0 no-repeat;
	padding: 0 0 0 27px;
}

h2 {
	font-size: 162%;
	/*color: #165F98;*/
	color: #813737;
}

h3 {
	font-size: 125%;
	color: #824F4F;
}

h4 {
	font-size: 100%;
	color: #333;
}
	
p {
	margin: 1em 0 1em;
	line-height: 1.4em;
}

label {
	font-weight: bold;
	}

fieldset {
	border: 1px solid #ccc;
	/* border: 1px solid #BFD8E6; */
	margin: 0 auto;
	}

legend {
	font-family: "Book Antiqua", "Times New Roman", serif;
	font-size: 140%;
	color: #999;
	}

/* Lists */

#topics {
	position: relative;
	list-style: none;
	margin: 1em 0 1em 1em;
	padding: 0 1em 0 0;
}

#topics li {
	margin: 2px 0 6px 0;
	padding: 0;
	font-weight: normal;
	line-height: 13px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.topic { background-image: url(../images/b_1.gif); }

#topics li a {
	padding-left: 16px;
	color: #1B3F70;
}

ul.gl {
	position: relative;
	list-style: none;
	margin: 1em 0 1em 1em;
	padding: 0 1em 0 0;
}

ul.gl li {
	padding: .3em 0 1em 12px;
	background: url(../images/bullet5.gif) no-repeat 0 7px;
	line-height: 1.5em;
}

ul.inl {
	position: relative;
	list-style: none;
	margin: 1em 0 1em 1em;
	padding: 0 1em 0 0;
	}

ul.inl li {
	margin: 2px 0 6px 0;
	padding: 0 0 0 20px;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 90%;
	}

ol.nl {
	position: relative;
	margin: 1em 0 1em 3em;
	padding: 0 1em 0 0;
}

ol.al {
	position: relative;
	margin: 1em 0 1em 3em;
	padding: 0 1em 0 0;
	list-style-type: lower-alpha;
}

ol.nl li, ol.al li {
	padding: .3em 0 .3em 0;
	background: none;
}

#topics {
	position: relative;
	list-style: none;
	margin: 1em 0 1em 1em;
	padding: 0 1em 0 0;
}

#topics li {
	margin: 2px 0 6px 0;
	padding: 0;
	font-weight: normal;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#residentslist, #mentorslist {
	position: relative;
	list-style: none;
	margin: 1em 0 1em 1em;
	padding: 0 1em 0 0;
}

#residentslist li, #mentorslist li {
	margin: 2px 0 6px 0;
	padding: 0;
	font-weight: normal;
	line-height: 19px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#topics li a {
	padding-left: 16px;
	color: #1B3F70;
}

#residentslist li a, #mentorslist li a {
	padding-left: 18px;
	color: #1B3F70;
}

.topic { background-image: url(../images/b_1.gif); }
.one { background-image: url(../images/one.gif); }
.two { background-image: url(../images/two.gif); }
.three { background-image: url(../images/three.gif); }
.four { background-image: url(../images/four.gif); }
.five { background-image: url(../images/five.gif); }
.resident, .mentor {background-image: url(../images/resident.gif); }

/* Miscellaneous */

.return {
	margin-right: 10px;
	clear: left;
	text-align: right;
}

.strong {
	font-weight: bold;
	color: #472A2A;
}

.cleft {
	clear: left;
}

.cboth {
	clear: both;
}

.cright { 
	clear: right;
}

.fltright {
	float: right;
}

.alert {
	color: #f00;
	}

em.u {
	text-decoration: underline;
	font-style: normal;
}

strong.em {
	font-style: italic;
	font-weight: bold;
}

.spacer {
	margin-top: 5px;
}

.center {
	text-align: center;
}

.rpic {
	float: right;
	margin: 5px;
	padding: 5px;
	border: 1px solid #ddd;
}

a#btnSubmit:link, a#btnSubmit:visited, a#btnSend_Email:link, a#btnSend_Email:visited {
	padding: 3px;
	background: #eee;
	border: 1px solid #999;
	color: #333;
	text-decoration: none;
	}
	
a#btnSubmit:hover, a#btnSend_Email:hover {
	background: #d5d5d5;
	text-decoration: none;
	color: #333;
	}

p.submit {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}

.wi { background-image: url(../images/wordicon.gif); }

.separator {
	background: url(../images/tbl_pattern.gif);
}

input.ph {
	margin-left: 5px;
}

.odd	{
	background-color: #ffffff;
	}
	
.even {
	background-color: #e3eff4;
	}

.b {
	/*color: #51361b;*/
	color: #635114;
	font-weight: bold;
}

#l2lfaq h3 {
	margin: 5px 0;
	padding: 5px 0;
	border-top: 1px solid #eee;
	
}

#l2lfaq h3 a:hover {
	font-weight: normal;
	color: #7DA8C9;
	text-decoration: none;
}

#l2lfaq h3.pdf {
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/pdf_logo.gif);
	border: none;
}


#l2lfaq h3.pdf a:link, #l2lfaq h3.pdf a:visited {
	padding-left: 22px;
	color: #824F4F;
}

#l2lfaq h3.pdf a:hover {
	color: #4B3636;
	text-decoration: underline;
}


dl {
	float: left;
	width: 250px;
	margin: 10px 0 20px 60px;
	padding: 0;
	background: #eee url(../images/float_bottom_250.gif) no-repeat bottom left;
}

dt {
	margin: 0 0 10px 0;
	/* margin: 0; */
	padding: 5px;
	font-size: 122%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #7DA8C9 url(../images/float_top_250.gif) no-repeat top left;
}

dl.download, dl.inclement, dl.news {
	width: 200px;
	margin: 0 10px 20px 10px;
	padding: 0;
	background: #eee url(../images/float_bottom.gif) no-repeat bottom left;
	float: right;
}

dl.download {
	clear: right;
}

dl.download dt, dl.inclement dt, dl.news dt {
	margin: 0 0 10px 0;
	/* margin: 0; */
	padding: 5px;
	font-size: 122%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #7DA8C9 url(../images/float_top.gif) no-repeat top left;
}

dl.inclement dt {
	background: #cbaf3f url(../images/float_top.gif) no-repeat top left;
}

dl.news dt {
	background: #3C5A3A url(../images/float_top.gif) no-repeat top left;
}

dl.download dt span, dl.inclement dt span {
	padding: 5px 0 10px 18px;
	background: url(../images/download2.gif) no-repeat 0 0;
	line-height: 27px;
}

dl.inclement dt span {
	padding: 5px 0 10px 28px;
	background: url(../images/error3.gif) no-repeat 0 0;
}

dd {
	margin: 0 0 0 10px;
	padding: 0 10px 10px 10px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 82%;
}


dl.download dd, dl.inclement dd, dl.news dd {
	margin: 0 0 0 10px;
	padding: 0 5px 10px 5px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 82%;
}

dd ul {
	position: relative;
	list-style: none;
	margin: 1em 0 1em 1em;
	padding: 0 1em 0 0;
}

dd ul li {
	padding: .3em 0;

}

dd ul li a:link, dd ul li a:visited {
	color: #666;
}

dd ul.dl {
	position: relative;
	list-style: none;
	margin: 1em 0 1em 1em;
	padding: 0 1em 0 0;
}

dd ul.dl li {
	margin: 2px 0 6px 0;
	padding: 0;
	font-weight: normal;
	line-height: 22px;
	background-repeat: no-repeat;
	background-position: 0 5px;
}

dd ul.dl li a {
	padding: 25px;
	color: #666;
}

dl.announcements {
	float: none;
	width: 750px;
	margin: 10px 0 20px 0;
	padding: 0;
	background: none;
}

dl.announcements dt {
	margin: 0;
	padding: 0;
	font-size: 125%;
	color: #4B677C;
	border: none;
	background: none;
}

dl.announcements dd {
	margin: 0 0 0 10px;
	padding: 0;
	color: #666;
	font: 100% Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #ddd;
}


/* Tables */

.tblheader {
	color: #333;
	font-weight: bold;
	background: #F2F2F2 url(../images/dgheader.gif) top left repeat-x;
	text-align: center;
	}

.subheader {
	color: #fff;
	font-weight: bold;
	font-size: 112%;
	background: #CAAAAA url(../images/subheader2.gif) top left repeat-x;
	text-align: center;
}

table.fluid {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
	font-size: 100%;
	}

table.fluid td, table#program td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px;
	}

table.fluid th, table#program th {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px;
	font-weight: bold;
}

table.fluid_nb {
	border-top: none;
	border-left: none;
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
	font-size: 100%;
	}

table.fluid_nb td {
	border-right: none;
	border-bottom: none;
	padding: 5px;
	}

table.fluid_nb th {
	border-right: none;
	border-bottom: none;
	padding: 4px;
	font-weight: bold;
}

td.center {
	text-align: center;
}

th.res {
	width: 40%;
}

td.desc {
	width: 35%;
}

.ftr {
	background: #F5EEE6;
	font-weight: bold;
}

.pos {
	color: #393;
	}

.neg {
	color: #C33;
}

.shadow {
	background: #919191;
}

table {
	width: 100%;
	/*border: 1px solid #6686A3;*/
	background: #fff;
	border-collapse: collapse;
	font: 100% Arial, Helvetica, sans-serif;	
}

table th, table td, {
	margin: 0;
	padding: 5px 10px;
	/*border-bottom: 1px solid #b5b5b5;*/
}

table th {
	color: #eaeaea;
	background: #F2F2F2 url(../images/dgheader.gif) top left repeat-x;
	/*border-bottom: 1px solid #5F85A9;*/
}


table tr, table.nc tr {
	background: #fff;
}

table tr.alt {
	background-color: #E3EFF4;
}

table td a:link, table td a:visited {
	color: #6c0101;
	text-decoration: none;
	border-bottom: 1px dotted #6c0101;
}

table td a:hover {
	color: #340C0C;
	text-decoration: none;
	border-bottom: 1px solid #340c0c;
}

#video-holder {
	margin-top: 10px;
}
	

/* Forms */

#loginform fieldset {
	padding: 10px;
	width: 25%;
	font-size: 92%;
}

/* Fieldsets */

fieldset#contact label {
	width: 10em;
	float: left;
	text-align: right;
	margin: 0 1em 10px 0;
	clear: both;
}

fieldset#contact input, fieldset#contact span {
	float: left;
	margin-bottom: 10px;
	font-size: 92%;
}

fieldset#contact legend {
	/*font-size: 132%;*/
	/*padding-bottom: 10px;*/
}

fieldset#contact p {
	margin: 0;
	/*line-height: 1.4em;*/
}

fieldset#contact {
	width: 525px;
	padding: 10px 5px;
	margin: 10px auto;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 515px;
	font-size: 92%;
}

fieldset#contact textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}


html>body fieldset#contact {
	width: 515px;
}

/* Footer  */

#footer	{
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 72%;
	color: #F0D1D1;
	background: #472A2A url(../images/footer_bg2.gif) repeat-x top left;
	border-top: 1px solid #5F4736;
	border-bottom: 1px solid #2A1111;
	text-align: center;
}

#footer p {
	margin: 0;
	padding: 10px 0;
}

.update_alert {
	background: #ffeb84 url(../images/update_bg3.gif) repeat-x top left;
	padding: 5px;
	color: #8B3131;
	border: 1px solid #d7ae56;
}

a.btnSub:link, a.btnSub:visited, a.btnCancel:link, a.btnCancel:visited {
	padding: 3px;
	background: #ffea84 url(../images/sub_btn_bg.gif) repeat-x top left;
	border: 1px solid #d7ae56;
	color: #6d6645;
	text-decoration: none;
	font-weight: bold;
}

a.btnCancel:link, a.btnCancel:visited {
	background: #fff8d4 url(../images/cancel_btn_bg.gif) repeat-x top left;
}

a.btnSub:hover, a.btnCancel:hover {
	border: 1px solid #7d693d;
	color: #000;
}

a.btnCancel {
	margin-right: 8px;
}