@import url("reset-min.css");
@import url("layout.css");
/*
font size px - %
10 77
11 85
12 93 (was 92)
13 100
14 108 (was 107)
15 116 (was 114)
16 123.1 (was 122)
17 131 (was 129)
18 138.5 (was 136)
19 146.5 (was 144)
20 153.9 (was 152)
21 161.6 (was 159)
22 167
23 174
24 182
25 189
26 197
*/
body 
	{
		background-image: url(../graphics/tilebg.gif);		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
	}

td
    {
        padding:6px
    }



#container
	{	
		text-align:left;		
		background:url(../graphics/border/top.gif) top no-repeat;
		font-size:85%;		
	}

#header
	{
		background:#fff;	
	}

#login-bar 
	{
		background:url(../graphics/inner-nav/top-bar.gif) no-repeat;		
		color:#FFFFFF;			
	}

/*Forms*/

#login-bar input
	{
		width:76px;
		height:14px;
		border: 1px solid #7f9db9;
		color:#3f7fbf;
		padding:1px 0 0 3px;
		margin:0 0 0 6px;
		display:block;
		float:left;
		font-size:75%	
	}

#login-bar input.submit
	{
		width:9px;
		height:15px;
		border: none;
		padding:1px 0 0 5px;
		margin:0;
	}

li { list-style:disc}
ul{margin: 5px 0 5px 15px}
p{padding:0 0 10px}



/*end forms*/

#main-body
	{
		background:#fff;		
	}
	
#main-body #col-one
	{
		background:url(../graphics/inner-nav/tilebg.gif) repeat-x ;
	}

#main-body #col-one ul 
	{ 
		margin:0 0 22px;
	}

#col-one ul li
	{ 
			border-bottom:dotted #405c78 1px;
			list-style:none;
	}
	


#col-one ul li.first
	{
		border-top:dotted #405c78 1px;
	}

div.content-box
	{
		background:url(../graphics/bg/light-blue.gif) repeat-x;
		padding:1px;
	}

#col-one div.content-box
	{
		margin:8px 0 0 0;
	}

#col-one .box-body ul li a, #col-one .box-body ul li a:link, #col-one .box-body ul li a:visited,
#col-one .box-body ul li a:hover, #col-one .box-body ul li a:active
	{
		background-position: 100px 1000px
	}

div.content-box h2
	{
		background:#fff;
		font-size:108%;
		color:#3f7fbf;
		padding:7px 4px 6px 7px		
	}

#col-one div.content-box h2
	{
		padding:7px 4px 6px 12px		
	}

#content
	{
		padding:8px;	
	}

div.homesearch, div.homejobs
	{
		width:220px;
		float:left	
	}

div.homejobs
	{
		float:right
	}

div.homesearch div.box-body, div.homejobs div.box-body 
	{
		padding:7px
	}

div.homesearch label
	{
		width:60px;
		display:block;
		float:left;
		margin:0 0 3px 0;
	}

div.homesearch input, div.homesearch select
	{
		display:block;
		float:left;
		width:146px;
		border:solid #7f9db9 1px;
		margin:0 0 8px 0;			
	}

div.homesearch input
	{
		width:144px;
	}

div.homesearch input.submit
	{
		width:9px;
		height:15px;
		border:none;
		float:right
	}


div.homesearch input.salary
	{
		width:35px;
		margin:0 2px 0 0 
	}

div.homesearch select.salary
	{
		width:68px;
	}

div.homejobs p
	{
		margin:0 0 22px 0;
	}

div.homesearch input.search
	{
		width:62px;
		height:15px;
		border:none;
		float:right
	}


p.intro-text, div.job-alert
	{
		width:250px;
		border:1px solid #c4d0de;
		height:147px;
		background:url(../graphics/bg/home-main.jpg) no-repeat bottom;
		display:block;
		clear:both;	
		padding:12px 184px 12px 12px;	
	}

div.job-alert
	{
		margin:10px 0 0 0;
		width:347px;
		height:66px;
		background:url(../graphics/bg/home-job-alert.jpg) no-repeat bottom;
		padding:10px 14px 7px 85px;		
	}
	
div.job-alert p {padding:0px}

div.job-alert a
	{
		display:block;
		float:right
	}

#col-two div.content-box
	{
		background:#a3c2e0;
		margin:6px 0 0 0;	
	}

#col-two div.content-box a
	{
		display:block;
		margin:3px;			        
	}

#col-two div.box-body img
	{
		width:120px
	}


#footer
	{
		background: url(../graphics/border/footer.gif) no-repeat bottom;
		padding: 0 0 6px 0;
	}
#footer *
	{
		background:#fff;
	}	
	
#footer div.footer-content a.ad
	{
		margin:0px 0 0 175px			
	}

#footer div.footer-content 
	{
		padding:5px
	}

#footer .footer-banner
    {
        margin:0 0 0 183px
    }


div.hr 
	{
		border-top:dotted #405c78 1px;				
		margin:11px 0;
	}

div.hr hr 
	{
		display:none;
	}


	
/*TYPOGRAPHY*/

h1
	{
		font-size:138.5%;
		color:#3f7fbf;
		padding:0 0 10px 0;	
	}

a, a:link, a:visited 
	{
		text-decoration:underline;
		color:#9c2329
	}

a:hover, a:active 
	{
		
	}

input, select, textarea
    {
        color:#3f7fbf;
    }

ol li { list-style-type:decimal;
    margin:10px 30px}

div.job-alert h1
	{
		padding:0 0 4px 0;	
	}


select
	{
		font-size:100%;
		#font-size:85%;
		_font-size:85%;
	}

h3 a:link, h3 a:visited 
	{
		color:#3f7fbf;
		text-decoration:underline		
	}

h3 a:hover
	{
		color:#9c2329;
	}

div.homejobs em
	{
		color:#3f7fbf;
	}


#col-one ul li a
	{
		display:block;
		padding:4px 4px 4px 12px;
		background:url(../graphics/buttons/arrow-blue.gif) no-repeat right;		
		text-decoration:none;
	}
#col-one ul li a:link, #col-one ul li a:visited 
	{
		color:#000;
	}
#col-one ul li a:hover, #col-one ul li a:active 
	{
		color: #9c2329;
	}

h4
	{
		font-weight:bold;
		float:left	
	}

p.footer-nav
	{
		display:block;
		float:right;
		color:#3f7fbf
	}

#footer a, #footer a:link, #footer a:visited  
	{
		text-decoration:none;
		color:#3f7fbf
	}

#footer a:hover
	{
		text-decoration:none;
		color:#9c2329
	}


p.footer-text
	{
		clear:both;
		text-align:center;
		font-size:77%
	}

span.colour1
	{
		color:#3f7fbf
	}

#col-two div.box-body fieldset
    {
        padding:6px
    }

#col-two div.box-body fieldset select
    {
        display:block;
        float:left;
        margin:0 0 4px 0;
        padding:6px;
        width:116px
    }

#col-two div.box-body fieldset input
    {
        display:block;
        float:right;
    }

#col-two div.box-body fieldset a
    {
        display:block;
        clear:both;
        color:#000       
    }
    
blockquote
    {padding:0 0 0 15px}
    

/* Vertical scroller style */
#hider {
    overflow: hidden;
    margin: 0 auto;
    font-family: arial;
    height: 180px; 
    /*width:418px;*/
}
#container-ticker {margin: 0; }
.item {margin: 0; padding:2px 0 2px 0;}

strong {font-weight:bold}


/*END TYPOGRAPHY */