﻿#dynOptions{
	display: none;
}
html{
	background: #b5c0cd url('../../images/bodyBG.jpg') top center;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	height: 100%
}
body{
	width: 775px;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	background: url('../../images/contentBG.jpg') repeat-y top center;
}

a{color: #7e3c0c; text-decoration: underline;}

h2{
	text-align: left; margin: 0px auto;
	font-weight: bold;
}
h3{
	font-weight: bold; font-size: 17px;
	color: #07375d;
	margin: 0px; padding: 0px;
	border-bottom: 1px solid #07375d;
}

p{margin: 3px 0px 5px 0px; padding: 0px;}

.container{
	width: 752px;
	margin: 0px auto;
}

.NodusBrand{
	color: #003363; text-transform: uppercase; font-weight: bold;
	text-align: justify; 
}
.NodusBrand em{
	font-size: 9px; text-transform: uppercase; font-style: normal;
	margin: 0px 0px 0px 2px;
}

.footnote{font-size: 10px;}

.clear{margin: 0px; padding: 0px; line-height: 1px; height: 1px; clear: both; visibility: hidden;}
/*----header---------------------*/
#header{
	background: #ffffff url('../../images/mainContentBG.jpg') repeat-y top left;
	height: 267px
}
	h1.pageHead{
		margin: 0px auto; margin-bottom: 10px; padding: 0px;
		width: 729px; height: 37px; text-indent: -5000px; display: block;
	}
	.contactHead{background: url('../../images/contactHead.jpg') no-repeat top;}
	.servicesHead{background: url('../../images/serviceHead.jpg') no-repeat top;}
	.methodHead{background: url('../../images/methodHead.jpg') no-repeat top;}
	.projectsHead{background: url('../../images/projectHead.jpg') no-repeat top;}
	.experienceHead{background: url('../../images/experienceHead.jpg') no-repeat top;}
	.mgnUsersHead{background: url('../../images/Mng_UsersHead.jpg') no-repeat top;}
	.mgnCategoriesHead{background: url('../../images/Mng_CategoriesHead.jpg') no-repeat top;}
	.mgnProjectsHead{background: url('../../images/Mng_ProjectsHead.jpg') no-repeat top;}
	.mgnEmploymentHead{background: url('../../images/Mng_EmploymentHead.jpg') no-repeat top;}
	.mgnNewsHead{background: url('../../images/Mng_NewsHead.jpg') no-repeat top;}
	
/*----Subnav---------------------*/
#leftNav{width: 180px; float: left;}
#leftNav ul{
	margin: 0px; padding: 0px; list-style: none;
}
#leftNav ul li{
	text-align: right; margin: 1px 0px 1px 0px;
}
#leftNav ul li a{
	color: #07375d; font-weight: bold; font-size: 12px;
	display: block; text-decoration: none;
	background: url('../../images/navBullet.gif') no-repeat right; padding-left:0px; padding-right:22px; padding-top:4px; padding-bottom:5px
}
#leftNav ul li a:hover, #leftNav ul li.active a{
	border-left:1px solid #c6cfd8; border-top:1px solid #c6cfd8; border-bottom:1px solid #c6cfd8; background:#ffffff url('../../images/navBullet.gif') no-repeat right; border-right:medium none; padding-left:0px; padding-right:22px; padding-top:3px; padding-bottom:4px
}

#leftNav ul ul{
	display: none;
}
	#leftNav ul li.active ul li, #leftNav ul ul li{
		margin: 0px;
	}

	#leftNav ul li.active ul,
	#leftNav ul ul
	{
		border: 1px solid #c6cfd8; border-right: none; border-top: none;
		margin: -2px 0px 0px 0px;
	}

	#leftNav ul li.active ul li a,
	#leftNav ul li.active ul li a:hover,
	#leftNav ul ul li a
	{
		border: 0px none;
		background: #ffffff url('../../images/navBullet.gif') no-repeat right;
		font-size: 11px
	}
			#leftNav ul ul li a:hover{
				border: 1px solid #ffffff; border-right: none;
			}

