/* CSS Document */

body {
	margin-top: 7px;
	background-color: #6588BA;
	color: #333333;
	font: 11px Arial, Helvetica, sans-serif;
	min-width: 855px;	
}

a:link, a:visited {
	text-decoration: none;
	color: #00467D;
}
a:hover {
	text-decoration: underline;
	color: #00467D;
}

.projects a:link, .projects a:visited {
	color: #000000;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}
.projects a:hover {
	text-decoration: none;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

h1 {
	color: #B85112;
	font-size: 14px;
	padding-bottom: 0px;
	margin-top: 2px;
	margin-bottom: 10px;
}

h2 {
	color: #265988;
	font-size: 1.0em;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#blue_hr {
	border : 0px;
	color : #BBC9F3;
	background-color:#BBC9F3;
	height : 1px;
}

#orange_hr {
	border : 0px;
	color : #FFD799;
	background-color:#FFD799;
	height : 1px;
}

#blue_hr {
	border : 0px;
	color : #95bfe1;
	background-color:#95bfe1;
	height : 1px;
}

#pink_hr {
	border : 0px;
	color : #d99fc5;
	background-color:#d99fc5;
	height : 1px;
}

#green_hr {
	border : 0px;
	color : #7fdeaa;
	background-color:#7fdeaa;
	height : 1px;
}

#health_hr {
	border : 0px;
	color : #acc076;
	background-color:#acc076;
	height : 1px;
}

#orange_hd {
	color: #FFFFFF;
	background-color: #ffce52;
	font-size: 14px;
	font-weight: bold;
	padding-left: 38px;	
}

#blue_hd {
	color: #FFFFFF;
	background-color: #00457c;
	font-size: 14px;
	font-weight: bold;
	padding-left: 38px;	
}

#blueeng_hd {
	color: #FFFFFF;
	background-color: #4dbae3;
	font-size: 14px;
	font-weight: bold;
	padding-left: 38px;	
}

#green_hd {
	color: #FFFFFF;
	background-color: #6d9500;
	font-size: 14px;
	font-weight: bold;
	padding-left: 38px;	
}

#law_hd {
	color: #FFFFFF;
	background-color: #7694ca;
	font-size: 14px;
	font-weight: bold;
	padding-left: 38px;	
}

#science_hd {
	color: #FFFFFF;
	background-color: #4da483;
	font-size: 14px;
	font-weight: bold;
	padding-left: 38px;	
}

#pink_hd {
	color: #FFFFFF;
	background-color: #C51B8B;
	font-size: 14px;
	font-weight: bold;
	padding-left: 38px;	
}

#education_hd {
	color: #FFFFFF;
	background-color: #f14f12;
	font-size: 14px;
	font-weight: bold;
	padding-left: 38px;	
}

#back_to_top_or {
	color: #FFFFFF;
	background-color: #ffce52;
	font-size: 11px;
	padding-left: 5px;	
}

#back_to_top_bl {
	color: #FFFFFF;
	background-color: #4dbae3;
	font-size: 11px;
	padding-left: 5px;	
}

#back_to_top_sc {
	color: #FFFFFF;
	background-color: #4da483;
	font-size: 11px;
	padding-left: 5px;	
}

#back_to_top_sec {
	color: #FFFFFF;
	background-color: #00457c;
	font-size: 11px;
	padding-left: 5px;	
}

#back_to_top_gr {
	color: #FFFFFF;
	background-color: #6d9500;
	font-size: 11px;
	padding-left: 5px;	
}

#back_to_top_la {
	color: #FFFFFF;
	background-color: #7694ca;
	font-size: 11px;
	padding-left: 5px;	
}

#back_to_top_pi {
	color: #FFFFFF;
	background-color: #C51B8B;
	font-size: 11px;
	padding-left: 5px;	
}

#back_to_top_ed {
	color: #FFFFFF;
	background-color: #f14f12;
	font-size: 11px;
	padding-left: 5px;	
}

.back_to_top a:link, .back_to_top a:visited {
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 5px;

}
.back_to_top a:hover {
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
	padding-left: 5px;
}

#top_arrow {
	background-image: url(images/top_arrow.gif);
	background-repeat: no-repeat;
	background-position: -1px -3px;
	padding-left: 10px;	
}

#orange_txt {
	color: #ffce52;
	font-size: 12px;
	font-weight: bold;
}

#pink_txt {
	color: #C51B8B;
	font-size: 12px;
	font-weight: bold;
}

#blue_txt {
	color: #4dbae3;
	font-size: 12px;
	font-weight: bold;
}

#blue_sec_txt {
	color: #00457c;
	font-size: 12px;
	font-weight: bold;
}


