/*
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url() no-repeat top center;
	font: 12px/18px Arial, sans-serif;
	color: #000;
}
*/

/* hide from ie on mac \*/
html {
	position: relative;
	height: 100%;
	overflow: hidden;
}
#content {
	height: 100%;
	position: relative;
	color: #ffffff;
	z-index: 0;
}
/* end hide */
body {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
	font: 86% Arial, sans-serif;
}

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

a {

}

h1, h2, h3 { margin: 0; padding: 0 0 9px 0;}
h1 {
	font: 24px/24px Arial, sans-serif;
}

h2 {
	font: 18px/18px Arial, sans-serif;
}

h3 {
	font: 13px/15px Arial, sans-serif;
}

h4 {
	font: 12px/15px Arial, sans-serif;
}

#utility {
	position: absolute;
	top: 17px;
	right: 2px;
	font: 10px/18px Arial, sans-serif;
	color: #B2B2B2;
	z-index: 10;
} 

#utility a{
	text-decoration: none;
	margin: 0 5px;
	color: #B2B2B2;
}

#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
}

#header {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	z-index: 50;
}

#logo {
	position: relative;
	width: 100px;
	height: 100px;
	z-index: 10;
}

#flash {
	position: relative;
	text-align: center;
}

#content_area {
	position: relative;
}

#footer {
	position: relative;
	width: 100%;
	clear:both;	
	padding: 15px 0 45px 0;
	font: 11px/17px "Trebuchet MS", sans-serif;
	text-align: center;
	color: #CCCCCC;
} 

#copyright {
	position: relative;
	color: #CCCCCC;
	font-weight: bold;
}

#footer_links{
	position: relative;
}

#footer_links a{
	text-decoration: none;
	margin: 0 10px;
	color: #CCCCCC;
}

#nav {
	position: absolute;
	right: 1px;
	top: 0;
}

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

#nav li { float: left; padding: 0;margin: 0;height:30px; }

#nav a { display: block; overflow: hidden;text-indent:-1000em;height: 121px; width:98px;z-index: 250; }
#nav li, #nav a:hover, #nav a.on { background-position: bottom; }
#nav a:active { outline: none; }

#nav_home, #nav_home a { background: transparent url(../images/nav_home.gif) top; }
#nav_about, #nav_about a { background: transparent url(../images/nav_about.gif) top; }
#nav_jobseekers, #nav_jobseekers a { background: transparent url(../images/nav_jobseekers.gif) top; }
#nav_employers, #nav_employers a { background: transparent url(../images/nav_employers.gif) top; }
#nav_contact, #nav_contact a { background: transparent url(../images/nav_contact.gif) top; }


#subnav {
	float: left;
	width: 137px;
	margin: 30px;
}

#subnav ul  {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px dotted #CAD1C0;
}

#subnav li { float: left; padding: 0;margin: 0;width: 100%; }

#subnav a { 
	position: relative;
	padding: 4px 0 4px 19px;
	border-bottom: 1px dotted #CAD1C0;
	font: 11px/20px Arial, sans-serif;
	font-weight: bold;
	display: block;
	color: #705B0A;
	text-decoration: none;
	background: transparent url(../images/subnav_bullet.gif) no-repeat 2px 8px;
}

#subnav a:hover, #subnav a.on {
	color: #6D7B5E;
}

#archergroup {
	display: none;
}



#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		/* overflow: hidden; */
	}

	#lightwindow_contents {
		/* overflow: hidden; */
		z-index: 0;
		position: relative;
		border: 0px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #FFF;
	padding: 30px;
	text-align: center;
}

#loader {
	position: relative;
	width: 181px;
	height: 25px;
	margin: 0 auto;
	background: #FFFFFF url(/admin/images/load_animbig.gif) repeat-x;
	border: 0px solid #FFF;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
		position: relative;
    		font-size: 10px;
		line-height: 18px;
		color: #444444;
		margin: auto;
		padding: 0;
		width: 100%;
		display: block;
		left: -30px;
		text-align: center;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #D54015;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		color: #DF7A3F;
	}


	#lightwindow_loading img {
   		margin: 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		/*background: transparent url(../images/blank.gif) no-repeat;  /*Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	/* overflow: hidden; */
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		/* overflow: hidden; */
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	/*
* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}
*/

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		/* overflow: hidden; */
		height: 0px;
	}

/*
	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}
*/	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		/* overflow: hidden; */
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		/* overflow: hidden; */
	}
	
#lightwindow_title_bar {
	/* height: 25px; */
	/* overflow: hidden; */	
	display: none;	
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
		display: block;
		
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}