/*----Content--------------------*/
#dynContent{
	text-align: justify;
}

.expander{
	margin: 0px 0px 9px 0px;
}
	.expander div{
		display: none;
		font-size: 11px;
	}
	.Mquote{
		color: #003567;
	}
#content{
	background: #ffffff url('../../images/mainContentBG.jpg') repeat-y top left;
	width: 730px; text-align: left; padding-left:11px; padding-right:11px; padding-top:0px; padding-bottom:0px
}

.definition{
	margin-bottom: 10px; padding: 0px;
	width: 729px; height: 37px; text-indent: -5000px; display: block;
	background: url('../../images/definition.jpg') no-repeat top; margin-left:auto; margin-right:auto; margin-top:0px
}

#w3{
	width: 379px; float: left;
	text-align: left;
}
	#content #w3 p{
		margin: 0px 0px 15px 0px; padding: 0px; line-height: 17px;
		text-align: justify; color: #262626; word-spacing: -.05em;
	}
	#w3 p strong{font-size: 15px; display: block; padding: 5px; color: #ffffff; margin: 0px 0px 5px 0px}
	.who strong{background: #9ca2ae url('../../images/whoBG.jpg') repeat-y top left;}
	.why strong{background: #828c98 url('../../images/whyBG.jpg') repeat-y top left;}
	.how strong{background: #727b84 url('../../images/howBG.jpg') repeat-y top left;}

#featuredProject{
	text-align: left; width: 341px; float: left; margin: 0px 0px 0px 9px;
}
	#featuredProject h2{
		margin: 0px; padding: 0px;
		color: #262626; font-size: 17px; font-family: Helvetica, sans-serif
	}
	#featuredProject img{
		border: 1px solid #003567;
	}
	#featuredProject p{
		color: #003567; margin: 0px 0px 3px 0px; padding: 0px;
		text-align: justify; font-size: 12px; line-height: 16px;
	}
	#featuredProject strong{
		display: block; font-size: 13px;
	}

#featuredNews{
	clear: both;
}
	#featuredNews b{color: #012d5e;}

.rightContent{
	margin: 3px 0px 0px 10px; padding: 0px 0px 10px 0px;
	float: left;
	width: 537px;
}
.rightContent p{
	text-align: justify;
}

.prof_image{
	float: left; margin: 4px 5px 10px 0px;
}

h3.prof_name{margin: 0px 0px 0px 4px; padding: 19px 0px 0px 0px;}
h3.prof_name em{
	font-size: 12px;
}

.prof_content{
	clear: both; margin: 5px 0px 0px 0px;
}

/*----Contact-------------------*/
#contactInfo{float: left; margin: -8px 25px 0px 32px;}
	#contactInfo span{margin: 0px 0px 0px 2px; font-size: .7em;}
	#contactInfo p{
		padding: 10px 70px 10px 10px; margin: 10px 0px 0px 0px; text-align: right; font-size: 14px;
	}
	#contactInfo p.address{background: url('../../images/mailingAddress.jpg') no-repeat top left; padding-left:10px; padding-right:70px; padding-top:1px; padding-bottom:3px}
	#contactInfo p.phone{background: url('../../images/phoneFax.jpg') no-repeat top left;}
	#contactInfo p.web{background: url('../../images/emailWeb.jpg') no-repeat top left;}

	#contactInfo blockquote{
		background: #efefef; border: 1px solid #dcdde1;
		width: 185px; clear: both;
		margin: 10px 0px 0px 5px; padding: 5px;
	}
	#contactInfo blockquote ol{
		margin: 0px; padding: 0px;
		list-style: none;
	}
	#contactInfo blockquote ol li{
		margin: 10px 0px 0px 0px; font-size: 11px;
	}

	#contactInfo blockquote strong{display: block; text-decoration: underline;}
	#contactInfo blockquote em{font-size: 11px;}

