/*******************************
Main site stylesheet
********************************/

/* Import wysiwyg styles */
/* Styles used in wysiwyg interface. */
@import url(Lighthouse/Resources/css/MSStandard_wysiwyg.css);
/* Special wysiwyg styles defined for this site */
@import url(style_wysiwyg.css);

/*******************/
/* Page specs      */
/*******************/
body {
	margin: 0px;
	background-color: #FFFFFF;
}

/*******************/
/* Font specs      */
/*******************/

body, div, td, p, a {
	font-size: 11px;
}

/*******************/
/* Links */
/*******************/
a, a * {
}
a:active, a:hover, a:active *, a:hover * {
}

/*******************/
/* Title  */
/*******************/
h1, .title, .title p {

	font-size:18px;
	font-weight:bold;
}
/*Set bottom margin for title*/
h1, .title {
	margin-bottom:0em;
}

/*******************/
/* Navigation menu */
/*******************/
/* main nav menu */

ul.navMenu {
	float:left;
	background-color:silver;
	margin:0px 10px 0px 0px;
	padding:5px;
}
ul.navMenu, ul.navMenu ul {
}
ul.navMenu * {
}
/* top level list */

ul.navMenu li {
}
ul.navMenu li div {
}
ul.navMenu li div.navHighlighted, ul.navMenu li div.navSelected, ul.navMenu li div.navChildSelected {
}
ul.navMenu li div.navHighlighted *, ul.navMenu li div.navSelected *, ul.navMenu li div.navChildSelected *{
}
/* 2+ level list */

ul.navMenu ul li div {
}
ul.navMenu ul li div * {
}
ul.navMenu ul li div a:hover {
}
ul.navMenu ul li div.navHighlighted, ul.navMenu ul li div.navSelected, ul.navMenu ul li div.navChildSelected,
ul.navMenu ul li div.navHighlighted *, ul.navMenu ul li div.navSelected *, ul.navMenu ul li div.navChildSelected *{
}
/*******************/
/* Search Results */
/*******************/
ul.searchResults {
}
ul.searchResults li {
}
li.searchResultHighlighted, li.searchResultHighlighted a {
}
li.searchResultHighlighted a {
}

/*******************/
/* Highlighted search terms */
/*******************/
span.searchedkeyword {
	background-color:yellow;
}

/* include designer's style sheet */
body {
	background-color: #b3c56a;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0; font-family: Arial, Helvetica, sans-serif; color: #000000;
}

#wrapper {background: #FFFFFF; width: 977px; margin-left: auto; margin-right: auto; }

#masthead {background: #FFFFFF; height: 90px; width: 977px;}
#masthead #logo {float: left;}
#masthead #contact {float: right; font-size: 11px; font-weight: bold; padding-top: 29px; text-align: right; padding-right: 42px;}
#masthead #contact a {color: #cc0000;}
#masthead #contact a:link {text-decoration: none;}
#masthead #contact a:visited {text-decoration: none;}
#masthead #contact a:active {text-decoration: underline;}
#masthead #contact a:hover {text-decoration: underline;}

/* HOMEPAGE */

#content {width: 977px; background: url(images/home/bg_white.gif) repeat-y;}

#content #left {width: 227px; float: left; margin-bottom: 20px;}
#content #left #address {font-size: 12px; padding: 30px;}
#content #left p {line-height: 14px;}
#content #left ul {list-style-type: none; padding: 0px 25px 0 10px; margin: 0; font-size: 12px; font-weight: bold;}
#content #left li {border-bottom: dotted  #f5bc4e 2px; padding: 15px 0px;}
#content #left ul ul {list-style-type: none; padding: 10px 25px 0 20px; margin: 0; font-size: 11px; font-weight: bold;}
#content #left li li {border-top: solid 2px #dbef88; border-bottom: solid 2px #dbef88; border-right: solid 2px #dbef88; border-left: solid 1px #5e830e; padding: 4px 0px 4px 4px; color: #000000; margin: 4px 0px;}
#content #left li li a {color: #000000;}
#content #left li li a:link {color: #000000; text-decoration: none;}
#content #left li li a:visited {color: #000000; text-decoration: none;}
#content #left li li a:active {color: #cc0000; text-decoration: none;}
#content #left li li a:hover {color: #cc0000; text-decoration: none;}