textarea {
	width:400px;
	height:200px;
}
a img{
	border:none !important;
}
.dateModified
{
	font-style:italic;
	color:#666666;
}

#cms_section{
	margin: 20px 0;
	padding:10px;
	text-align:left;
	background-color:#fff;
	width: 90%;
	border: 1px solid #E4E4E4;
	
}

/*CMS ADMIN*/
#admin {
   border: 1px solid #000;
   border-collapse: collapse; 
}
#admin th {
  background-color:#4491EE;
  color: #FFF;
  font-weight: bold;
  text-align: left;
}
#admin tr 
{
   border: none;
   padding: 2px;
}
#admin td
{
   padding: 2px;
   border: none;
   vertical-align:top;
}
#sub th
{
   background-color:#ABCDF8;
   font-size: smaller;
}

#sub input
{
   font-size: smaller;
   background-color: #FFF;
   border: solid 1px #999;
}

.optionDesc{
	font-size:10px;
	font-style:italic;
	line-height:10px;
	color:#666666;
}
.adminHandle{
	position: absolute;
	z-index: 200;
	left: -32px;
	top: -5px;
	vertical-align:middle; 
	width: 29px;
	height: 29px;
}

#editbar {
	position: relative;
	width: 100%;
	height: 49px;
	border-top: 9px solid #9E4C23;
	background: #292929 url(/admin/images/bg_editbar.gif) repeat-x;
}

#editbar_archer {
	position: absolute;
	left: 17px;
	top: 8px;
	width: 180px;
	height: 31px;
	border: none;
}

#editbar_archer2 {
	position: absolute;
	left: 17px;
	top: 8px;
	width: 72px;
	height: 31px;
	border: none;
}

#editbar_nav {
	position: absolute;
	height: 29px;
	left: 215px;
	bottom: 0;
}

#editbar_back {
	position: relative;
	width: 103px;
	height: 29px;
	border: none;
}

#editbar_logout {
	position: relative;
	width: 68px;
	height: 29px;
	border: none;
}

#editbar_info {
	position: absolute;
	right: 46px;
	top: 7px;
	width: 50%;
	text-align: right;
	font: 10px/15px Arial, sans-serif;
	color: #c1c1c1;
}

#editbar_page {
	text-transform: uppercase;
	font-weight: bold;
}

#editbar_lastmod {
	font-style:italic;
}

#editbar_close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 29px;
	height: 29px;
	float: right;
}

input[type="submit"].lightbox {
	width:69px;
	height:26px;
	color:#FFF;
	font-family: Arial, sans-serif;
	font-weight:bold;
	padding:2px 5px 4px 5px;
	background:url(/admin/images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}

#headline {
	position: relative;
	display: block;
}

#copy {
	position: relative;
	display: block;
}