#contactMap{float: left; width: 446px; margin: 2px 0px 0px 20px;}
#contactMap a img{border: 1px solid #000000;}
#contactMap a{display: block; padding: 0px 0px 10px 0px;}

/*----Experience----------------*/
#experience h2{
	margin: 0px 0px 0px 86px;
	font-size: 18px;
}
#experience div{
	margin: 0px 0px 25px 0px;
}
#experience div strong{
	position: relative; top: 15px; display: block; margin: 0px 0px 0px 40px;
	width: 130px; text-align: right;
}
#experience div p{
	text-align: justify;
	margin: 0px 0px 15px 190px;
}

/*----Projects----------------*/
#projects h2{
	margin: 0px 0px 0px 0px;
	font-size: 18px;
}
#projects div{
	margin: 0px 0px 25px 0px;
}
#projects div strong{
	position: relative; top: 15px; display: block; margin: 0px 0px 0px 40px;
	width: 130px; text-align: right;
}
#projects div p{
	text-align: justify;
	margin: 0px 0px 15px 190px;
}


#projectdetails td img { display: block; }

/*----Footer--------------------*/
#footer{
	clear: both;
	border-top: 1px solid #bcc7cf;
	text-align: left;
}
	#footer p{margin: 0px; padding: 0px;}

#copyright{
	background: #727b84 url('../../images/address.jpg') no-repeat top left; 
	width: 280px; height: 92px; text-indent: -5000px; display: block; float: left
}
	
#login{
	float: left; width: 187px;
	margin: 5px 0px 0px 273px;
}
#login p{text-align: left;}
.loginInputUN, .loginInputPW, .loginInputUNBlank, .loginInputPWBlank{
	font-size: 10px; font-family: Arial, Helvetica, sans-serif;
	width: 160px; display: inline; float: right;
    background-repeat:no-repeat;
    background-position: -20px -1px;
	/*Safari fix*/
	border-color:#ffffff;
	border-style:solid;
	border-width:1px;
}
.loginInputUNBlank, .loginInputPWBlank{background-image: none;}
.loginInputUN{background-image: url('../../images/loginUserNameBG.jpg')}
.loginInputPW{background-image: url('../../images/loginPasswordBG.jpg')}

#login p.inputContainer{margin: 0px 0px 5px 0px; margin-bottom: 5px;}
#login p.inputContainer{
	display: block; width: 185px; height: 17px; background: #ffffff; border: 1px solid #9099a4;#
}
.rememberMeFooter{
    display: block; margin: 0px; padding: 0px;
    float: left;
    margin: -3px 0px 0px 0px;
}
    .rememberMeFooter label{font-size: 10px;}
    .rememberMeCheckBox{margin: 0px 2px 0px 0px; padding: 0px;}

.loginButn{margin: 0px 0px 0px 0px; float: right;}

.SuccessMsg 
{
	 font-size: 10pt;
	 color: Green;
	 padding: 4px;
	 font-weight: bold;
}
	.SuccessMsg A
	{
		text-decoration: none;
		font-size: 8pt;
		color: #4A5D8C;
		font-weight: bold;
	}

.FailureMsg 
{
	 font-size: 14px;
	 color: Red;
	 width: 50%;
	 padding: 4px;
	 font-weight: bold;
	 text-align: left
}
	.FailureMsg A
	{
		text-decoration: none;
		font-size: 8pt;
		color: #4A5D8C;
		font-weight: bold;
	}
	
.gridHeader
{
	font-size:8pt;
}

.hints
{
	font-size:8pt;
	color: #00008B;	
}

.projectlinks
{
	font-size:10pt;
	color: #00008B;	
	text-decoration: none;
	font-weight: bold;
}


.line{
	margin: 0px 0px -1px 0px;
	border-bottom: 1px solid #669078;
	width: 537px; display: block;
}

/*admin styles*/
.tableGrid{
	background: #ffffff;
	border: 1px solid #c6cfd8;
	width: 100%;
}
	.tableGrid th{
		background: #dce2e8;
	}
	.tableGrid th a{
		color: #2c333a;
	}