@charset "utf-8";
/* CSS Document */
body{
margin:0px;
background-color:#f8faf1;
}
#container { 
	width: 100%;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-image:url(../images/layout_2_02.gif);
	background-repeat:repeat-x;
	margin:0px;
	height: 296px; /* this overrides the text-align: center on the body element. */
}

#topspace{
width: 703px;
margin:0px auto;
height: 76px;
}

#menu { 
	width: 703px;
	margin: 0px auto;
	height: 50px;
	}
	
#logo{
float:left;
width: 247px;
}

#story{
float:left;
width:71px;
}

#jc{
float:left;
width: 105px;
}

#hourly{
float:left;
width:88px;
}

#int{
float:left;
width: 192px;
}

#banner { 
	width: 703px;
	margin: 0px auto;
	height: 170px;
	}
	
#content { 
	width: 703px;
	margin: 0px auto;
	background-image:url(../images/layout_2_19.gif);
	background-repeat:repeat-y;
	}
	
#end { 
	width: 703px;
	margin: 0px auto;
	height: 23px;
	}
	
#footer { 
	width: 703px;
	margin: 0px auto;
	height: 38px;
	}
	
#leftend{
float:left;
width: 21px;
}

#endline{
float:left;
background-image:url(../images/layout_2_16.gif);
background-repeat:no-repeat;
height: 23px;
width: 474px;
}

#email{
float:left;
height: 23px;
width: 188px;
}

#rightend{
float:right;
width:20px;
}

#contenttopspace{
width: 703px;
margin:0px auto;
height: 24px;
}

#left{
float:left;
width: 211px;
}

/*content space in different heights*/
#contentcontainer{
margin-left: 21px;
margin-top: 0px auto;
width: 647px;
height:349px;
}

#contenthi{
margin-left: 21px;
margin-top: 0px auto;
width: 647px;
height:630px;
}

#contentcontaineros{
margin-left: 21px;
margin-top: 0px auto;
width: 647px;
height:1070px;
}
#contentcontainermgmt{
margin-left: 21px;
margin-top: 0px auto;
width: 647px;
height:460px;
}
#contentcontainerpro{
margin-left: 21px;
margin-top: 0px auto;
width: 647px;
height:390px;
}

#procontent{
margin-top: 0px auto;
width: 703px;
height:465px;
}

#contentcontainerjc{
margin-left: 21px;
margin-top: 0px auto;
width: 647px;
height:730px;
}
/*xxx*/

#right{
float:right;
width: 393px;
text-align:justify;
}


#proleft{
width: 211px;
margin-left:21px;
}

#proright{
	position:absolute;
	float:right;
	width:415px;
	margin-left:274px;
	top:320px;
	text-align:justify;
}

.text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#1e1918;
text-align:justify;
line-height:20px;
font-weight:normal;
}

.italics{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
color:#1e1918;
text-align:justify;
line-height:20px;
font-weight:normal;
}

.bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#1e1918;
line-height:20px;
font-weight:bold;
}

a.link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:20px;
text-decoration:none;
}

a.link:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:20px;
text-decoration:underline;
}

.footer{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#1e1918;
}

.contact{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#f8faf1;
}

.h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#639b0b;
font-weight:bold;
}

a.submenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#d44708;
line-height:20px;
text-decoration:none;
}

a.submenu:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#d44708;
line-height:20px;
text-decoration:underline;
}

/*used for hourly sourcing page. delete once you have content*/
.textcenter{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#1e1918;
text-align:center;
line-height:20px;
font-weight:normal;
}

/*END*/

.arrow{
background-image:url(../images/arr.gif);
background-repeat:no-repeat;
background-position:0px 8px;
}