#science_txt {
	color: #4da483;
	font-size: 12px;
	font-weight: bold;
}

#law_txt {
	color: #7694ca;
	font-size: 12px;
	font-weight: bold;
}

#green_txt {
	color: #6d9500;
	font-size: 12px;
	font-weight: bold;
}

#education_txt {
	color: #f14f12;
	font-size: 12px;
	font-weight: bold;
}

#project_hd {
	font-size: 13px;
	font-weight: bold;
}

#project_description {
	text-align: justify;
	font-size: 12px;
}

.profile_hd {
	color: #00467D;
	font-size: 14px;
	font-weight: bold;
	padding-left: 11px;		
}

#home_content {
	padding-left: 38px;
	padding-right: 38px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: justify;	
}

#projects_list_top {
	padding-left: 38px;
	padding-right: 38px;
	padding-top: 10px;
	padding-bottom: 5px;	
}

#projects_list_single {
	padding-left: 38px;
	padding-right: 38px;
	padding-top: 10px;
	padding-bottom: 10px;	
}

#projects_list {
	padding-left: 38px;
	padding-right: 38px;
	padding-top: 5px;
	padding-bottom: 5px;	
}

#projects_list_bottom {
	padding-left: 38px;
	padding-right: 38px;
	padding-top: 5px;
	padding-bottom: 10px;	
}

#home_right {
	background-image: url(images/home_right_bg.jpg);	
}

.right_txt {
	padding-left: 11px;
	color: #00467D;
	font-size: 11px;
}

#outer_wrapper {
	text-align: left;
	width: 855px;
	margin-left: auto;
	margin-right: auto;
}

#wrapper {
	color: #333333;
	width: 855px;
	margin: 0;
	padding: 0px;
	background-image: url(images/content_bg.gif);
	background-repeat: repeat-y;
}
.bodyWrapper {
margin-left : auto;
margin-right : auto;
position : relative;
width : 855px;
height : auto;
background-image: url(images/content_bg.gif);
background-repeat: repeat-y;
overflow : hidden;

}
#main {
	
	position : relative;
	
	background-color: #ffffff;
	left: 0px;
	width: 845px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
}
.mainContentWrapper {	
	clear : both;
	width: 855px;
	height : auto;

}
.contentWrapper {
	background-color: #ffffff;
	width: 795px;
	height : auto;
	margin-left : 5px;
	margin-left : 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;


}
.footerWrapper {
color: #6788b9;
	clear : both;
	width: 855px;
height : 22px;
overflow : hidden;

}
.footerContentLeft {
color: #6788b9;
position : relative;
float : left;
height : 22px;
width: 415px;
padding-left : 10px;
line-height : 22px;
}
.footerContentLeft a{
color: #6788b9;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}

.footerContentLeft a:hover{
color: #6788b9;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: underline;
}
.footerContentRight {
position : relative;
float : right;
height : 22px;
width: 400px;
padding-right : 25px;
text-align : right;
line-height : 22px;
font-size: 10px;
}
.footerContentRight a{

color: #6788b9;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.footerContentRight a:hover{

color: #6788b9;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#head {
	width: 855px;
	height: 136px;
	background-image: url(images/head.gif);
	background-repeat: no-repeat;

}
.headerWrapper {

	width: 855px;
	height: 136px;
	background-image: url(images/new_head.gif);
	background-repeat: no-repeat;

}
#footer {
	height: 20px;
	width: 855px;
}

#copyright {
	float: right;
	padding-right: 5px;
	padding-top: 5px;
	font-size: 10px;
	color: #6788B9;
}

#footer_txt {
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 10px;
	color: #6788B9;
}

#footer_txt a:link, #footer_txt a:visited {
	text-decoration: none;
	font-size: 10px;
	color: #6788B9;

}
#footer_txt a:hover {
	text-decoration: underline;
	font-size: 10px;
	color: #6788B9;
}

#breadcrumb {
	float: left;
	padding-left: 95px;
	padding-top: 5px;
	font-size: 10px;
	color: #6788B9;
}

#breadcrumb a:link, #breadcrumb a:visited {
	text-decoration: none;
	font-size: 10px;
	color: #FFFFFF;

}
#breadcrumb a:hover {
	text-decoration: none;
	font-size: 10px;
	color: #B0BED1;
}

#arrow {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: -2px -4px;
	padding-left: 10px;	

}
#arrow a{
color: #6788b9;
text-decoration : none;


}
#arrow a:hover {
color: #B4C6E0;
text-decoration : none;


}

#arrow_back {
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: -1px -3px;
	padding-left: 10px;	
}