.aForm li{width:80%;}
form ul{margin:0; padding:0;list-style-type:none;width:100%;}
form li{margin:0;padding:4px 5px 2px 9px;position:relative;}
form li:after, .buttons:after{content:"."; display:block;height:0; clear:both; visibility:hidden;}
form li, .buttons{display:inline;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}
form li div, form li span{margin:0 5px 0 0;padding:0 0 8px 0;color:#444;}
form li span{float:left;}form li div.left{display:inline;float:left;width:48%;}
form li div.right{display:inline;float:right;width:48%;}
form li div.left .medium, form li div.right .medium{width:100%;}
.clear{clear:both;}
form li div label, form li span label{margin:0;padding-top:3px;clear:both;font-size:9px;line-height:9px;color:#444;display:block;}
form li .icon{margin:.1em 5px 0 0;padding:0;width: 16px;height: 16px;}

/* ----- INFO ----- */
.info{display:inline; clear:both;margin:0 0 1em 0;border-bottom:1px dotted #ccc;}
.info[class]{display:block;}
.info h2{font-weight:normal;font-size:160%;margin:0 0 3px 0;clear:left;}
.info p{font-size:95%;line-height:130%;margin:0 0 12px 0;}

/* ----- SECTIONS ----- */
form hr{display:none;}
form li.section{border-top:1px dotted #ccc;margin-top:9px;padding-top:13px;padding-bottom:0px;width:96% !important;}
form ul li.first{border-top:none !important;margin-top:0px;padding-top:1px;}
form .section h3{font-weight:normal;font-size:110%;line-height:130%;margin:0 0 2px 0;}
form .section p{font-size:85%;margin:0 0 10px 0;}

/* ----- BUTTONS ----- */
.button{cursor:pointer !important;}
input.btTxt{padding:0 7px;width:auto;overflow:visible;}
.buttons{clear:both;margin-top:10px;}
.buttons input{font-size:120%;margin-right: 5px;}

/* ----- FIELDS AND LABELS ----- */
label.desc{line-height:150%;padding:0 4px 1px 0;border:none;color:#222;display:block;font-size:110%;font-weight:bold;}
input.text, textarea.textarea, select.select{margin:0;font-size:100%;border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;background-color:#fff;color:#333;}
input.text{padding:2px 0 2px 2px;}
input.currency{text-align:right;}
input.checkbox, input.radio{display:block;line-height:1.2em;margin:8px 0 0 3px;width:13px;height:13px;}
label.choice{font-size:100%;display:block;line-height:1.4em;margin:-19px 0 0 25px;padding:4px 0 1px 0;color:#444;width:90%;}
textarea.textarea{margin-top:1px;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}
select.select{margin:1px 0;padding:1px 0 0 0;}
select.select[class]{margin:0;padding:1px 0 1px 0;}
.safari select.select{margin-bottom:1px;font-size:100% !important;}

/* ----- SIZES ----- */
.third{width:32% !important;}
.half{width:48% !important;}
.full{width:100% !important;}
input.small, select.small{width:25%;}
input.medium, select.medium{width:50%;}
input.large, select.large, textarea.textarea{width:100%;}
input.tags{width:315px;}
textarea.small{height:5.5em;}
textarea.medium{height:10em;}
textarea.large{height:20em;}

/* ----- ERRORS ----- */
#errorLi{width:97%;background:#fff;border:1px dotted red;margin-bottom:1em;text-align:center;}
#errorMsgLbl{margin:7px 0 5px 0;padding:0;font-size:125%;color:#DF0000;}
#errorMsg{margin:0 0 .8em 0;color:#000;font-size:100%;}
#errorMsg strong{background-color: #FFDFDF;padding:2px 3px;color:red;}
form li.error{background-color: #FFDFDF !important;border-bottom:1px solid #EACBCC;border-right:1px solid #EACBCC;margin:3px 0;}
form li.error label{color:#DF0000 !important;}
form p.error{color:red;font-weight:bold;font-size:10px;margin:0 0 5px 0;clear:both;}

/* ----- REQUIRED ----- */
form .req{float:none;color:red;font-weight:bold;}

/* ----- INSTRUCTIONS ----- */
form li.focused{background-color:#fff7c0;}
form .instruct{display:none;position:absolute;top:0;left:100%;z-index:1000;width:42%;margin:0 0 0 8px;padding:8px 10px 9px 10px;border:1px solid #e6e6e6;background:#f5f5f5;line-height:130%;font-size:80%;color:#444;}
form .instruct small{font-size:100%;}
form li.focused .instruct, form li:hover .instruct{display:block;}
.noI form li{width:97% !important;}
.noI .instruct{display:none !important;}

/* ----- Password ----- */
ul.protected{list-style:none;margin:60px 0;}
.protected li{text-align:center;padding:10px 0;}
.protected h2{font-weight:bold;color:#DF0000;margin:0 auto 10px auto;}
.protected label{font-size:120% !important;padding-top:10px;display:block;}
.protected input.text{font-size:170% !important;width:380px;text-align:center;}
.protected .buttons{margin:0;}
.protected #saveForm{font-size:120% !important;}

/* ----- Custom aForm ----- */
.aForm input.text, .aForm textarea.textarea, .aForm select.select{background:#FFFFFF repeat-x top}
.aForm .focused{background:#FFF7C0}
.aForm .instruct{background-color:#F5F5F5}

/* Borders */
#container{border:0 solid #ff9900}
.aForm .info{border-bottom:1px dotted #CCCCCC}
.aForm .section{border-top:1px dotted #CCCCCC}
.aForm .instruct{border:1px solid #E6E6E6}

/* Typography */
.aForm .info h2{font-size:160%;font-family:inherit;color:#000000}
.aForm .info p{font-size:95%;font-family:inherit;color:#444444}
.aForm .section h3{font-size:110%;font-family:inherit;background:#FFFFFF;color:#000000}
.aForm .section p{font-size:85%;font-family:inherit;color:#444444}
.aForm label.desc{font-size:110%;font-family:inherit;color:#444444}
.aForm li div, .aForm li div label, .aForm li span label{font-family:inherit;color:#444444}
.aForm input.text, .aForm textarea.textarea, .aForm select.select, .aForm label.choice{font-size:100%;font-family:inherit;color:#333333}
.aForm label.choice{color:#444444;font-weight: normal;}
.aForm .instruct{font-size:80%;font-family:inherit;color:#444444}