/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* Body */
	body { background:#e9e9e9 url("/templates/seasonal/images/body-bg.jpg") top repeat-x; font:12px Arial,Helvetica,sans-serif; color:#000; }

/* Header */
	#topheader { margin:10px auto 0 auto; background:url("/templates/seasonal/images/seasonal-employment.gif") top no-repeat; height:123px; width:980px; position:relative; }
	#topheader h1{ text-indent:-2000px; }
	#topheader h1 a { width:620px; height:70px; display:block; background:none; }

/* topnav */
	/* Set the topnavbar image */
	ul#topnav li a { background-image:url("/templates/seasonal/images/top-nav.gif"); }
	
	/* Sliding doors positioning for the topnavbar */
	ul#topnav li#topnav-find a, ul#topnav li#topnav-find a:visited { background-position:0 0; }
	ul#topnav li#topnav-find a:hover, ul#topnav li#topnav-find a:visited:hover { background-position:0 -34px; }
	
	ul#topnav li#topnav-browse a, ul#topnav li#topnav-browse a:visited { background-position:-78px 0; }
	ul#topnav li#topnav-browse a:hover, ul#topnav li#topnav-browse a:visited:hover { background-position:-78px -34px; }
	
	ul#topnav li#topnav-post a, ul#topnav li#topnav-post a:visited { background-position:-213px 0; }
	ul#topnav li#topnav-post a:hover, ul#topnav li#topnav-post a:visited:hover { background-position:-213px -34px; }
	
	ul#topnav li#topnav-resource-center a, ul#topnav li#topnav-resource-center a:visited { background-position:-327px 0; }
	ul#topnav li#topnav-resource-center a:hover, ul#topnav li#topnav-resource-center a:visited:hover { background-position:-327px -34px; }

	ul#topnav li#topnav-shim span { display:block; background-position:-529px 0; }
	
	ul#topnav li#topnav-shim-member span { display:block; background-position:-529px 0; }
	
	ul#topnav li#topnav-about a, ul#topnav li#topnav-about a:visited { background-position:-637px 0; }
	ul#topnav li#topnav-about a:hover, ul#topnav li#topnav-about a:visited:hover { background-position:-637px -34px; }
	
	ul#topnav li#topnav-contact a, ul#topnav li#topnav-contact a:visited { background-position:-711px 0; }
	ul#topnav li#topnav-contact a:hover, ul#topnav li#topnav-contact a:visited:hover { background-position:-711px -34px; }
	
	ul#topnav li#topnav-register a, ul#topnav li#topnav-register a:visited { background-position:-795px 0; }
	ul#topnav li#topnav-register a:hover, ul#topnav li#topnav-register a:visited:hover { background-position:-795px -34px; }

	ul#topnav li#topnav-login a, ul#topnav li#topnav-login a:visited { background-position:-879px 0; }
	ul#topnav li#topnav-login a:hover, ul#topnav li#topnav-login a:visited:hover { background-position:-879px -34px; }

	ul#topnav li#topnav-myaccount a, ul#topnav li#topnav-myaccount a:visited { background-position:-950px 0; }
	ul#topnav li#topnav-myaccount a:hover, ul#topnav li#topnav-myaccount a:visited:hover { background-position:-950px -34px; }

	ul#topnav li#topnav-logout a, ul#topnav li#topnav-logout a:visited { background-position:-1061px 0; }
	ul#topnav li#topnav-logout a:hover, ul#topnav li#topnav-logout a:visited:hover { background-position:-1061px -34px; }
	
	/* Set specific width for each topnav button */
	ul#topnav li#topnav-find a { width:78px; }
	ul#topnav li#topnav-browse a { width:135px; }
	ul#topnav li#topnav-post a { width:114px; }
	ul#topnav li#topnav-resource-center a { width:164px; }
	ul#topnav li#topnav-shim span { width:145px; }
	ul#topnav li#topnav-shim-member span { width:100px; }
	ul#topnav li#topnav-about a { width:74px; }
	ul#topnav li#topnav-contact a { width:84px; }
	ul#topnav li#topnav-register a { width:84px; }
	ul#topnav li#topnav-login a { width:69px; }
	ul#topnav li#topnav-myaccount a { width:110px; }
	ul#topnav li#topnav-logout a { width:91px; }
	
	ul#topnav { width:960px; height:34px; /* Makes IE6 happy */ position:absolute; bottom:0; left:10px; }
	ul#topnav li { height:34px; float:left; }
	ul#topnav li a, u#topnav li a:visited { height:34px; display:block; text-indent:-2000px; }

/* Hide the top nav bar and move the search box down to the second bar */
	#nav {
		background-color:#FFFFFF;
		border:medium none;
		height:1px;
		margin:0px !important;
		padding:0px !important;
		position:relative;
	}
	
	#nav-left {
		display:none;
	}
	
	#nav-right {
		display:block;
		float:none;
		margin:0 !important;
		padding:0 !important;
		position:absolute;
		right:-25px;
		top:105px;
		width:330px;
	}

/* Footer */
	#bottomfooter { clear:both; text-align:center; height:70px; width:980px; padding-top:15px; margin:0 auto; }
	#bottomfooter ul { padding-bottom:7px; font-size:12px; }
	#bottomfooter ul li { display:inline; padding-left:12px; padding-right:10px;	}
	#bottomfooter ul li a { font-weight:bold; }
	#bottomfooter p { font-size:10px; color:#989898; }
	#bottomfooter a { color:#1d6191; text-decoration:none; }
	#bottomfooter a:hover { text-decoration:underline; }

/* Widen the gazette theme to 980px and fix margins */
	
	div#page {
		width:980px;
		margin-top:0px;
		margin-bottom:0px;
	}
	
	div#topnav {
		width:950px !important;
	}
	
	ul#topnav2 {
		width:950px !important;
	}
	
	#nav2 {
		width:950px !important;
	}
	
	div.col1 {
		width:615px;
	}

/* hide comments */
	
	.nocomments { display: none; } 
	.hidden { display: none; }	
	div#comment { display:none; }