/* CSS Document */

* {
	margin:0; padding:0;
}

body{background:#FFFFFF url(gfx/footer_bg.gif) bottom repeat-x;}

h1 {padding:0 0 0 4px; font-family:tahoma, verdana, sans-serif; font-size:16px; line-height:20px;}

hr {size:1px; color:#e0e0e0;}

a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul .none { list-style:none;}
ul {margin-left:26px; padding:8px 0 0 0; line-height:20px;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:tahoma, verdana; 
		font-size:12px;
		line-height:17px;
		color:#868686;		
	}

input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:12px; color:#444444;}

a {color:#3d6f92; font-size:12px;}

/*main layout */
.h_logo{ height:165px; width:100%;}
.h_logo2{ height:180px; width:100%;}
.h_logo-new{ height:165px; width:100%;}

#header_tall {background:url(gfx/header_tall.gif) top repeat-x;}
#header_btm {background:url(gfx/header_tall.gif) bottom repeat-x;}

#main { margin:0 auto;}

#header .left {padding:4px 0 6px 0; text-align:left;}
#header .left-new {padding:4px 0 6px 0; text-align:left;}
#header .center-top {padding:26px 100px 4px 100px; text-align:center;}
#header .center-top a {color:#000000; font-family:tahoma; font-size:12px; padding:0 10px 2px 10px;}
#header .center {padding:4px 100px 6px 100px; text-align:center}
#header .right {padding:26px 11px 0 0; width:200px;}
#header .right a {color:#868686; font-family:tahoma; font-size:12px; padding:0 10px 2px 10px;}

#header2 .left {padding:4px 0 6px 0; text-align:left;}
#header2 .left-new {padding:4px 0 6px 0; text-align:left;}
#header2 .center-top {padding:26px 100px 4px 100px; text-align:center;}
#header2 .center-top a {color:#000000; font-family:tahoma; font-size:12px; padding:0 10px 2px 10px;}
#header2 .center {padding:4px 100px 6px 100px; text-align:center;}
#header2 .right {padding:26px 11px 0 0; text-align:right; width:200px;}
#header2 .right a {color:#868686; font-family:tahoma; font-size:12px; padding:0 10px 2px 10px;}

#menu {background:url(gfx/menu_tall.gif) top repeat-x; height:53px;}
#menu .rightbg {background:url(gfx/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(gfx/menu_left.gif) top left no-repeat; width:100%; height:53px;}
#menu .padding {padding:10px 0 12px 0;}
#menu ul {list-style:none; padding:0; margin:0;}
#menu li {float:left; width:123px; background:url(gfx/menu_libgra.gif) top right repeat-y; height:36px; font-size:14px; text-align:center; display:block; padding:0;}
#menu li a {color:#666; text-decoration:none; font-weight:normal; font-size:14px; display:block; padding:8px 0 3px 0;}
#menu li span{display:block; padding:8px 0 3px 0;}
#menu li a:hover {color:#36C; text-decoration:underline;}
#menu li span {color:#389a1b; text-decoration:underline;}
#menu .last {background:none;}

#header .content {background:url(gfx/oes-header_bg.gif) top left no-repeat; padding:40px 40px 22px 286px; color:#ffffff; font-family:tahoma; line-height:20px;}
#header .content .text {padding:2px 0 6px 2px; letter-spacing:2px;}
#header .content .cols {padding:0 0 10px 10px;}
#header .content .col1 {padding:0 0 10px 0; width:56%; font-size:14px;}
#header .content .ind_col {width:4px; height:60px;}
#header .content .col2 {padding:0 8px 0 0; text-align:center; font-family:tahoma; color:#000000;}
#header .content .col2 .js {background:url(gfx/jobseekers-button2.png) top center no-repeat; width:132px; height:34px; padding:8px 0 0 0;}
#header .content .col2 .emp {background:url(gfx/employers-button2.png) top center no-repeat; width:132px; height:34px; padding:8px 0 0 0;}
#header .content .col2 a {font-family:tahoma; vertical-align:text-bottom; font-size:14px; color:#000000; display:block;}
#header .content a {color:#000000; text-decoration:none; font-weight:normal;}
#header .content a:hover {color:#000000; text-decoration:underline;}


#middle { width:100%;}


#footer .indent {padding:23px 17px 0 17px; color:#868686; font-size:10px;}
#footer a {color:#444444; font-weight:bold; font-size:10px;}


.border {background:url(gfx/border_tall.gif) top repeat-x;}
.border .btall {background:url(gfx/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(gfx/border_tall.gif) left repeat-y;}
.border .rtall {background:url(gfx/border_tall.gif) right repeat-y;}
.border .tleft {background:url(gfx/border_tl.gif) top left no-repeat;}
.border .tright {background:url(gfx/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(gfx/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(gfx/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}


.h_text {padding-bottom:2px; background:url(gfx/h_text_bg.gif) bottom repeat-x;}

.more {text-align:left;}
.more a{color:#36C; font-weight:bold;}

.date {background:url(gfx/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

li { color:#3d6f92;}
li a {color:#3d6f92; font-size:11px;}

.bot_line {background:url(gfx/h_text_bg.gif) bottom repeat-x;}
.top_line {background:url(gfx/h_text_bg.gif) top repeat-x;}
.b_text {color:#3d6f92; font-size:14px;}

.header_container {width: 738px; height: 191px; margin:0 0 0 0; padding:0px; border: 0px;}
#header-cover { position:relative; left:0px; top:104px; padding:0 0 -35px 0; margin:0 0 -35px 0; z-index:5;}

.carousel_container {width: 670px; height: 140px; margin:0 0 0 0; padding:0 4px 0 4px; border: 0px;}
#carousel-cover { position:relative; left:0px; top:104px; padding:0 0 -35px 0; margin:0 0 -35px 0; z-index:5;}

/* home */

#home #middle .indent {padding:20px 0 10px 0;}
#home #middle .column1 .padding1 {padding:0 20px 0 20px;}
#home #middle .column1 .padding1 .content{padding:20px 0 20px 0;}
#home #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}

#home #middle .column1 .padding2 {padding:10px 20px 0 20px;}
#home #middle .column1 .padding2 .content{padding:10px 0 10px 0;}
#home #middle .column1 .padding2 .p1 {padding:1px 0 0 0;}

/* about */

#about #middle .indent {padding:0 0 10px 0;}
#about #middle .column1 .padding1 {padding:0 20px 0 20px;}
#about #middle .column1 .padding1 .content{padding:20px 0 30px 0;}
#about #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}

#about #middle .column1 .padding2 {padding:10px 20px 0 20px;}
#about #middle .column1 .padding2 .content{padding:10px 0 10px 0;}
#about #middle .column1 .padding2 .p1 {padding:1px 0 0 0;}

/* job-seekers, (about/employers/register/contact-us) */

#job-seekers #middle .indent {padding:0 0 20px 0;}
#job-seekers #middle .column1 .padding1 {padding:0 20px 0 20px;}
#job-seekers #middle .column1 .padding1 .content{padding:20px 0 30px 0;}
#job-seekers #middle .column1 .padding1 .p1 {padding:1px 0 10px 0;}
#job-seekers #middle .column1 .padding1 .p2 {padding:20px 0 0 0;}
#job-seekers #middle .column1 .padding1 .p3 {padding:10px 0 0 0;}
#job-seekers #middle .column1 .padding1 .more {padding:0 6px 0 0;}
#job-seekers #middle .column1 .padding1 .padding2 {padding:30px 0 0 0;}
#job-seekers #middle .column1 .padding1 .padding2 .content{padding:30px 0 10px 0;}

#job-seekers #middle .column1 .padding2 {padding:16px 20px 0 16px;}
#job-seekers #middle .column1 .padding2 .content{padding:14px 0 27px 1px;}
#job-seekers #middle .column1 .padding2 .p1 {padding:1px 0 0 0;}
#job-seekers #middle .column1 .padding2 .more {padding:0 6px 0 0;}

#job-seekers #middle .cols {padding:14px 0 0 0;}

#job-seekers #middle .column2 .padding{padding:20px 13px 0 15px;}
#job-seekers #middle .column2 ul li {font-weight:bold;}
#job-seekers #middle .column2 .p1 {padding:1px 0 8px 0;}
#job-seekers #middle .column2 .p2 {padding:12px 0 17px 0;}
#job-seekers #middle .column2 .p3 {padding:17px 0 17px 0;}

#job-seekers #middle .column3 .padding2 {padding:10px 20px 0 20px;}
#job-seekers #middle .column3 .padding2 .content{padding:20px 0 10px 0;}
#job-seekers #middle .column3 .padding2 .p1 {padding:1px 0 0 0;}

#job-seekers .carousel_container {width: 444px; height: 140px; margin:0 0 0 0; padding:0 0 0 0; border: 0px;}
#job-seekers #carousel-cover { position:relative; left:0px; top:104px; padding:0 0 -35px 0; margin:0 0 -35px 0; z-index:5;}

/* register */

#register #middle .indent {padding:0 0 10px 0;}
#register #middle .column1 .padding1 {padding:0 10px 0 20px;}
#register #middle .column1 .padding1 .content{padding:20px 0 30px 0;}
#register #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#register #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#register #middle .column1 .padding2 {padding:16px 20px 0 16px;}
#register #middle .column1 .padding2 .content{padding:14px 0 27px 1px;}
#register #middle .column1 .padding2 .p1 {padding:1px 0 0 0;}
#register #middle .column1 .padding2 .more {padding:0 6px 0 0;}

#register #middle .cols {padding:14px 0 0 0;}

#register #middle .column2 .padding{padding:20px 13px 0 15px;}
#register #middle .column2 ul li {font-weight:bold;}
#register #middle .column2 .p1 {padding:1px 0 8px 0;}
#register #middle .column2 .p2 {padding:12px 0 17px 0;}
#register #middle .column2 .p3 {padding:17px 0 17px 0;}

#register #middle .column3 .padding2 {padding:10px 20px 0 20px;}
#register #middle .column3 .padding2 .content{padding:20px 0 10px 0;}
#register #middle .column3 .padding2 .p1 {padding:1px 0 0 0;}

/* bios */

#bios li .ans { color:#868686;}
#bios li .qu { color:#3d6f92; font-size:12px; font-style:normal; font-weight:normal;}

#bios #middle .indent {padding:0 0 20px 0;}
#bios #middle .column1 .padding1 {padding:0 20px 0 20px;}
#bios #middle .column1 .padding1 .content{padding:20px 0 30px 0;}
#bios #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#bios #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#bios #middle .column1 .padding2 {padding:16px 20px 0 16px;}
#bios #middle .column1 .padding2 .content{padding:14px 0 27px 1px;}
#bios #middle .column1 .padding2 .p1 {padding:1px 0 0 0;}
#bios #middle .column1 .padding2 .more {padding:0 6px 0 0;}

#bios #middle .cols {padding:14px 0 0 0;}

#bios #middle .column2 .padding{padding:20px 13px 0 15px;}
#bios #middle .column2 ul li {line-height:14px; padding:0 0 8px 0;}
#bios #middle .column2 .p1 {padding:1px 0 8px 0;}
#bios #middle .column2 .p2 {padding:12px 0 17px 0;}
#bios #middle .column2 .p3 {padding:17px 0 17px 0;}

#bios #middle .column3 .padding2 {padding:10px 20px 0 20px;}
#bios #middle .column3 .padding2 .content{padding:20px 0 10px 0;}
#bios #middle .column3 .padding2 .p1 {padding:1px 0 0 0;}
