/****************************************/
/*               v.2.7                  */
/****************************************/
/*########################################
               MAIN STYLE
########################################*/
/*
*/
/* Default Tags */
html { background:#cccccc; width: 100%; font:11px Arial, Times, 'Times New Roman'; color:#666666; text-align:left; }
body, img, form { border:none; margin: 0; padding: 0; }
p { margin: 5px 0 5px 0; padding: 5px 0 5px 0; }
ul {margin: 5px 0 5px 0; padding: 5px 0 5px 0; }
li {margin: 5px 0 5px 0; padding: 5px 0 5px 0; }


/* Default Titles */
h1, h2, h3, h4 { margin-top:0; color:#0fb1ce; }
h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:13px; }


/* Default Links */
a { color:#0fb1ce; text-decoration:underline; font-weight:bold; }
a:hover { text-decoration:none; }
a:visited { color:#612f6d; }


/* Special Colored */
.light{ color:#0fb1ce; font-weight:bold; }


/* Clear */
.clear { clear:both; overflow:hidden; height:0px; }


ul.main{
padding: 2px 0 8px 15px;

}

ol.main{
padding: 2px 0 8px 20px;

}



/*########################################
                HEADER
########################################*/
#header-container { height:78px;  }
#header { height:78px; width:960px; margin:0 auto; background:#ffffff; }
#header .logo { position:relative; top:16px; left:11px; float:left; }


/*########################################
                 NAV
########################################*/
#nav-container { position:absolute; margin:78px 0 0 0; width:100%; }
#nav { background: url("../images/nav.jpg") repeat-x; height:38px; text-align:center; font-size:13px; font-weight:bold; line-height:38px; width:960px; margin:0 auto; }
#nav img { border:none; float:left; }
#nav a { text-decoration:none; color:#808080; margin:0 32px 0 31px; float:left; }
#nav a:hover { color:#0fb1ce; }
#nav li { display:inline; padding:0px; margin:0; border:none; }
#nav ul { padding:0; border:none; width:960px; margin:0 auto; }


/*########################################
                 BANNER
########################################*/
#banner-container { position:absolute; margin:38px 0 0 0; width:100%; }
#banner { margin:0 auto; width:960px;  }
#job-selector { background: url("../images/job-selector.jpg") no-repeat; height:34px; width:180px; text-align:center; position:absolute; margin:0 0 0 765px; }
#job-selector select { margin:7px 0 0 0; width:160px; }


/*########################################
                MAIN LAYOUT
########################################*/
#body-container { position:absolute; margin:265px auto 0 auto; width:100%; }
#body { width:960px; margin:0 auto; background:#ffffff; padding-top:15px; }
/**/
#center { width:530px; line-height:19px; float:right; position:relative; text-align:justify; }
#center .coll { width:47%; float:left; }
#center .colr { width:47%; float:right; }
/**/
#left { float:left; margin-left:15px; width:184px; position:relative; left:-1px; }
/**/
#right { float:right; margin-right:15px; width:184px; position:relative; left:1px; }
/**/
#center-and-left { float:left; width:743px; }


/*########################################
                 BOXES
########################################*/
.box { background: url("../images/box.jpg") repeat-y;  width:184px; font-size:11px; margin-bottom:10px; }
.box h3 { background: url("../images/box-title.jpg") no-repeat; height:27px; width:154px; display:block; padding:8px 0 0 30px; color:#fffffe; margin:0; }
.box .top { background: url("../images/box-top.jpg") no-repeat; height:12px; }
.box .bottom { background: url("../images/box-bottom.jpg") no-repeat; height:12px; }
.box .content { background:#f5f5f5; margin:2px 10px 2px 10px; padding:10px;  min-height:450px; height:auto !important; height:450px;}
.box ul { margin:0 10px 0 30px; padding:0; }
.box ul li { list-style-type:none; list-style-image: url('../images/box-li.jpg'); margin:0; padding-bottom:2px; }
.box ol { margin:0 10px 0 30px; padding:0; }
.box ol li { color:#0fb1ce; font-weight:bold; margin:0; padding-bottom:2px; }
.box a { text-decoration:none; color:#666666; }
.box a:hover { text-decoration:underline; }
.box .light{ color:#0fb1ce; font-weight:bold; }


/*########################################
               FOOTER
########################################*/
#footer-container {  height:53px;  }
#footer { background:#ffffff url("../images/footer.jpg") repeat-x; height:53px; width:960px; margin:0 auto; line-height:53px; font-size:11px; padding-bottom:15px; }
#footer .left { float:left; width:45%; margin-left:18px; }
#footer .left a { text-decoration:none; color:#0fb1ce; }
#footer .left a:hover { text-decoration:underline; }
#footer .right { float:right; width:45%; text-align:right;  margin-right:18px; }