/* JP Jol Style Sheet Guide */
/* Designed + Developed by Spoon Creative */

/* GENERAL */

body {
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 100%;
	line-height: 13px;
	font-family: "Arial", Helvetica;
	font-size: 11px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #F3F2E7
}

/* Anchor Style */

a.linkmaroon {
	text-decoration: underline;
	color: #6B2233;
}

a:visited.linkmaroon {
	text-decoration: none;
	color: #6B2233;
}

a:hover.linkmaroon {
	text-decoration: none;
	color: #6B2233;
}	

a.linkpurple {
	text-decoration: none;
	font-family: "Arial", Helvetica;
	font-size: 13px;
	line-height: 12px;
	font-weight: bold;
	color: #4B2E66;
}

a:visited.linkpurple {
	text-decoration: none;
	font-family: "Arial", Helvetica;
	font-size: 13px;
	line-height: 12px;
	font-weight: bold;
	color: #4B2E66;
}

a:hover.linkpurple {
	text-decoration: none;
	font-family: "Arial", Helvetica;
	font-size: 13px;
	line-height: 12px;
	font-weight: bold;
	color: #999999;
}

a.linknormal {
	text-decoration: none;
	font-family: "Arial", Helvetica;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #000000;
}

a:visited.linknormal {
	text-decoration: none;
	font-family: "Arial", Helvetica;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #000000;
}

a:hover.linknormal {
	text-decoration: none;
	font-family: "Arial", Helvetica;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #999999;
}

a.footer {
	text-decoration: none;
	color: #333333;
}

a:visited.footer {
	text-decoration: none;
	color: #333333;
}

a:hover.footer {
	text-decoration: none;
	color: #999999;
}


/* POSITIONING LAYERS */


#main {
	position: relative;
	width: 900px;
	height: 675px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;	
}

#logo {
	position: absolute;
	top: 28px;
	right: 53px;
	width: 118px;
	height: 117px;
	float: right;
	clear: left;
	background-image: url(../images/img_logo.jpg);
	/* background-repeat: no-repeat; */
	z-index: 1;
}

#content_frame {
	position: absolute;
	width: 738px;
	height: 611px;
	top: 63px;
	left: 52px;
	right: 0px;
}

#sub_about {
	position: relative;
	width: 738px;
	height: 820px;
	border: #000000 solid 1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

#topmast {
	position: absolute;
	width: 738px;
	height: 675px;
	background-image: url(../images/bg_topbanner.jpg);
	background-repeat: repeat-x;
}

#main_flash {
	position: absolute;
	width: 640px;
	height: 435px;
	left: 13px;
	top: 16px;
	z-index: 0;
}

#banner_hl {
	position: absolute;
	width: 825px;
	height: 130px;
	left: 8px;
	top: 525px;
	z-index: 100;
}


#content2 {
	position: absolute;
	width: 760px;
	height: 662px;
	top: 120px;
	left: 0px;
	right: 0px;
	background-color: #3399FF;
}

#content_body {
	position: absolute;
	top: 290px;
	left: 85px;
	width: 378px;
}

#nav {
	position: absolute;
	top: 0px;
	left: 125px;
	width: 577px;
	height: 69px;
	text-align: left;
}

#navitem1 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 10px;
	text-align: left;
}

#navitem2 {
	position: absolute;
	top: 0px;
	left: 100px;
	height: 10px;
	text-align: left;
}

#navitem3 {
	position: absolute;
	top: 0px;
	left: 210px;
	height: 10px;
	text-align: left;
}

#navitem4 {
	position: absolute;
	left: 321px;
	height: 10px;
	text-align: left;
	top: 0;
}

#navitem5 {
	position: absolute;
	top: 0px;
	left: 440px;
	height: 10px;
	text-align: left;
}

#nav_ppl {
	position: absolute;
	top: 115px;
	left: 400px;
	width: 325px;
	height: 30px;
	text-align: left;
}

#nav_ppl1 {
	position: absolute;
	top: 0px;
	left: 160px;
	width: 110px;
	height: 29px;
	text-align: left;
}

#nav_ppl2 {
	position: absolute;
	top: 0px;
	left: 128px;
	width: 185px;
	height: 29px;
	text-align: left;
}


#footer {
	position: absolute;
	top: 552px;
	width: 760px;
	height: 15px;
	text-align: right;
	left: 0px;
}

/*
#nav_abt {
	position: absolute;
	top: 80px;
	left: 110px;
	width: 440px;
	height: 20px;
	text-align: left;
}

#abt_item1 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 10px;
	text-align: left;
}

#abt_item2 {
	position: absolute;
	top: 0px;
	left: 173px;
	height: 10px;
	text-align: left;
}

#abt_item3 {
	position: absolute;
	top: 0px;
	left: 355px;
	height: 10px;
	text-align: left;
}
*/



/* SUB PAGES POSITIONING LAYER */

#sub_hdr {
	position: absolute;
	width: 640px;
	height: 26px;
	left: 85px;
	top: 129px;
}

#sub_hdr_people {
	position: absolute;
	width: 640px;
	height: 20px;
	left: 85px;
	top: 128px;
}

#sub_hdr_people_sub {
	position: absolute;
	width: 640px;
	height: 20px;
	left: 85px;
	top: 146px;
}

#divider_purple {
	position: absolute;
	width: 640px;
	height: 16px;
	background-color: #34338B;
	left: 85px;
	top: 160px;
}

