@import url("css-reset.css");
@import url("job-listing.css");
@import url("form.css");

/*---------- Global ----------*/
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background:#2a4692 url('../images/body-grad.png') repeat-x fixed top left;
    color:#000099;
    line-height:1.5;
}

a {
    color:#2a4692;
    text-decoration:none;
    border-bottom:1px dotted #666;
}

a:hover {color:#000;}

#outer {
    width:779px;
    background:url('../images/fixed-1.png') 0 0 repeat-y;
    margin:0 auto;
}

#wrapper {
    width:751px;
    margin:0 auto;
}

#header {
    margin-bottom:3px;
    padding-top:10px;
}

#menu {
    background: url('../images/a43-hover.gif') repeat-x top;
    height:27px;
    width:100%;
}

#sfleft {
    width:135px;
    float:left;
}

#sfmid {
    width:471px;
    float:left;
    margin:0 5px;
    overflow:hidden;
}

#sfrt {
    width:135px;
    float:left;
   /* margin:0 0 0 2px;*/
    display:inline;
}

#sfi img.sep {
    margin-bottom:3px;
}

#tag-line {
    height:25px;
    background:#1c7b84 url('../images/lines.jpg');
    line-height:25px;
}

#tag-line .tag {
    text-align:center;
    color:#e5e5e5;
    font-size:12px;
    letter-spacing:3px;
    font-family:Helvetica, sans-serif;
    font-weight:bold;
}

#tag-line .tag2 {
    text-align:left;
    color:#e5e5e5;
    font-size:12px;
    letter-spacing:3px;
    font-family:Helvetica, sans-serif;
    font-weight:bold;
    padding-left:15px;
}

#content {
    padding:15px 10px 5px 10px;
    background:/*#5d7ac9 #4e64a2 url('../images/text_bg.png') repeat-x*/#ccc;
}

#content p {
    margin:0 0 10px 0;
    padding:0;
    color:#000;
}

#content .img-container {
    width:150px;
    margin:0 10px 0 0;
    float:left;
}

#content .text-container {
    float:left;
    width:529px;
    display:inline;
    text-align:justify;
}

#content h2 {
    font-size:110%;
    padding:0 5px;
    background:#4e64a1;
    line-height: 1.5;
    color:#ddd;
    font-weight:bold;
    letter-spacing:1px;
    border:1px solid;
    border-color:#999 #333 #333 #999;
    margin-bottom:15px;
    clear:both;
    text-align:center;
}

.img-container {
    width:150px;
    height:180px;
}

#transition {
    height:25px;
    background: url('../images/lines.jpg') center center;
}

#footer {
    text-align:center;
    padding:20px 0 10px 0;
    background:/*#9db4dd #6e7fb0*/#95a1c2;
}

#footer .first {margin-right:70px;}

#footer p {clear:both;}

#footer #names {
    background:#ccc;
    border-top:none;
    margin:0 auto 10px;
    color:#333;
    width:623px;
    padding: 0 0 10px 0;
}

#footer #names h3 {
    background: #ccc url('../images/a43.gif') repeat-x bottom;
    line-height:26px;
    color:#333;
    font-weight:bold;
    letter-spacing:2px;
}

#footer .copy {font-size:75%; color:#333; margin-top:10px;}

.clear {
    height:1px;
    clear:both;
}

/*---------- menu ----------*/
ul#nav, ul#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#nav  li {
    position: relative;
    float: left;
    border-right:1px solid #ccc;
    z-index:10;
}

ul#nav  li.last {
    border-right:none;
    padding-left:5px;
}
	
#nav li ul {
    position: absolute;
    margin-left: -999em;
    top: auto;
    left:0;
    border:1px solid #fff;
    z-index:10;
}