#content #left a:link {color: #648814; text-decoration: none;}
#content #left a:visited {color: #648814; text-decoration: none;}
#content #left a:active {color: #fb961e; text-decoration: none;}
#content #left a:hover {color: #fb961e; text-decoration: none;}

#content #center {width: 551px; float: left;}
#content #center a {color: #cc0000; font-weight: bold; font-size: 13px;}
#content #center a:link {text-decoration: none;}
#content #center a:visited {text-decoration: none;}
#content #center a:active {text-decoration: underline;}
#content #center a:hover {text-decoration: underline;}
#content #center .title {text-transform: uppercase; font-size: 18px; font-weight: bold;}
#content #center .greentitle {text-transform: uppercase; font-size: 18px; font-weight: bold; color: #72a702;}
#content #center .subtitle {text-transform: uppercase; font-size: 11px; font-weight: bold;}

#content #center #featuredjob {border-top: solid 2px #cc0000; padding: 10px 8px 10px 10px; font-size: 11px; line-height: 18px;}
#content #center #successstory {border-top: solid 2px #b3c56a; background: url(images/home/bottom.successstory.gif) no-repeat bottom #e7ecd0; padding: 10px 8px 10px 10px; font-size: 11px; line-height: 18px;position:relative;}
#content #center #jobs {padding: 10px 8px 10px 10px; font-size: 11px; line-height: 18px;}
#content #center #jobs p{
	margin:0;
	padding:0 0 10px;
}
#content #center #jobs hr {
	border: 0;
	width: 100%;
	color: #eaefd7;
	background-color: #eaefd7;
	height: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content #center #successstory img {
	border: solid 1px #000000;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	display: inline;
	position: relative;
}
#content #center #successstory .links {text-align: right; color: #cc0000; padding: 0 10px 0 0; margin: 0;}
#content #center #featuredjob .links {text-align: right; color: #cc0000; padding: 0 10px 0 0; margin: 0;}
#content #center #jobs .links {text-align: right; color: #cc0000; padding: 0 10px 0 0; margin: 0; position:relative;}
#content #center #nav_jobseeker .links {text-align: right; color: #cc0000; padding: 0 10px 0 0; margin: 0; position:relative;}
#content #center #nav_employer .links {text-align: right; color: #cc0000; padding: 0 10px 0 0; margin: 0; position:relative;}
#content #center #nav_school .links {text-align: right; color: #cc0000; padding: 0 10px 0 0; margin: 0; position:relative;}


#content #center #nav_jobseeker {
	position: relative;
	visibility: visible;
	top:0;
}
#content #center #nav_employer {
	position: relative;
	visibility: hidden;
	top:0px;
}
#content #center #nav_school {
	position: relative;
	visibility: hidden;
	top:0px;
}

#content #center #jobseeker {
	background: #c3db60;
	width: 551px;
	position: relative;
}
#content #center #jobseeker div { padding: 15px 12px; font-size: 13px; font-weight: normal; line-height: 16px;}
#content #center #jobseeker div hr {border: 0; width: 525px; color: #b0ca50; background-color: #b0ca50; height: 2px;}

#content #center #employer {
	background: #e9e9cf;
	width: 551px;
	position: relative;
}
#content #center #employer div { padding: 15px 12px; font-size: 13px; font-weight: normal; line-height: 16px; color: #000000;}
#content #center #employer #faqs { padding: 15px 12px; font-size: 11px; font-weight: normal; line-height: 16px; color: #000000; background: #FFFFFF; border-top: solid 2px #cc0000; border-bottom: solid 2px #72a702;}
#content #center #employer #faqs .title {font-size: 17px; font-weight: bold;}
#content #center #employer a {color: #000000;}
#content #center #schooladmin {
	background: #fb961e;
	width: 551px;
	position: relative;
}
#content #center #schooladmin div { padding: 15px 12px; font-size: 13px; font-weight: normal; line-height: 16px; color: #000000;}
#content #center #schooladmin #faqs { padding: 15px 12px; font-size: 11px; font-weight: normal; line-height: 16px; color: #000000; background: #FFFFFF; border-bottom: solid 2px #72a702;}
#content #center #schooladmin #faqs .title {font-size: 17px; font-weight: bold;}





#content #center .greenbolditalic {font-style: italic; color: #4d680f;}

#content #right {float: left; background: url(images/home/bg_login.gif) no-repeat top; width: 199px;}