#divider_yellow {
	position: absolute;
	width: 640px;
	height: 16px;
	background-color: #FFCC00;
	left: 85px;
	top: 160px;
}

#banner_insert {
	position: absolute;
	width: 640px;
	height: 102px;
	left: 85px;
	top: 176px;
}

#banner_proj {
	position: absolute;
	width: 640px;
	height: 338px;
	left: 85px;
	top: 97px;
}

#sub_content_body {
	position: absolute;
	top: 290px;
	left: 85px;
	width: 378px;
}

#content_sub {
	position: absolute;
	width: 738px;
	top: 283px;
	left: 0px;
	background-image: url(../images/bg_subpages.jpg);
	background-repeat: repeat-x;
}

#sub_content_default {
	position: absolute;
	top: 200px;
	left: 85px;
	width: 585px;
}

#sub_content_wbanner {
	position: absolute;
	top: 295px;
	left: 85px;
	width: 585px;
}

#sub_content_short {
	position: absolute;
	top: 295px;
	left: 85px;
	width: 340px;
}

#sub_content_proj {
	position: absolute;
	top: 372px;
	left: 85px;
	width: 340px;
}

#sub_content_mission {
	position: absolute;
	top: 295px;
	left: 85px;
	width: 347px;
}

#table_proj {
	position: absolute;
	top: 381px;
	left: 51px;
	width: 640px;
}

#img_mission {
	position: absolute;
	width: 285px;
	height: 140px;
	background-image: url(../images/img_mission_ppl.jpg);
	background-repeat: no-repeat;
	left: 440px;
	top: 322px;
}

#img_proj {
	position: absolute;
	width: 367px;
	height: 191px;
	background-image: url(../images/img_serv_contract.jpg);
	background-repeat: no-repeat;
	left: 359px;
	top: 391px;
}

#sub_email {
	position: absolute;
	top: 142px;
	left: 0px;
	width: 130px;
	text-align: right;
}


/* TYPEFACE CLASSES */

.main_hdr_txt {
	font-family: "Arial", Helvetica;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #660033;
}

.main_hdr_txt_sm {
	font-family: "Arial", Helvetica;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
}

.main_subtxt_maroon {
	font-family: "Arial", Helvetica;
	font-size: 14px;
	line-height: 20px;
	font-weight: none;
	color: #660033;
}

.main_caption {
	font-family: "Arial", Helvetica;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #34338B;
}

.main_hl_title {
	font-family: "Arial", Helvetica;
	font-size: 13px;
	line-height: 13px;
	font-weight: none;
	color: #666666;
}

.main_hl_topic {
	font-family: "Arial", Helvetica;
	font-size: 10px;
	line-height: 11px;
	letter-spacing: -2px;
	font-weight: bold;
	color: #4B2E66;
}

.main_hl_text {
	font-family: "Arial", Helvetica;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #666666;
}

.sub_email_caps {
	font-family: "Arial", Helvetica;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	color: #4B2E66;
}

.sub_link_grey {
	font-family: "Arial", Helvetica;
	font-size: 16px;
	line-height: 12px;
	font-weight: bold;
	color: #666666;
}

.sub_link_purple {
	font-family: "Arial", Helvetica;
	font-size: 10px;
	line-height: 11px;
	letter-spacing: -2px;
	font-weight: bold;
	color: #4B2E66;
}

.sub_link_normal_purple {
	font-family: "Arial", Helvetica;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: -2px;
	font-weight: none;
	color: #4B2E66;
}

.sub_link_black {
	font-family: "Arial", Helvetica;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #000000;
}

.sub_hdr_txt_maroon {
	font-family: "Arial", Helvetica;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #660033;
	text-valign: center;
}

.sub_content_txt {
	font-family: "Arial", Helvetica;
	font-size: 12px;
	line-height: 20px;
	font-weight: none;
	color: #333333;
}

.sub_body_txt_grey {
	font-family: "Arial", Helvetica;
	font-size: 14px;
	line-height: 20px;
	font-weight: none;
	color: #666666;
}

.table_txt_white {
	font-family: "Arial", Helvetica;
	font-size: 12px;
	line-height: 12px;
	font-weight: none;
	color: #FFFFFF;
}

.table_txt_purple {
	font-family: "Arial", Helvetica;
	font-size: 12px;
	line-height: 12px;
	font-weight: none;
	color: #333366;
}

.footer_txt {
	font-family: "Arial", Helvetica;
	font-size: 10px;
	letter-spacing: 0.1px;
	line-height: 10px;
	font-weight: none;
	color: #333333;
	text-align: center;
}

.footer_over_txt {
	font-family: "Arial", Helvetica;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 10px;
	font-weight: none;
	color: #999999;
	text-align: center;
}

.table_title {
	font-family: "Arial", Helvetica;
	font-size: 11px;
	font-weight: none;
	color: #333333;
}

.table_sub_red {
	font-family: "Arial", Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}

.table_sub_grey {
	font-family: "Arial", Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.body_yellow_txt {
	font-family: "Arial", Helvetica;
	font-size: 10px;
	line-height: 12px;
	font-weight: none;
	color: #FFFF00;
}

/* TABLE CSS */

table {
	font-family: "Arial", Helvetica;
	/*font-size: 10px;
	font-weight: bold;*/
	color: #000000;
}