/* -------------- Main Styles ---------------- */
html {height: 100%;	text-align: left; font: 11px Arial, Helvetica, sans-serif;}
body{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
width: 985px;
margin:auto; 
}
.banner{position: absolute; top: 5px; right: 5px;}
#main-area {
	background-image:url(assets/top.jpg);
	width: 985px;
	height: 120px;
	position: relative;
}
#shadow {
	position:absolute;
	width: 990px;
	margin-left: -20px;
	z-index: 0;
	padding-left:20px;
	background-repeat: repeat-y;
	background-image: url(assets/shadow.gif);
}
#maincontent {
	width: 770px;
	/*float:right;*/
	position:relative;
	margin: 0px;
	padding: 0px;
	
}
#mainright {
	width: 770px;
	float:right;
	position:relative;
	margin: 0px;
	padding: 0px;
}
#main {
	margin: 0px;
	width:985px;
	padding-bottom: 5px;
	position:relative;
}
p {margin-top:2px;}
/* -------------- Left Navigation ---------------- */
#leftnav {
	width: 200px;
	float:left;
	padding: 0px;
	color: #fff;
	background-color : #cacbcd;
	background-image:url(assets/leftnav.gif);
}

#leftnav p{	padding:6px;}
#leftnav a:link {text-decoration: none;	font-weight: normal;}
#leftnav a:visited {text-decoration: none;	font-weight: normal; color:#FFFFFF;}
#leftnav a:hover {text-decoration: none;	font-weight: normal; color:#FFFFFF;}
#leftnav p {color: #3D5492;}
#leftnav p a:link {color: #3D5492;}
#leftnav p a:visited {color: #3D5492;}
#leftnav p a:hover {color: #3D5492;}
#leftnav form {color: #3D5492;}
#leftnav form a:link{color: #3D5492;}
#leftnav form a:hover{color: #3D5492;}
#leftnav form a:visited{color: #3D5492;}

/* -------------- Footer ---------------- */
#footer {
	clear:both;
	text-align: center;
	width: 980px;
	padding: 2px;
	font-size:10px;
	color: #3D5492;
background-color: #fff; font-size:10px;  border-top: 3px #3D5492 solid;}
#footer p{color:  #3D5492;}
#footer a:link{color:  #3D5492; text-decoration: none; font-size:10px;}
#footer a:hover{color:  #3D5492; text-decoration: none;font-size:10px;}
#footer a:visited{color:  #3D5492; text-decoration: none;font-size:10px;}