#content #right #login {padding: 18px 10px 0px 12px; height: 240px;}
#content #right #login a {color: #cc0000; font-size: 12px; font-weight: bold;}
#content #right #login a:link {text-decoration: none;}
#content #right #login a:visited {text-decoration: none;}
#content #right #login a:active {text-decoration: underline;}
#content #right #login a:hover {text-decoration: underline;}

#content #right #announcements {padding: 0 15px 15px 12px; font-size: 11px; line-height: 18px;}
#content #right #announcements .title {color: #cc0000; font-weight: bold; font-size: 15px;}
#content #right #announcements .subtitle {text-transform: uppercase; font-weight: bold; }


/* INNER PAGES */

#innercontent {width: 977px; background: url(images/inner/bg_content.gif) repeat-y;}

#innercontent #left {width: 227px; float: left; margin-bottom: 20px;}
#innercontent #left #useroptions {width: 190px; border: solid 2px #cc0000;  margin-left: 10px; margin-top: 64px; background: #CC0000;}
#innercontent #left #useroptions #title2 {font-size: 14px; text-transform: uppercase; color: #FFFFFF; padding: 4px;}
#innercontent #left #useroptions #usercontent {font-size: 14px; text-transform: none; color: #648814; padding: 4px; background: #fadb9f;}
#innercontent #left #useroptions #usercontent a {text-decoration: underline;}
#innercontent #left #useroptions #usercontent a.search {text-decoration: underline; text-transform: uppercase; font-size: 12px;}
#innercontent #left #useroptions #usercontent hr {border: 0; width: 100%; color: #CC0000; background-color: #CC0000; height: 2px;
}

#innercontent #left p {line-height: 14px;}
#innercontent #left ul {list-style-type: none; padding: 0px 25px 0 10px; margin: 0; font-size: 12px; font-weight: bold;}
#innercontent #left li {border-bottom: dotted  #f5bc4e 2px; padding: 15px 0px;}
#innercontent #left ul ul {list-style-type: none; padding: 10px 25px 0 20px; margin: 0; font-size: 11px; font-weight: bold;}
#innercontent #left li li {border-top: solid 2px #dbef88; border-bottom: solid 2px #dbef88; border-right: solid 2px #dbef88; border-left: solid 1px #5e830e; padding: 4px 0px 4px 4px; color: #000000; margin: 4px 0px;}

#innercontent #left li li.in li {border: none; padding: 2px; color: #FF9933; margin: 0px;}
#innercontent #left li li.in li a:link {font-weight: normal; color: #FF9933;}
#innercontent #left li li.in li a:visited {font-weight: normal; color: #FF9933;}
#innercontent #left li li.in li a:active {font-weight: normal; color: #FF9933; text-decoration: underline;}
#innercontent #left li li.in li a:hover {font-weight: normal; color: #FF9933; text-decoration: underline;}

#innercontent #left li li.in li.in {border: none; padding: 2px; color: #cc0000; margin: 0px;}
#innercontent #left li li.in li.in a:link {font-weight: normal; color: #cc0000;}
#innercontent #left li li.in li.in a:visited {font-weight: normal; color: #cc0000;}
#innercontent #left li li.in li.in a:active {font-weight: normal; color: #cc0000; text-decoration: underline;}
#innercontent #left li li.in li.in a:hover {font-weight: normal; color: #cc0000; text-decoration: underline;}

#innercontent #left li li.in {border-top: solid 2px #dbef88; border-bottom: solid 2px #dbef88; border-right: solid 2px #dbef88; border-left: solid 1px #5e830e; padding: 4px 0px 4px 4px; color: #dbef88; margin: 4px 0px;}
#innercontent #left li li a {color: #000000;}
#innercontent #left li li a:link {color: #000000; text-decoration: none;}
#innercontent #left li li a:visited {color: #000000; text-decoration: none;}
#innercontent #left li li a:active {color: #cc0000; text-decoration: none;}
#innercontent #left li li a:hover {color: #cc0000; text-decoration: none;}
#innercontent #left li li.in a {color: #cc0000;}
#innercontent #left li li.in a:link {color: #cc0000; text-decoration: none;}
#innercontent #left li li.in a:visited {color: #cc0000; text-decoration: none;}
#innercontent #left li li.in a:active {color: #648814; text-decoration: none;}
#innercontent #left li li.in a:hover {color: #648814; text-decoration: none;}