#nmmu {
	float: right;
	align: left;
	padding-right: 24px;
	padding-top: 5px;
	font-size: 10px;
	color: #6788B9;
}

#nmmu a:link, #nmmu a:visited {
	text-decoration: none;
	font-size: 10px;
	color: #6788B9;

}
#nmmu a:hover {
	text-decoration: none;
	font-size: 10px;
	color: #B0BED1;
}

/* Menu */

	#divNav {
		background: transparent url(images/bk-nav.jpg) no-repeat top left;
		margin: 0;
		padding: 0;
		height: 80px;
		width: 800px;
	}

	#nav {
		position: relative;
		top: 88px;
		height: 80px;
		width: 855px;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 0px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 25px;
		left: 0;
		padding-top: 5px;		
		height: 15px;
		width: 740px;
	}

	#nav li.on ul {
		/*background: #f90;*/
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		/*background: #224d6f;*/
	}

	#nav li a {
		color: #224d6f;
		font-weight: normal;
		display: block;
		padding: 0;
	}

	#nav li.on a {
		/*color: #f90;)*/
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 15px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		/*background: #224d6f;*/
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #f90;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a {
		display: block;
		position: relative;
		height: 27px;
		background: url(images/nav_up_over.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#liRenaissance a {
	background-position: 0 0;
	width: 50px;
}

#liArtNouveau a {
	background-position: -50px 0;
	width: 92px;
}

#liModern a {
	background-position: -142px 0;
	width: 84px;
}

#liPostModern a {
	background-position: -226px 0;
	width: 84px;
}

#liDigital a {
	background-position: -310px 0;
	width: 70px;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liModern.on a {
 	background-position: -142px -27px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background-position: 0 -27px;
}

#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background-position: -50px -27px;
}

#liModern a:hover, #liModern:hover a, #liModern.over a {
	background-position: -142px -27px;
}

#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
	background-position: -226px -27px;
}

#liDigital a:hover, #liDigital:hover a, #liDigital.over a {
	background-position: -310px -27px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #224d6f;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}		

#nav li.on ul a {
	/*background: #f90;*/
}


/*  new menu style */

.headTopWrapper {

height : 22px;
width: 855px;

font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}


.headTopLeftWrapper {
color: #6788b9;
position : relative;
float : left;
height : 22px;
width: 530px;
padding-left : 95px;
line-height : 22px;
}
.headTopLeftWrapper a{

color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}

.headTopLeftWrapper a:hover{

color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: underline;
}
.headTopRightWrapper {
position : relative;
float : right;
height : 22px;
width: 200px;
padding-right : 25px;
text-align : right;
line-height : 22px;
}
.headTopRightWrapper a{

color: #6788b9;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}

.headTopRightWrapper a:hover{

color: #6788b9;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: underline;
}
.headMenuWrapper {
background-image: url(images/head_menu_bg.jpg);
background-repeat: no-repeat;
clear:both;
height : 27px;
width: 855px;


}
.menuItem {
height : 27px;
width : auto;
}
#spacer {
position : relative;
float : left;
height : 27px;
width : 59px;

}
#home {
cursor : pointer;
position : relative;
float : left;
height : 27px;
width : 50px;
background-image: url();
background-repeat: no-repeat;
}
#about {
cursor : pointer;
position : relative;
float : left;
height : 27px;
width : 93px;
background-image: url();
background-repeat: no-repeat;
}
#projects {
cursor : pointer;
position : relative;
float : left;
height : 27px;
width : 83px;
background-image: url();
background-repeat: no-repeat;
}
#contributions {
cursor : pointer;
position : relative;
float : left;
height : 27px;
width : 84px;
background-image: url();
background-repeat: no-repeat;
}
#contact {
cursor : pointer;
position : relative;
float : left;
height : 27px;
width : 70px;
background-image: url();
background-repeat: no-repeat;
}
.headSubMenuWrapper {
background-image: url(images/head_sub_bg.jpg);
background-repeat: no-repeat;
clear:both;
height : 21px;
width: 855px;

}

#home_bloc, #about_bloc, #projects_bloc, #contributions_bloc, #contact_bloc {
 display : none; 
 visibility : hidden;
}
.subMenuItemWrapper {
height : 21px;
width: 660px;
padding-left : 65px;
position : relative;
float : left;
}
.subMenuItemRightWrapper {
height : 21px;
line-height : 21px;
color: #6788b9;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
width: auto;
padding-right : 25px;
position : relative;
float : right;
}
.subMenuItem {
position : relative;
float : left;
color: #6788b9;
height : 21px;
width : auto;
margin-right : 5px;
line-height : 21px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
}
.subMenuItem a{
color: #6788b9;
text-decoration : none;
}

