/* CSS STYLES */

/* MAIN BODY || GENERAL FORMATTING */
html {height:100%; }
body {margin:0; padding:0; font-family:Verdana,Helvetica,Arial,Sans-serif; font-size:9pt; font-weight:normal; color:#303817; background-color:#BAC39D; height:100%;}
body.TW {margin:0; padding:0; font-family:Verdana,Helvetica,Arial,Sans-serif; font-size:9pt; font-weight:normal; color:#303817; background-color:#FFE5A7; height:100%;}
img.main {padding:0; margin:0; border:none; font-size:0; }
img.pic {padding:0; margin:15px 0 15px 30px; border:none; font-size:0; float:right; }
table.general {font-size:9pt; padding:0; margin:0; border:0; }
div.container {width:700px; clear:all; display:table; }
div.big-container {position:relative; min-height:100%; height:100%; }
div.page {padding:20px 20px 65px 20px; text-align:left; line-height:1.7; }
div.page2 {padding:20px 20px 100px 20px; text-align:left; line-height:1.7; }
div.page-admin {padding:0 20px 65px 20px; text-align:left; line-height:1.7; }
div.topbar {background-color:#FFDF94; height:10px; width:740px; margin:3px 0 0 0; }
div.midbar {background-color:#FFC94D; height:10px; width:740px; margin:0 0 3px 0; }
div.nav-trim {background-color:#FFFFFF; border-bottom:1px solid #9AB8C1; height:3px; width:740px; margin:-142px 0 0 0; }
div.topbar-TW {background-color:#E3C49C; height:10px; width:740px; margin:3px 0 0 0; }
div.midbar-TW {background-color:#D19D5A; height:10px; width:740px; margin:0 0 3px 0; }
div.nav-trimTW {background-color:#FFFFFF; border-bottom:1px solid #738539; height:3px; width:740px; margin:-116px 0 0 0; }
div.footer {font-size:7pt; text-align:center; padding:25px 0 5px 0; margin:auto; width:740px; border:0; position:absolute; bottom:0px; clear:both; }
div.footer-border {text-align:center; padding:0 0 1px 0; margin:0 0 3px 0; }
div.sm-font {font-size:7pt; text-align:right; margin:10px 0 0 0; }
ul.no-style {list-style:none; float:left; width:300px; padding:0; margin:0 5px 0 40px;}  /* float:left; - for multi-column lists*/
.title-font {font-size:12pt; font-weight:bold; }
div.divider {width:700; border-bottom:1px solid #CEDAA7; padding:0 0 5px 0; margin:0 0 5px 0; }
.green {color:#6F8135;}
.red {color:#993333;}
img.quicklink2 {padding:0; margin:0 0 5px 5px; height:127px; width:162px; border:none; font-size:0; }

/* NAVIGATION BAR */
.menu {background-color:#387385; height:40px; margin:3px 0 0 0; }
ul.menu li {list-style:none; float:left; margin:2px 0 0 0; padding:0 30px 0 0; position:relative; left:-30px; }
ul#smenu1 li {list-style:none; position:relative; left:-35px; top:-30px; display:inline; padding:0 20px 0 5px; margin:0 0 0 0; }
ul#smenu2 li {list-style:none; position:relative; left:73px; top:-56px; display:inline; padding:0 20px 0 5px; margin:0 0 0 0; }
ul#smenu3 li {list-style:none; position:relative; left:169px; top:-82px; display:inline; padding:0 20px 0 5px; margin:0 0 0 0; }
ul#smenu4 li {list-style:none; position:relative; left:305px; top:-108px; display:inline; padding:0 20px 0 5px; margin:0 0 0 0; }
ul#smenu5 li {list-style:none; position:relative; left:448px; top:-134px; display:inline; padding:0 20px 0 5px; margin:0 0 0 0; }

a:link#nav {font-size:10pt; font-weight:normal; text-decoration:none; color:#FFFFFF; }
a:visited#nav {font-size:10pt; font-weight:normal; text-decoration:none; color:#FFFFFF; }
a:active#nav {font-size:10pt; font-weight:normal; text-decoration:none; color:#FFE8B3; }
a:hover#nav {font-size:10pt; font-weight:normal; text-decoration:underline; color:#FFE8B3; }

a:link#subnav {font-size:8pt; font-weight:normal; text-decoration:none; color:#CCCCCC; }
a:visited#subnav {font-size:8pt; font-weight:normal; text-decoration:none; color:#CCCCCC; }
a:active#subnav {font-size:8pt; font-weight:normal; text-decoration:none; color:#FFC94D; }
a:hover#subnav {font-size:8pt; font-weight:normal; text-decoration:underline; color:#FFC94D; }

.menuTW {background-color:#445618; height:40px; margin:3px 0 0 0; }
ul.menuTW li {list-style:none; float:left; margin:2px 0 0 0; padding:0 30px 0 0; position:relative; left:-30px; }
ul#smenuTW1 li {list-style:none; position:relative; left:-35px; top:-30px; display:inline; padding:0 20px 0 5px; margin:0 0 0 0; }
ul#smenuTW2 li {list-style:none; position:relative; left:33px; top:-56px; display:inline; padding:0 20px 0 5px; margin:0 0 0 0; }
ul#smenuTW3 li {list-style:none; position:relative; left:138px; top:-82px; display:inline; padding:0 20px 0 5px; margin:0 0 0 0; }
ul#smenuTW4 li {list-style:none; position:relative; left:234px; top:-107px; display:inline; padding:0 20px 0 5px; margin:0 0 0 0; }

/* LINKS */
a:link#footer {font-size:7pt; font-weight:normal; text-decoration:none; color:#354A82; }
a:visited#footer {font-size:7pt; font-weight:normal; text-decoration:none; color:#6F8135; }
a:active#footer {font-size:7pt; font-weight:normal; text-decoration:none; color:#993333; }
a:hover#footer {font-size:7pt; font-weight:normal; text-decoration:underline; color:#993333; }

a:link#link {font-size:9pt; font-weight:normal; text-decoration:none; color:#354A82; }
a:visited#link {font-size:9pt; font-weight:normal; text-decoration:none; color:#6F8135; }
a:active#link {font-size:9pt; font-weight:normal; text-decoration:none; color:#993333; }
a:hover#link {font-size:9pt; font-weight:normal; text-decoration:underline; color:#993333; }

a:link#linkCal {padding:5px 5px 5px 5px; font-size:9pt; font-weight:normal; text-decoration:none; color:#354A82; }
a:visited#linkCal {padding:5px 5px 5px 5px; font-size:9pt; font-weight:normal; text-decoration:none; color:#6F8135; }
a:active#linkCal {padding:5px 5px 5px 5px; font-size:9pt; font-weight:normal; text-decoration:none; color:#993333; }
a:hover#linkCal {padding:5px 5px 5px 5px; font-size:9pt; font-weight:normal; text-decoration:underline; color:#993333; }

/* INDEX PAGE */
div.column-right {margin:0 10px 65px 5px; width:338px; float:right; background-color:#FFFFFF; }
img.quicklink {padding:0; margin:0 0 5px 5px; height:127px; width:162px; border:none; font-size:0; float:right; }
div.index-page {padding:20px 10px 65px 20px; margin:0 0 0 0; text-align:left; line-height:1.7; clear:both; }
table.govCan {font-size:7pt; padding:25px 5px 5px 5px; margin:auto; position:absolute; bottom:42px; border-bottom:1px solid #6F8135; }
td.govCan {/* for IE & IE 7 only width:100px; */ }
td.govCan-text {padding:0 0 0 27px; } 

/* STAFF */
ul.nostyle-staff {list-style:none; float:left; font-size:8pt; padding:0 20px 0 0; margin:0 10px 0 50px;} /* float:left; - for multi-column lists*/

/* CONTACT */
ul.nostyle-contact {list-style:none; float:left; width:295px; padding:0; margin:0 5px 0 40px;} 
fieldset.contact {width:650px; font-size:8pt; margin:5px 15px 5px 15px; border:1px solid #6F8135; background-color:#FFFFFF; }
label.contact {width:80px; margin:0 20px 0 0; text-align:right; float:left; }
label.contact2 {margin:0 20px 0 0; text-align:right; float:left; }
.contact-txt {width:500px; border:1px solid #6F8135; background-color:#FFFFFF; }
.contact-txt2 {border:1px solid #6F8135; background-color:#FFFFFF; }
.contact-txtarea {border:1px solid #6F8135; background-color:#FFFFFF; }

/* JOB LINKS PAGE */
ul.links-list {list-style:none; float:left; width:210px; padding:0 0 25px 20px; }
div.link-header {font-weight:bold; font-size:9pt; border-bottom:1px solid #CEDAA7; width:700px; position:relative; left:0px; }

/* OLD EMPLOYER JOB POSTING FORM */
fieldset.jbForm {width:650px; margin:0 15px 0 15px; border:1px solid #6F8135; background-color:#FFFFFF; }
table.form {font-size:8pt; padding:0; margin:0; border:0; }
/*table.form td {width:50%; padding:0; margin:0; }*/
td#hilite {border:1px solid #6F8135; background-color:#EEF3E2; padding:10px; }
label.jbForm {float:left; padding:3px 0 0 0; }
label.jbForm-2 {padding:5px 0 0 0; }
.jbForm-txt {float:right; border:1px solid #6F8135; }
.jbForm-txt2 {border:1px solid #6F8135; }
.jbForm-txtarea {float:right; border:1px solid #6F8135; }
.jbForm-txtbox {border:1px solid #6F8135; vertical-align:text-top; margin:0 5px 10px 0; }
.jbForm-txtbox-2 {border:1px solid #6F8135; vertical-align:middle; margin:4px 0 10px 10px; }
div.jbForm-sbhdr {font-weight:bold; margin:0 0 10px 0;}
.submit_btn {border:1px solid #6F8135; background-color:#6F8135; color:#FFFFFF; font-weight:bold; padding:1px; cursor:hand; clear:both; }
.submit_btn-sm {border:1px solid #6F8135; background-color:#6F8135; color:#FFFFFF; font-size:7pt; font-weight:bold; padding:1px; cursor:hand; }
#req {color:993333; font-weight:bold;}

/* EMPLOYER JOB POSTING FORM */
fieldset.jbForm {width:650px; margin:0 15px 0 15px; border:1px solid #6F8135; background-color:#FFFFFF; }
table.form {width: 648px; font-size:8pt; padding:0; margin:0; border:0; }
#halfsize {width: 50%; vertical-align: top;}
#centered {text-align: center; width: 50%; vertical-align: top;}
#red {color: #F00;}
#center {text-align: center;}

/* JOB ORDER FORM ADMIN LOGIN PAGE*/
#jobadmintitle {color:#39F; font-size:20px; font-weight:600; font-family:Arial, Helvetica, sans-serif;}
table#loginform {width: 250px; font-size:8pt; padding:0; margin:0; border:0;margin-left:auto; margin-right:auto;}

/* JOB ORDER FORM ADMIN MENU PAGE */
table#adminmenu {width: 250px; font-size:8pt; padding:0; margin:0; border:0;margin-left:auto; margin-right:auto;}

/* JOB ORDER FORM VIEW POSTS PAGE */
table#viewposts {width: 650px; font-size:8pt; padding:0; margin:0; border:0;margin-left:auto; margin-right:auto;}
#viewtitle {font-family:Arial, Helvetica, sans-serif; font-size: 16px; }
#right {text-align:right;}

/* SUCCESS STORIES - SUBMIT */
fieldset.successForm {width:630px; margin:0 -5px 0 5px; font-size:8pt; border:1px solid #6F8135; background-color:#FFFFFF; }
#fieldset-margin {margin:0 10px 0 10px; text-align:left; }
label.successForm {padding:0 20px 0 0; clear:both; }
.successForm-txt {border:1px solid #6F8135; }
.successForm-txtarea {border:1px solid #6F8135; float:right; margin:0 0 15px 15px; }
.successForm-txtbox {border:1px solid #6F8135; }
.successForm-radio {border:none; }
div.columnContainer {width:600px; float:right; border:none; margin:0 0 10px 20px; }
div.column {width:300px; float:left; }
div.agreeBox {border:1px solid #6F8135; background-color:#EEF3E2; padding:10px; width:580px; clear:both; }

/* WORKSHOP CALENDAR */
div.calPage {padding:20px 10px 100px 20px; margin:0 0 0 0; text-align:left; line-height:1.7; clear:both; }
div.cal {padding:0 0 20px 20px; margin:0 10px 20px 20px; text-align:left; line-height:1.7; float:right; }
table.cal {font-size:8pt; padding:0; margin:0; border:1; border:1px solid #000000; }
table.cal td {text-align:center; }

/* CALENDAR MANAGEMENT */
div.login-verify {padding:20px 0 0 20px; }
legend {font-weight:bold; }
fieldset.login {width:500px; margin:5px 90px 5px 90px; border:1px solid #6F8135; background-color:#CEDAA7;}
fieldset.display{width:650px; margin:5px 15px 5px 15px; border:1px solid #6F8135; background-color:#FFFFFF;}
label.login {width:150px; padding:0 20px 0 10px; float:left; text-align:right; }
select.display {border:1px solid #6F8135; }
.fieldset-margin-center {margin:15px 15px -5px 15px; text-align:center; }
#fieldset-margin {margin:0 10px 0 10px; text-align:left; }
.txt {width:200px; margin:0 30px 0 0; border:1px solid #6F8135; background-color:#E1E8C9; text-align:left; }
.display-txt {border:1px solid #6F8135; background-color:#FFFFFF;}
.submit_btn {border:1px solid #6F8135; background-color:#6F8135; color:#FFFFFF; font-weight:bold; padding:1px; cursor:hand; }
.submit_btn-sm {border:1px solid #6F8135; background-color:#6F8135; color:#FFFFFF; font-size:7pt; font-weight:bold; padding:1px; cursor:hand; }
.calForm-radio {border:none; }

/* SURVEY PAGE */
#surveytext {font-size: 8pt;}

/* New Nav */

div#nav {width:740px; background:#8CB7C7; height:25px; }

#sddm
{	margin: 0;
	padding: 0;
	z-index: 10}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
	z-index: 30}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 0px;
	width: 120px;
	background: #8CB7C7;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	z-index: 30}

#sddm li a:hover
{	background: #FFF;
	color: #8CB7C7;
	z-index: 30}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #8CB7C7;
	border: 1px solid #8CB7C7;
	z-index: 30}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #8CB7C7;
		color: #FFF;
		font: 11px arial;
		z-index: 10}

	#sddm div a:hover
	{	background: #FFF;
		color: #8CB7C7;
		z-index: 30}