/*******Headers**********/
H1 {
	margin: 0px;
	padding: 3px;
	color: #000066;
	font-size: 18px;
	font-weight: bold;
}
H1 a:link {color: #000066; text-decoration: none;}
H1 a:hover {color: #000066; text-decoration: none;}
H1 a:visited {color: #000066; text-decoration: none;}
H2 {
	margin: 0px;
	font-size: 18px;
	color: #3D5492;
	font-weight: bold;
	border-bottom: 1px solid #3D5492;
}
H2 a:link {color: #3D5492; text-decoration: none;}
H2 a:hover {color: #3D5492; text-decoration: none;}
H2 a:visited {color: #3D5492;text-decoration: none;}
H3 {
	margin: 0px;
	font-size: 13px;
	color: #3D5492;
	font-weight: bold;
	border-bottom: 1px solid #3D5492;
}
H4{
	margin:1px;
	font-size: 13px;
	color: #3D5492;
	font-weight: bold;
	clear:both;
	line-height:16px;
}
H3 a:link {color: #3D5492; font-size: 13px; text-decoration: none;}
H3 a:hover {color: #3D5492; font-size: 13px;text-decoration: none;}
H3 a:visited {color: #3D5492; font-size: 13px; text-decoration: none;}
#leftnav H1 { color: #fff; font-weight:bold;  font-size: 12px; background-color: #3D5492;}
#leftnav H1 a:link { color: #fff; font-weight:bold; font-size: 12px;}
#leftnav H1 a:hover{ color: #fff; font-weight:bold;  font-size: 12px;}
#leftnav H1 a:visited{ color: #fff; font-weight:bold;  font-size: 12px;}
/****login page (used all over the place)****/
.logintitle {
padding: 3px;
font-size: 15px;
background-color: #C40000;
color: #FFFFFF;}
.login{font-size: 13px;}
.loginred{
font-size: 13px;
color: #D20000;}
.loginrow{
width:680px;
margin-left:6px;
background-color: #FBFBFB;
background-color: #fff;
padding: 0px;
padding-bottom:3px;
border-top: 1px solid #A4A4A4;
border-right: 1px solid #A4A4A4;
border-bottom: 1px solid #3F3F3F;
border-left: 1px solid #6B6B6B;}
.loginrow2 {
margin-left:15px;
margin-right:3px;
color:#333333;
background-color: #F2F2F2;
padding: 3px 3px 3px 6px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #666666;
border-left: 1px solid #999999;
letter-spacing: 1px;}
.loginbg {
/*width:700px;*/
background-color: #F7F7F7;
border-top: 1px none #515151;
border-right: 1px dotted #515151;
border-bottom: 1px dotted #515151;
border-left: 1px dotted #515151;}
.loginrow a:link{text-decoration:none;}
.loginrow a:hover{text-decoration:none;}
.loginrow a:visited{text-decoration:none;}

/****use for delete "x"'s****/
.delete {font-size: 14px;}
.delete a:link {font-size: 14px;}
.delete a:hover {font-size: 14px;}
.delete a:visited {font-size: 14px;}

/*marquee styles */
#scrolling-marquee marquee {width:775px;}
#scrolling-marquee2 marquee {width:775px;}
#scrolling-marquee3 marquee {width:775px;}
#scrolling-marquee {position: absolute;	left: 200px;	top: 105px;}
#scrolling-marquee2 {position: absolute;	left: 200px;	top: 105px;}
#scrolling-marquee3 {position: absolute;	left: 200px;	top: 105px;}
#marquee-top p {	position: absolute; left: 5px;font-size: 1px;	color: #fff;top: 90px;}
#scrolling-marquee a:link{color: #2a4390; text-decoration: none;}
#scrolling-marquee a:visited {color: #2a4390; text-decoration: none;}
#scrolling-marquee a:hover {color: #2a4390; text-decoration: none;}
#scrolling-marquee2 a:link{color: #2a4390; text-decoration: none;}
#scrolling-marquee2 a:visited {color: #2a4390; text-decoration: none;}
#scrolling-marquee2 a:hover {color: #2a4390; text-decoration: none;}
#scrolling-marquee3 a:link {color: #2a4390; text-decoration: none;}
#scrolling-marquee3 a:visited {color: #2a4390; text-decoration: none;}
#scrolling-marquee3 a:hover {color: #2a4390; text-decoration: none;}
/******big scrolling box on front page*****/
#pscroller1{
width: 755px;
height:325px;
border-top: 1px solid #000858;
border-left:1px solid #a8d0ff;
border-right:1px solid #a8d0ff;
padding: 5px;
clear:both;
	
}
#pscroller2{
width: 755px;
border-top: 1px solid #000858;
border-left:1px solid #a8d0ff;
border-right:1px solid #a8d0ff;
padding: 5px;
clear:both;

}
.opportunites_text{
	color: #000;
	font-weight: bold;
	border: 2px dotted #aaa;
	padding: 5px;
	margin-right: 15px;
	background-color:#FFFFFF;
}

.opportunites_text_2{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
}
/************** EVIL CSS NAV ****************************/
	.nav, .nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width : 190px;
		z-index:40;
	}
	.you_are_here{clear:both;}	
	.nav li { /* all list items */
		width : 200px;
		z-index:40;
		padding-bottom: 3px;
		background-image:url(assets/leftnav.gif);
		/*used to fix large issue in ie when > at end of link*/
		float:left;
		position:static;}
	
	.nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		/*change margin-left to change child flyout position*/
		margin-left : 200px;
		/*change margin-top to valign child menus*/
		margin-top : -19px;
		z-index:45;
	}
.nav li ul ul { /* third-and-above-level lists */left: -999em;	}
.nav li ul ul ul { /* fourth-and-above-level lists */left: -999em;	}
/*style set here*/
	.nav li a {
		/* width specific for ie 5.5 w/idth then overrides for other browsers*/
		width : 200px;
		w\idth : 192px;
		display : block;
		font-weight : bold;
		text-decoration : none;
		text-indent:5px;
		z-index:40;
		padding:2px;
		margin-bottom:4px;
		margin-left:4px;
		background-color:#71A5D9;		
		position:static;
		color:#FFFFFF;
		}
		.nav li a:hover {		
		background-color : #03026a;
		z-index:40;
		text-indent:5px;
		text-decoration: none;		
		margin-bottom:4px;
		margin-left:4px;
		padding: 2px;		
	}
/*style ends here*/
	.nav li:hover ul ul, 
	.nav li:hover ul ul ul,
	.nav li:hover ul ul ul ul, 
	.nav li.sfhover ul ul, 
	.nav li.sfhover ul ul ul, 
	.nav li.sfhover ul ul ul ul {
		left: -999em;
		z-index:45;
	}
	.nav li:hover ul, 
	.nav li li:hover ul, 
	.nav li li li:hover ul,
	.nav li li li li:hover ul, 
	.nav li.sfhover ul, 
	.nav li li.sfhover ul, 
	.nav li li li.sfhover ul, 
	.nav li li li li.sfhover ul 
	{ 
		/* lists nested under hovered list items */
		left: auto;
		/*z-index:45;*/
	}
	*:first-child+html .nav { 
	height: 1%; 
	} 
	*:first-child+html .nav li { 
	height: 1%; 
	} 
	*+html .nav li:hover ul { 
		left : 0px; /* IE7 fix */ 
	}
	/*fix for new nav, means that h1 tag sits below the nav which is floating in order to display correctly in firefox*/
	h1	{clear:both;}
	/*css hack for ie7*/
	/*styles for hiding the menus*/
	*+html .nav li:hover ul ul, *+html .nav li:hover ul ul ul, *+html .nav li:hover ul ul ul ul
	{left: -999em;}
	/*css hack for ie7*/
	/*styles for showing the menus*/
	*+html .nav li:hover ul, *+html .nav li li:hover ul, *+html .nav li li li:hover ul,	*+html .nav li li li li:hover ul 
	{left : 0px; /* IE7 fix */ 	}
	.nav_right
	{
		position:static;
		w\idth: 185px;
		text-align:right;
		display:block;
		margin-top:-14px;
	}
/****form stuff****/
FORM {padding: 0px; margin:0px;}
#leftnav form {margin-right: 5px;margin-left: 5px;}
.int_form {margin: 0px;	padding:0px;}
.int_txtbox {
	color: #333333;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
font-family: Arial, Helvetica, sans-serif;}
ul {margin:0;	padding:0;	list-style-position: outside;}
/*****two columns used to split the main area******/
#leftcol {
	width: 370px;
	float:left;
	position: relative;
	padding: 4px;
	margin: 2px;
}
#rightcol {
	position: relative;
	float: right;
	padding: 4px;
	margin: 0px;
	width: 370px;
}
/*****Menu, middle of main page, also menu, top of clients logged area******/
.horizontalmenu{clear:both;}
.horizontaltext{font-size:12px; border-top:2px solid #000858;color:#fff;  float:left; width:120px; background-color:#3d5492; margin-right:2px; padding:3px; text-align:center;}
.horizontaltext a:link{font-size:12px; color:#fff; text-decoration: none;}
.horizontaltext a:hover{font-size:12px; color:#fff;text-decoration: none;}
.horizontaltext a:visited{font-size:12px; color:#fff;text-decoration: none;}

/*******table colors for clients adverts********/
.pending a:link {color:#532900;} .pending a:hover {color:#532900;} .pending a:visited {color:#532900;}
.pending {
color:#532900;
	background-color:#f9e3ba;
	border: 1px solid #F3C876;
}
.live a:link {color:#22270C;} .live a:hover {color:#22270C;} .live a:visited {color:#22270C;}
.live {
color:#2F3511;
	background-color:#eff4db;
	border: 1px solid #CEDE8F;
}
.exauto{
	background-color:#CCCCCC;
	border: 1px solid #6F6F6F;
}
.exmanual{
	background-color:#999999;
	border: 1px solid #333333;
}
.unpaid a:link {color:#640000;} .unpaid a:hover {color:#640000;} .unpaid a:visited {color:#640000;}

.unpaid{
	background-color:#F8E0E0;
	border: 1px solid #E18A91;
	color: #3E2020;
}
			
/*join button in nav and add button across top of main page*/
.joinemail {
	background-color:#3D5492;
	font-weight: bold;
	text-align: center;
	font-size:18px;
	padding: 2px;
	border: 1px dotted #fff;
	color: #fff;
	margin:3px;
}
.joinemail a:link{	color: #fff; text-decoration: none;}
.joinemail a:hover{	color: #fff;text-decoration: none;}
.joinemail a:visited{	color: #fff;text-decoration: none;}
/******default links******************/
a:link {color: #000000; text-decoration: none; font-weight: bold;}
a:visited {color: #000000; text-decoration: none; font-weight: bold;}
a:hover {color: #000000; text-decoration: none; font-weight: bold;}
/****style for page about sujobshop.com ****/
.sujobshop {color:#336493; font-size:13px; padding:3px;}


/* -------------- some other stuff (what's it  for?) ---------------- */
#date{
	padding-top: 5px;
	position: absolute;
	right: 5px;
	text-align: right;
	z-index: 2;
	font-size: 11px;
	left: 545px;
	width: 210px;
}
#leftcol2 {
	width: 410px;
	float:left;
	position: relative;
	padding: 0px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
}
.warning {
	border: 2px solid #BF0000;
	font-weight: normal;
	color: #333333;
	background-color: #F5EFF3;
	padding: 4px;
	font-size: 11px;
}
.imagefloatright {	float:right;	border:0px;	margin:0px;	padding: 0px;}
.imagefloatleft {
	float:left;
	border:0px none;
	margin:0px 0px 0px 0px;
	padding: 0px;
}
int.select {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: 20px;
	width: 150px;
	vertical-align: bottom;
}
.nonjava {text-align:center;}
/*------------------Next/Previous Buttons--------------------*/

#next{
position:absolute;
right:10px;
display:block;
width: 120px;
background-color: #000858;
color: #FFF;
padding: 5px 5px 5px 0px;
}

#next a:link{
color:#FFF
}

#next a:visited{ 
color:#FFF
}

#next a:hover{ 
color:#FFF; 
text-decoration:underline; 
}

#previous{
position:absolute;
left:5px;
display:block;
width: 130px;
background-color: #000858;
color: #FFF;
padding: 5px 5px 5px 12px;
}

#previous a:link{
color:#FFF
}

#previous a:visited{ 
color:#FFF
}

#previous a:hover{ 
color:#FFF; 
text-decoration:underline; 
}