ul#nav  li a {
    display: block;
    text-decoration: none;
    color: #333;
    background: url('../images/a43-hover.gif') repeat-x top; /* IE6 Bug */
    padding: 0 20px;
    border-bottom: none;
    min-height:0;
    line-height:27px;
    font-size:14px;
    font-weight:bold;
}
/* commented backslash mac hiding hack \*/ 
* html ul#nav  li a {height:1%;	position:relative;}
/* end hack */ 

/* this sets all hovered lists same */
#nav li:hover a,#nav  li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover {
    color: #892348;
    /*background: url('../images/a43.gif') repeat-x bottom;*/
}

/* set dropdown to default */
#nav li ul li {
    width:150px;
    border-bottom:1px solid #000;
}

#nav li ul li.bnon {border-bottom:none;}

#nav li:hover li a,#nav li.over li a {
    color: #333;
    /*background:url('../images/a43-hover.gif') repeat-x top;*/
}

#nav li ul li a {
    padding: 2px 5px;
    font-size:12px;
}

#nav li:hover ul,#nav li.over ul {margin-left:0; } /* show menu*/

#home ul#nav .home, #employers ul#nav .employers, #candidates ul#nav .candidates,
#openings ul#nav .openings, #contact ul#nav .contact, #news ul#nav .news {
    /*background: url('../images/a43.gif') repeat-x bottom;*/
    color:#892348;
}

/*----- bottom menu -----*/
.columns {
    padding: 0 0 5px;
    width:480px;
    margin:0 auto 10px;
    text-align:left;
    background:#ccc;
}

.columns ul { /*border-top: 2px solid #999;*/}

.columns li {
    list-style: none;
    color:#333;
}

.columns li a {
    display: inline;
    line-height:20px;
    padding:0 3px 0 5px;
    width: 120px;
}

.columns a {
    color: #333;
    border:none;
}

.columns a:hover {
    color: #892348;
    border-bottom:1px dotted #333;
}

.columns h3 {
    color: #333;
    font-weight:bold;
    letter-spacing:1px;
    background:url('../images/a43.gif') repeat-x bottom;
    line-height:28px;
    padding-left:5px;
}

.col3,.col3last {float: left; width: 160px;}

/*----- pages -----*/
.title-main {
    float: left;
    border-bottom: 1px solid /*#163c7b#ddd#d5a22f*/#7686b4;
    width: 100%;
    height: 1.2em;
    margin-bottom:15px;
}

.title-main span {
    float: left;
    position: relative;
    margin: 2px 0 -.3em;
    padding:0 5px;
    background:#4e64a1;
    line-height: 1.5;
    font-size:1.3em;
    margin-left:20px;
    color:/*#163c7b*/#ddd;
    font-weight:bold;
    font-style:italic;
    /*letter-spacing:1px;*/
    border:1px solid;
    border-color:#999 #333 #333 #999;
}

.text-indent {text-indent:15px;}

.text-indent:first-letter {
	font-size:18px;
    font-style:italic;
    letter-spacing:1px;
    color:#163c7b;
}

.text-center {text-align:center;}

.text-center span {
	font-weight:bold;
    color:#2a4692;
}

#content .text-container p em {
    font-weight:bold;
    font-style:italic;
}

#content .text-container .quote {
	font-style:italic;
    font-size:75%;
    background:#ddd;
    padding:1px 3px;
    letter-spacing:0.1em;
}

ul.tips {
    color:#000;
    margin-bottom:15px;
}

ul.tips li {margin:0 0 10px 35px;}

ul.normal li{
    list-style:disc;
    list-style-position:outside;
}

ul.question li{
    list-style-image: url('../images/questionmark.png');
    list-style-position:outside;
}

ul.ban li{
    list-style-image:url('../images/ban.png');
    list-style-position:outside;
}

ul.do li{
    list-style-image: url('../images/check.png');
    list-style-position:outside;
}

p span{
    padding:0 0 0 15px;
    font-weight:bold;
    text-decoration:underline;
}

address {
    color:#333;
    font-style:italic;
    margin-bottom:10px;
}