#innercontent #left a:link {color: #648814; text-decoration: none;}
#innercontent #left a:visited {color: #648814; text-decoration: none;}
#innercontent #left a:active {color: #fb961e; text-decoration: none;}
#innercontent #left a:hover {color: #fb961e; text-decoration: none;}

#innercontent #center {width: 750px; float: right;}
#innercontent #center a {color: #cc0000; font-weight: bold;}
#innercontent #center a:link {text-decoration: none;}
#innercontent #center a:visited {text-decoration: none;}
#innercontent #center a:active {text-decoration: underline;}
#innercontent #center a:hover {text-decoration: underline;}
#innercontent #center .title {float: left; font-size: 20px; font-weight: bold; padding-bottom: 10px;}
#innercontent #center .greentitle {text-transform: uppercase; font-size: 18px; font-weight: bold; color: #72a702;}
#innercontent #center .subtitle {text-transform: uppercase; font-size: 11px; font-weight: bold;}

#innercontent #center #text {padding: 48px 20px 48px 20px; font-size: 11px; line-height: 18px; width: 680px;}
#innercontent #center #textShort {padding: 0px 20px 48px 20px; font-size: 11px; line-height: 18px; width: 680px;}
#innercontent #center #titlebar {margin-bottom: 20px; width: 680px;}
#innercontent #center #titlebar #title {float: left; font-size: 20px; font-weight: bold; padding-bottom: 20px;}
#innercontent #center #titlebar #search {float: right; width: 250px; text-align: right; margin-bottom: 15px;}
#innercontent #center #text #searchdiv {background: #eef2de; width: 650px; font-size: 13px; font-weight: bold; padding: 15px 15px; margin: 10px 0px;}
#innercontent #center #text #searchdiv #bold {font-weight: bold; font-size: 15px;margin-bottom: 15px;}
#innercontent #center #text #searchdiv #name {float: left; width: 172px; margin: 5px 10px 5px 0px;}
#innercontent #center #text #searchdiv #textarea {float: left; width: 350px; margin: 5px 0px;}

.data {border-top: solid 1px #648814; border-right: solid 1px #648814;}
.data td, .data th {padding: 5px; border-left: solid 1px #648814; border-bottom: solid 1px #648814; text-align: left;}
.data .datacenter {text-align: center;}
.data .toprow {color: #FFFFFF; background: #648814; text-transform: uppercase; font-weight: bold;}
#innercontent #center .data .toprow a:link {color: #FFFFFF;}
#innercontent #center .data .toprow a:visited {color: #FFFFFF;}
#innercontent #center .data .toprow a:hover {color: #FFFFFF;}


.contact {background: #FFFFCC;}
.contact td {padding: 5px; padding: 3px;}
.contact td.left {text-align: right; font-size: 13px; font-weight: bold;}
.contact td.right {text-align: left; font-size: 13px; font-weight: bold;}
.contact .address {background: #e9e9b9;}
.contact .white {background: #FFFFFF; padding-top: 15px;}
.clear {clear: both;}
.icon {padding-right: 5px;}
.imgpadd {margin: 0 15px 15px 0px;}
.login {text-transform: uppercase; font-weight: bold; font-size: 18px; }
.username {color: #476407; text-transform: uppercase; font-size: 12px; font-weight: bold;}
form {padding: 0; margin: 0;}
.orangebold {color: #FF9933; font-weight: bold;}
.orange {color: #FF9933; }
.detailTitle {color: #cc0000; font-weight: bold; font-size:12px;}
.detailPlaceDate {color: #cc0000; font-weight: bold;}

.redbold {color: #cc0000; font-weight: bold; font-size: 14px;}

.bluebold {color: #3399FF; font-weight: bold; font-size: 18px;}

#printaddress {display: none;}
#footer {background: #e7ecd0; border-top: solid 8px #cc0000; text-transform: uppercase; text-align: center; font-size: 11px; font-weight: bold; padding: 8px 0px; clear: both;}
#footer a {padding: 10px; color: #74766e;}
#footer a:link {text-decoration: none;}
#footer a:visited {text-decoration: none;}
#footer a:active {text-decoration: underline;}
#footer a:hover {text-decoration: underline;}

.std {clear:left;}

.flagged {background: #FFFFCC;}

.addJobTextArea {background: #FFFFFF; width: 475px;}

.footnote {font-size: 10px;}