.subMenuItem a:hover{
color: #B4C6E0;
text-decoration : none;

}

.posMainMenu {
padding : 3px 0px 0px 3px;
height : 20px;
width : auto;
color : #BEBDBD;
}
.posMainMenu a  {
color : #BEBDBD;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-decoration : none;
}
.posMainMenu  a:hover{
color : #f1f1f1;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-decoration : none;
}
.posMainMenu #homeMM, #contentMM,  #typesMM, #categoriesMM, #brandsMM, #productsMM, #inventoryMM, #membersMM, #ordersMM {
float : left;
padding-left : 10px;
padding-right : 10px;
padding-top : 3px;
height : 16px;
width : auto;
color : #BEBDBD;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
border-right: solid 1px #BEBDBD;
}
#reportsMM {
float : left;
padding-left : 10px;
padding-right : 10px;
padding-top : 3px;
height : 16px;
width : auto;
color : #f0f0f0;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
}
.subMenu {
margin : 4px 0px 0px 3px;
width : auto;

}
.subMenu a  {
color : #aeaeae;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-decoration : none;
}
.subMenu  a:hover{
color : #c0c0c0;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-decoration : none;
}
#subMenuItem {
visibility : visible;
width : 748px;
position : absolute;
}

/*
#subHome {
visibility : visible;
width : 748px;
position : absolute;
}
#subContent {
visibility : hidden;
width : 748px;
position : absolute;
}
#subBrands {
visibility : hidden;
width : 748px;
position : absolute;
}
#subTypes {
visibility : hidden;
width : 748px;
position : absolute;
}
#subCategories {
visibility : hidden;
width : 748px;
position : absolute;
}
#subProducts {
visibility : hidden;
width : 748px;
position : absolute;
}
#subInventory {
visibility : hidden;
width : 748px;
position : absolute;
}
#subOrders {
visibility : hidden;
width : 748px;
position : absolute;
}
#subMembers {
visibility : hidden;
width : 748px;
position : absolute;
}
#subReports {
visibility : hidden;
width : 748px;
position : absolute;
}*/
.subItems {
float : left;
padding-left : 10px;
padding-right : 10px;
padding-top : 3px;
height : 16px;
width : auto;
}



#map {width:420px; height:281px; background: #fff url(images/trust_group.jpg); position:relative; }

#map a {color:#ffffff; font: bold 15px Verdana; text-decoration:none;background:transparent;
display:block; width: 80px; height:0px; padding-top:10px; position:absolute; overflow:hidden; }

#map a:hover {overflow:visible; }

a#first {padding 
	left:20px;
	top:15px;
	background-color:#ffffff;
}
a#second {left:45px; top:70px;}
a#third {left:110px; top:90px; }
a#fourth {left:130px; top:140px;}
a#fifth {left:210px; top:80px;} 




/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#officeMap{
	margin: 0;
	padding: 0;
	background: transparent url(images/trust_group.jpg) top left no-repeat;
	height: 281px;
	width: 420px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#RenitaDef{ top: 65px; left: 114px; }
dd#RenitaDef a{ position: absolute; width: 73px; height: 69px; text-decoration: none; }
dd#RenitaDef a span{ display: none; }
dd#RenitaDef a:hover{ position: absolute; background: transparent url(images/trust_group.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }
dd#RenitaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#EldaDef{ top: 111px; left: 211px; }
dd#EldaDef a{ position: absolute; width: 56px; height: 46px; text-decoration: none; }
dd#EldaDef a span{ display: none; }
dd#EldaDef a:hover{ background: transparent url(images/trust_group.jpg) -211px -373px no-repeat; }
dd#EldaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#ShilelaDef{ top: 165px; left: 168px; }
dd#ShilelaDef a{ position: absolute; width: 81px; height: 87px; text-decoration: none;	}
dd#ShilelaDef a span{ display: none; }
dd#ShilelaDef a:hover{ background: transparent url(images/trust_group.jpg) -168px -427px no-repeat; }
dd#ShilelaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#LillianDef{ top: 101px; left: 72px; }
dd#LillianDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#LillianDef a span{ display: none; }
dd#LillianDef a:hover{ background: transparent url(images/trust_group.jpg) -72px -625px no-repeat; }
dd#LillianDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 150%;
}

dd#floppyDef{ top: 126px; left: 45px; }
dd#floppyDef a{ position: absolute; width: 64px; height: 39px; text-decoration: none; }
dd#floppyDef a span{ display: none; }
dd#floppyDef a:hover{ background: transparent url(images/trust_group.jpg) -45px -388px no-repeat; }
dd#floppyDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 150%;
}





























/* end new menu style */