/* 
Website: http://
Name: VJF New Design - Core stylesheet
Description: Core layout/font/navigation styles
Version: Alpha
Author: Jefte Puente
Author URI: http://www.artemisit.com
Comments: This document styles the following items:
			The layout elements of the page; Header, footer, navigation, body, page and content divs. 
		  	Font styles for paragraphs, page titles, headlines, tables, lists.
		  	Color, Size, Positioning styles for all navigation.
				>> Page specific styles are in pageStyles.css
				>> IE specific styles are located in ie.css
		  		>> Form styles are located in cssform.css
*/
@font-face {
    font-family: 'ABold';
    src: url('fonts/abold-webfont.eot');
    src: url('fonts/abold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/abold-webfont.woff') format('woff'),
         url('fonts/abold-webfont.ttf') format('truetype'),
         url('fonts/abold-webfont.svg#ABold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ARegular';
    src: url('fonts/a_rg-webfont.eot');
    src: url('fonts/a_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/a_rg-webfont.woff') format('woff'),
         url('fonts/a_rg-webfont.ttf') format('truetype'),
         url('fonts/a_rg-webfont.svg#ARegular') format('svg');
    font-weight: normal;
    font-style: normal;
	

}

@font-face {
    font-family: 'ADisplayRegular';
    src: url('fonts/adisplay-webfont.eot');
    src: url('fonts/adisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/adisplay-webfont.woff') format('woff'),
         url('fonts/adisplay-webfont.ttf') format('truetype'),
         url('fonts/adisplay-webfont.svg#ADisplayRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/***  CSS Reset by Eric Meyer - Released under Public Domain - http://meyerweb.com/eric/tools/css/reset/ ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td 
                  {margin: 0;padding: 0;border: 0;outline: 0;
                  font-size: 100%;vertical-align: baseline;
                  background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}
/* end reset */

/*** Body Styles ***/
body { background: #7D6C5A url('/images/pg_bg.png') repeat-x; height: 100%; margin: 0 auto; font-size: 62.5%; font-family: Verdana, Geneva, sans-serif; } /* This percentage sets 1.0em to 10px. */
body.NoLayout {background-image: none; background-color: #FFFFFF; }
.pageTitle { float: left; width: 660px; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; padding-top: 0px; text-align: left; color: #3e4f9d; padding-bottom: 5px; font-weight: bold;}
.pageTitleFull{ float: left; width: 825px; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; padding-top: 0px; text-align: left; color: #3e4f9d; padding-bottom: 5px; font-weight: bold;}
	.pageTitle h2, .pageTitleFull h2 { margin: 0; padding: 0; line-height: 1.0em;}
#page { padding: 0; margin: 0 auto; width: 948px; overflow: hidden; background: #fcf9f2; border-left: 12px solid #2F3731; border-right: 12px solid #2F3731; }
#topBar { width: 100%; display: block; background: #1F231E; height: 26px; padding: 10px 0 0 0; margin: 0 auto; }
#header { width: 100%; height: 80px; padding: 0; background: #fff; } 
#logo { margin: 5px 0 0 10px; float: left; }
#vjflogo { float: right; }

/* Rotating billboard & buttons, Adjacent Ads, Border div that contains the bottom part of the VJF logo */
	/*Billboard*/
	#home_banner { float: left; width: 944px; height: 201px; border-top: 2px solid #008b99; border-left: 2px solid #008b99; border-right: 2px solid #008b99; }
		#home_banner_small { float: left; width: 956px; height: 120px; border-top: 2px solid #008b99; border-left: 2px solid #008b99; border-right: 2px solid #008b99; background: #fff;}
		#home_banner_small_ad { float: left; margin: 0; padding: 0;}
		#home_banner_small_text { float: right; margin: 0; padding: 0;}
		#home_banner_small span { float: left; margin: 0; padding: 0;}
		#sponsor_banner { float: left; width: 956px; height: 201px; border-top: 2px solid #008b99; border-left: 2px solid #008b99; border-right: 2px solid #008b99; }
		#sponsor_banner_small { float: left; width: 956px; height: 120px; border-top: 2px solid #008b99; border-left: 2px solid #008b99; border-right: 2px solid #008b99;}
		#sponsor_banner_small span { float: left; margin: 0; padding: 0;}
		#marketing_banner { float: left; width: 944px; height: 201px; border-top: 2px solid #008b99; border-left: 2px solid #008b99; border-right: 2px solid #008b99;  }
		
		#home_banner img, #booth_banner img, #sponsor_banner img { float: left; }
	#home_rotating { height: 201px; width: 593px; overflow: hidden; float: left; }
	.ft-home_rotating { position: relative; float: left; width: 560px; background-repeat: none; }
	
	/*Buttons*/
	#ft-buttons-home_rotating { z-index: 9999; position: absolute; margin: 204px 0 0 0px; }
		#ft-buttons-home_rotating a { display: block; float: left; padding: 0px; background: url('/images/bg_disc.png') no-repeat 2px 2px; width: 5px; height: 5px; overflow: hidden; margin: 0; color: #1F231E; text-decoration: none; font-size: 0.8em; line-height: 0.8em; }
		#ft-buttons-home_rotating a:hover { background: #363639; opacity: 0.9; background: url('/images/bg_disc_up.png') no-repeat 2px 2px; color: #fff;}
	#ft-next-home_rotating, #ft-prev-home_rotating { z-index: 9999; background: #151515; padding: 0px 8px; width: 35px; display: none; }
	
	/*Ads*/
	#home_bannerads { float: left; width: 351px; background: #fff; }
		#home_bannerads a { float: left; margin: 0; padding: 0;}
		#home_bannerads span { float: left; margin: 0; padding: 0;}
	
	/*Border div that houses*/
	#borderdiv { background: #2F3731 url('/images/bg_borderdiv.png'); height: 19px; width: 100%; float: left; margin: 0 0 10px 0; }
	#borderdiv_small { background: #2F3731 url('/images/bg_borderdiv_small.png'); height: 14px; width: 100%; float: left; margin: 0 0 15px 0; }
	
/* Body divs and reusable sponsor/exhibitor blocks */
#content { float: left; width: 925px; padding: 12px 11px 15px 12px; overflow: hidden; }
#content_popup { float: left; width: 720px; padding: 20px; overflow: hidden; }
#content_inner { float: left; width: 100%; padding: 0 0 0 0; }
#content_static { margin: 0 auto; width: 820px; padding: 0px 25px 10px 25px; overflow: hidden; }
	#content_static #content_inner { width: 590px; margin: 0 15px 0 0; }
	
/*Reusable booth/exhibitor blocks*/
.boothRow { clear: both; display: block; margin: 15px auto 20px auto; width: 895px; height: 142px; padding: 21px 0 0 45px; overflow: hidden; }
	.boothRow h2 { position: absolute; left: -9999px; }
	#sponsors { background: url('/images/bg_sponsorblock.png') no-repeat top left; }
	#exhibitors { background: url('/images/bg_exhibitorblock.png') no-repeat top left; }
	.boothLogo, #exhibitors a img { margin: 0 0 0 0; width: 166px; height: 120px; }
	
/*** Heading Styles ***/
h1 { display: none; } 
h2 { margin: 0; font-size: 1.9em; font-weight: bold; font-family: 'ABold'; clear: both; color: #2F3731; margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ccc;text-transform: uppercase; }
h3 { margin: 0 0 15px 0; font-size: 1.6em; letter-spacing: 0; font-family: 'ABold'; clear: both; color: #2F3731; line-height: 1.3em;   } 
h4 { margin: 0; font-size: 1.4em; margin-bottom: 2px; color: #2F3731; font-family: 'ARegular'; clear: both; } 
h5 { margin: 0; font-size: 1.2em; margin-bottom: 2px; font-weight: bold; font-family: 'ABold'; clear: both; }
hr { border-top: 1px solid #888; margin: 10px 0 20px 0; }

/*** Table Styles - Tables are for tabular data ***/
table {clear: left; border-collapse: collapse; width: 100%; font-size: 1.1em; background: #EFE4C1; margin: 0 0 15px 0;}
table p { line-height: 1.0em; padding: 0; margin: 0; }
table tr { }
table td { padding: 8px 10px; vertical-align: middle; text-align: left; }
table th { padding: 8px 10px; text-align: left; background: #2f3731; font-size: 1.2em; vertical-align: middle; color: #fcf9f2; }
tr.altrow { background-color: #dad9bb; }
table input.button { margin: 0; }
th#title { width: 540px; }

/*** Lists ***/
#content ul, #content ol, #content_static ul, #content_static ol { margin-top: 5px; margin-bottom: 20px; list-style-position: outside; }
#content li, #content_static li { font-size: 1.2em; margin: 0 0 5px 25px; list-style-type: disc; line-height: 1.3em; color: #2e2e2e;}
ul#indent li, ol#indent li { margin-left: 40px; }
#content ul li li, #content ol li li, #content_static ul li li, #content_static ol li li { font-size: 1.0em; }

/*** Content/Copy Styles ***/
p { font-size: 1.2em; color: #2e2e2e; line-height: 135%; margin: 0 0 5px 0; padding-bottom: 10px; }
.indent {margin-left: 40px;}
.indent2x {margin-left: 80px;}
.indent3x {margin-left: 120px;}
.clear { clear: both; }
blockquote { font-weight: italic; background: #F7F7F7; border: 1px solid #ccc; padding: 10px; margin: 0 40px 10px 40px;}

/*** Link Styles ***/
a:link { color: #9A5044; }
a:visited { color: #9A5044; }
a:hover { color: #9A5044; }

/*** Inconsistant HR styling across browsers forces the use of a div with this class in lieu of the hr tag ***/
.hr { float: left; clear: both; width: 100%; height: 1px; margin: 10px 0 15px 0; padding: 0; }

/*** Navigation - Uses an unordered list and styles them as buttons 
	 This nav supports rounded buttons and drop-down menus.								***/

/* Tier 1 Nav */
	#navcontainer1 { width: 100%; margin: 0; height: 45px; padding: 4px 0 4px 0; background: #cd9b5a; border-top: 2px solid #2e3730; border-bottom: 2px solid #2e3730; z-index: 0; }
	#nav1 { float: left; line-height:normal; font-style: normal; letter-spacing: 0px;	}
	#nav1 ul { float: left; margin:0; padding:0; list-style:none; }
	#nav1 li { float: left; margin: 0 0 0 2px; padding: 0; }
	#nav_dropdown1 li a { overflow: hidden; float: left; display: block; padding: 0; background: #cd9b5a; height: 45px; text-decoration:none; color: #000; }
	#nav_dropdown1 li a span { float: left; display: block; color: #2e3730; padding: 5px 17px 0px 10px; width: 155px; height: 45px; background: url('images/nav_bgright1.png') no-repeat top right; font-family: 'ABold'; font-weight: normal; font-size: 2.0em; text-transform: uppercase; text-align: center; cursor: pointer; line-height: 0.9em;}
		#nav_dropdown1 #region a span { width: 80px; }
		#nav_dropdown1 #region2 a span { width: 75px; }
		#nav_dropdown1 #jobseekers a span { width: 120px; }
		#nav_dropdown1 #jobseekers2 a span { width: 130px; }
		#nav_dropdown1 #exhibitors a span { width: 110px; }
		#nav_dropdown1 #exhibitors2 a span { width: 125px; }
		#nav_dropdown1 #sponsorships a span { width: 150px; }
		#nav_dropdown1 #sponsorships2 a span { width: 180px; }
		#nav_dropdown1 #jobfair { background: transparent url('images/nav_jobfair.png'); margin: -13px 0 0 0; height: 62px; }
			#nav_dropdown1 #jobfair a span { width: 175px; background: none; font-family: "ADisplayRegular"; font-size: 3.7em; color: #fff; padding: 14px 8px 0 7px; line-height: 34px; }
			#nav_dropdown1 #jobfair a { background: none; padding: 0; height: 62px; }	
		#nav_dropdown1 #jobfair2 { background: transparent url('images/nav_jobfair2.png'); margin: -13px 0 0 0; height: 62px; }
			#nav_dropdown1 #jobfair2 a span { width: 305px; background: none; font-family: "ADisplayRegular"; font-size: 3.7em; color: #fff; padding: 14px 8px 0 7px; line-height: 34px; }
			#nav_dropdown1 #jobfair2 a { background: none; padding: 0; height: 62px; }	
					
		#nav_dropdown1 #marketplace { background: transparent url('images/nav_bgmarketplace.png'); height: 51px; margin: -3px 0 0 0;  }
			#nav_dropdown1 #marketplace a span strong { font-family: "ADisplayRegular"; font-size: 1.2em; letter-spacing: 0px; margin: 4px 0 0 0; color: #FCF9F2; }	
			#nav_dropdown1 #marketplace a span { width: 154px; background: none; padding-top: 3px; }
			#nav_dropdown1 #marketplace a  { background: none; padding: 0; height: 52px}
			
	#nav_dropdown1 li a span strong { display: block; clear: left; float: left; width: 100%; font-weight: normal; font-family: 'ARegular'; color: #f3ebd3; cursor: pointer; letter-spacing: -1px;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#nav1 a span {float:none;}
	/* End IE5-Mac hack */
	#nav_dropdown1 li a:hover span {color: #000;}
	#nav_dropdown1 li a:hover { background: #7c6c5a;  }
	
	/* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */
	/* Applies to all sub-levels */
	#nav_dropdown1, #nav_dropdown1 ul { float: right; padding: 0; margin: 0; list-style: none; line-height: 1; }
	#nav_dropdown1 ul li a { display: block; padding: 0; background: none; font-weight: bold; }
	#nav_dropdown1 ul li a span { color: #000; font-size: 1.1em; }
	/* 1st Level List Items */
	#nav_dropdown1 li { float: left; }
	
	/* 2nd Level List - UL
	   Set a width for vertical. Do not set a width for horizontal
	   Using left instead of display to hide menus because display: none isn't read by screen readers */
	#nav_dropdown1 li ul { position: absolute; left: -999em; }
	
	/* 2nd Level List elements - LI */
	#nav_dropdown1 ul li { clear:left; }

	/* 2nd Level List elements - A */
	#nav_dropdown1 li ul li a {display: block; width: 160px; background: #cd9b5a; border-top: 1px solid #D99F00; margin: 0; padding: 10px 14px; font-size: 11px; font-weight: normal; text-decoration: none;}
	#nav_dropdown1 li ul li a:hover { color: #000; background: #7c6c5a; }	
	#nav_dropdown1 li.navSelected ul li a { background: #7c6c5a; }
	#nav_dropdown1 li.navSelected ul li a:hover { background: #7c6c5a; }
	
	/* 3rd Level List elements - UL - Sets position of the UL element	*/
	#nav_dropdown1 li ul ul { margin: 30px 0 0 150px; }
	
	/* 3rd Level List elements - A */
	#nav_dropdown1 ul ul li a { }
	#nav_dropdown1 ul ul li a:hover { color: #fff; }		
	
	/* This bit moves list items off the page using negative left margin */
	#nav_dropdown1 li:hover ul ul { left: -999em; }
	
	/* This brings the list items back on screen and into view upon hover	*/
	/* lists nested under hovered list items */ 
	#nav_dropdown1 li:hover ul, #nav_dropdown1 li li:hover ul { 
		left: 0px;
		top: 46px; z-index: 9999;
	}
	#nav_dropdown1 li li:hover ul { 
		left: 0px;
		top: 0px;
	}

	/* Keep parent tiers Hightlighted when in their children */
	#nav_dropdown1 li:hover > a { background: #7c6c5a url('images/nav_bgleft.png') no-repeat top left; } /* T1 a */
	#nav_dropdown1 li:hover a span  { color: #f3ebd3; background: url('images/nav_bgright2.png') no-repeat top right;} /* T1 span */
	#nav_dropdown1 li:hover a span strong { color: #cd9b5a; }
	#nav_dropdown1 ul li:hover > a { background: url('images/bg_nav3.png') no-repeat 9px 0; color: #020204; } /* T2 a */

/* Tier 2 Nav */
	#navcontainer2 { float:left; width: 788px; height: 26px; padding: 0; margin: 0; padding-top: 13px; padding-left: 12px; background: #949496; }
	#nav2 { float: left; font: 11px Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; line-height:normal; font-style: normal; letter-spacing: 0px; }
	#nav2 ul { float: left; margin: 0; padding: 0; list-style:none; }
	#nav2 li { float: left; margin: 0; padding: 0; }
	#nav2 a { float: left; margin:0; padding: 0 0 2px 10px; margin-left: 0px; text-decoration:none; }
	#nav2 a span { float:left; display:block; background: url('/images/nav_endcap.gif') no-repeat 100% 3px; padding: 0px 10px 0px 0px; color: #fff; }
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#nav2 a span {float:none;}
	/* End IE5-Mac hack */
	#nav2 a:hover { }
	#nav2 a:hover span { color: #000;}

/* Tier 3 Nav */
	#navcontainer3 { float:left; background: #D9D9D9; width: 100%; padding: 0px; margin: 0; height: 25px; }
	#nav3 { float: left; font: 11px Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; font-style: normal; letter-spacing: 0px; margin:0; padding:0;}
	#nav_dropdown3 { float: left; margin: 0; padding: 5px 0 5px 12px; }
	#nav3 li { float: left; margin: 0px; padding:0;  list-style-type: none;}
	#nav3 a { float: left; margin: 0; padding: 0px 0 2px 10px; text-decoration:none; 	}
	#nav3 a span { float:left; display:block; padding: 0px 10px 0px 0px; color: #0089d4; background: url('/images/nav_endcap.gif') no-repeat 100% 3px;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#nav3 a span {float:none;}
	/* End IE5-Mac hack */
	#nav3 a:hover {  }
	#nav3 a:hover span { color: #000;}
	
	/* Top Right Hand Nav Menu */
	#topBarCenter { margin: 0 auto 0 auto; width: 960px; position: relative; }
	#topBarCenter h3 { float: left; margin: 0 auto; color: #E8D9A9; font-size: 1.5em; font-weight: normal;}
	ul#topnavcontainer { display: block; margin: 1px 0 0 0; white-space: nowrap; padding: 0px; float: right; color:#e8d9a9;}
	#topnavcontainer li { font-size: 1.1em; float: left; display: block; list-style-type: none; padding-left: 3px; padding-right: 3px; border-right: 1px solid #E8D9A9; }
	#topnavcontainer a:link, #topnavcontainer a:visited { padding: 0 5px; text-decoration: none; color: #E8D9A9; }
	#topnavcontainer a:hover { color: #fff; text-decoration: underline;cursor:pointer;}
		/* Hides the ending pipe character */
		#topnavcontainer #topnav_nopipe { padding-right: 0; border-right: none; }
		#topnavcontainer #topnav_login { display: block; border-right: none; padding: 0; margin: 0;}
		
	/* Footer Nav */
	#footer { color: #FCF9F2; margin: 0; background: #000; margin: 0 auto 0 auto; width: 932px; text-align: center; padding: 10px 20px 10px 20px; border-top: 12px solid #2F3731; }
	#footer2 { color: #FCF9F2; margin: 0; margin: 0 auto 0 auto; width: 960px; text-align: center; padding: 10px 0px 20px 0px; }
	#footer2 a { color: #FCF9F2; }
		#footer2 #logo_brevard { float: left; margin: 0 10px 0 0; }
		#footer2 #logo_artemis { float: left; margin: 0 0 0 10px; }
		#footer .footerrow1:link, #footer .footerrow1:visited { color: #E8D9A9; }
	#footer p { font-size: 1.5em; color: #CD9B5A; margin: 0; padding: 0;}
	#footer a { color: #CD9B5A; padding: 2px; margin: 0; text-decoration: none; }
	#footer a:visited { color: #CD9B5A; }
	#footer a:hover { color: #fff; margin: 0; }
	#footercenter { float: left; width: 714px; font-size: 1.1em; color: #FCF9F2;  }
	
/*** Images & Alignments
	Using 'class="alignright"' on an image will align the image to the right. 
	And using 'class="centered', will of course center the image. This is much
	better than using align="center", being much more futureproof (and valid)       ***/
#header img { border: 0; }
.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { margin-left: 15px; margin-right: 15px;	}
img.alignleft { margin-right: 15px; margin-bottom: 15px;}
.alignright { float: right; }
.alignleft { float: left;}


/*** Hacks - May become outdated when/if IE ships with proper CSS support ***/

	/* The infamous "clear div" or "spacer div" hack. An empty div placed below
		floated divs that clears the floats, so that content can continue to flow 
		below the clear. http://www.complexspiral.com/publications/containing-floats/ 

		Update: Use of overflow:hidden in combination with a totally floated layout and position:relative now replaces this hack. 				*/
		div.spacer { clear: both; }

/*** Misc Styles ***/
.sr { position: absolute; left: -9999em; top: 0; width: 1px; height: 1px; overflow: hidden; } /* Hides elements on screen, but keeps them available to screen readers */
.disclaimerBox {clear: both; overflow: hidden; width: 821px; padding: 10px 10px 10px 35px; font-size: 1.2em; border: 1px solid #FFCC00; background: #fffdd6 url('/images/ico_yellowerror.png') no-repeat 10px 7px; margin: 0 auto 10px auto; display:block; }