/* CSS Document */

body {

	background-color:#e3deef;
	margin:0;
	padding:0;
	
	font-family:Arial, Helvetica, sans-serif;

}

h1 {

	color:#30145b;
	font-size:130%;
	margin-top:0;
	font-weight:normal;


}

h2 {

	color:#30145b;
	font-size:115%;
	margin:0;
	padding:0;
	font-weight:normal;


}

p {

	color:#111;
	font-size:75%;

}

#content ul {

	color:#111;
	font-size:75%;
	padding-left:25px;

}







#wrapper {

	width:941px; /* was 941px */
	margin-top:30px;
	background:#fff;

}

#header {

	height:100px;
	background:#370163 url(../images/site/header.jpg) no-repeat 0 0;
	

}


/*/////////////////////////////////////////////////*/
/*//////// MAIN MENU HOUSING / MAIN MENU  /////////*/
/*/////////////////////////////////////////////////*/

#mainmenu-back {

	background:url(../images/site/menu-bggraphic.gif) repeat-x 0 0;

}

#mainmenu-left {

	background:url(../images/site/menu-left-bg.gif) no-repeat 0 0;
	height:51px;

}

#mainmenu-right {

	background:url(../images/site/menu-right-bg.gif) no repeat 0 100%;

}


/*/////////////////// MAIN MENU ///////////////////*/


#mainmenu {
   padding: 0;
   margin: 0;
   font-size:80%;
   text-align:left;

}

#mainmenu ul {
   margin: 0 0 0 27px;
   padding: 0;
   list-style-type: none;
}

#mainmenu li {
	text-decoration:none;
	
	width:103px;
	
	margin-right:4px;
	padding-top:18px;
	padding-bottom:18px;
	
	text-align:center;
	
	float:left;
	display:inline;
	
	background:url(../images/site/menu-link-off.gif) no-repeat 0 0;

}

#mainmenu li.last {

	

}

#mainmenu li.current, #mainmenu li.currentlast {

	text-decoration:none;
	background:url(../images/site/menu-link-active.gif) no-repeat 0 0;

}

#mainmenu li.currentnone , #mainmenu li.currentnonelast {
   color: #eeb800;
}

#mainmenu li.currentnone a, #mainmenu li.currentnonelast a {
   color: #eeb800;
}

#mainmenu li.current a, #mainmenu li.currentlast a {
   color: #eeb800;
}

#mainmenu li.current li a, #mainmenu li.currentlast li a {
   color: #eeb800;
}

#mainmenu li.current li.current a, #mainmenu li.currentlast li.currentlast a {
   color: #eeb800;

}

/*#mainmenu ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #777;
}

#mainmenu ul ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #777;
}

#mainmenu ul ul li.last, #mainmenu ul ul li.currentnonelast , #mainmenu ul ul li.currentlast {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0;
}*/


#mainmenu a {
	
	width:103px;
	height:51px;
	
	padding: 30px 0 20px 0;
	
	text-decoration:none;
	color:#360062;

}

#mainmenu a:hover, #mainmenu a:active {

	color:#eeb800;
	text-decoration:none;
	background:url(../images/site/arrow-white.gif) no-repeat 0 5px;

}



/*/////////////////// end MAIN MENU ///////////////////*/


#twocolumn {

	text-align:left;
	background:#fff;
	

}


#leftcol {

	width:596px;
	padding-left:27px;
	padding-bottom:27px;
	float:left;

}

#leftcol-back {

	background:url(../images/site/content-back.gif) repeat-x 0 0;

}

#leftcol-sideborders {

	background:url(../images/site/content-sideborders.gif) repeat-y 0 0;

}

#leftcol-top {

	background:url(../images/site/content-top.gif) no-repeat 0 0;

}

#leftcol-bottom {

	background:url(../images/site/content-bottom.gif) no-repeat 0 100%;

}


/*////////// contact page ////////////*/



#contact #leftcol {

	width:880px;
	padding-left:27px;
	padding-bottom:27px;
	float:none;

}

#contact #leftcol-back {

	background:url(../images/site/cont-back.gif) repeat-x 0 0;

}

#contact #leftcol-sideborders {

	background:url(../images/site/cont-sideborders.gif) repeat-y 0 0;

}

#contact #leftcol-top {

	background:url(../images/site/cont-top.gif) no-repeat 0 0;

}

#contact #leftcol-bottom {

	background:url(../images/site/cont-bottom.gif) no-repeat 0 100%;

}


#contact #googlemap{

	float:right;
	display:inline-table;
	margin:0;
	padding:30px 30px 0 0;
	

}




#contact #content {

	width:290px;
	float:left;
	display:inline-table;
	
	
}

#content {

	padding:30px 0 30px 30px;height:1%;
	
}


#content-spacer {
	
	height:380px;
	width:1px;
	float:left;

}

#sideimages #content {

	padding:30px 30px 30px 30px;
	
}

#sideimage #content {

	padding:0 0 0 0;
	
}

#home-content {

	padding:30px 30px 30px 30px;
	
}



#content-left {

	width:269px;
	float:left;

}


/*/////////////////////////////////////////////////*/
/*////  CASE STUDY IMAGE STYLING (on homepage)  ///*/
/*/////////////////////////////////////////////////*/


#content-images {

	padding-left:14px;
	
	float:left;
	display:inline;

}

.cs-image {

	font-size:75%;
	margin:4px 0 15px 0;

}

.cs-image img{

	padding-bottom:5px;

}

#rightcol .cs-image {

	padding-bottom:30px;
	padding-left:22px;

}



/*/////////////////////////////////////////////////*/
/*//////  NEWS COLUMN STYLING (on homepage)  //////*/
/*/////////////////////////////////////////////////*/

#rightcol {

	width:255px;
	padding-left:29px;
	padding-bottom:27px;
	
	float:left;

}



#rightcol-back {

	background:url(../images/site/newsbox-back.gif) repeat-x 0 0;

}

#rightcol-sideborders {

	background:url(../images/site/newsbox-sideborders.gif) repeat-y 0 0;

}

#rightcol-top {

	background:url(../images/site/newsbox-top.gif) no-repeat 0 0;

}

#rightcol-bottom {

	background:url(../images/site/newsbox-bottom.gif) no-repeat 0 100%;

}

#news-content {

	padding:30px 30px 30px 30px;

}

#news-content h1 {

	color:#30145b;
	font-size:110%;
	margin-top:0;

}

#news-content p {



}

#news-content .ng {

	

}

#news-content .ng-image {

	margin-top:50px;
	border:1px solid #e9e6f3;

}

#news-content .ng-caption {

	font-size:75%;
	margin:4px 0 15px 0;

}



/*/////////////////////////////////////////////////*/
/*//////////////  FOOTER STYLING  /////////////////*/
/*/////////////////////////////////////////////////*/



#footer {

	background:#360062;
	color:#fff;
	font-size:75%;
	padding: 10px 0 10px 58px;
	text-align:left;

}


/*/////////////////////////////////////////////////*/
/*///////////  DROP-DOWN MENU STYLING  ////////////*/
/*/////////////////////////////////////////////////*/

ul#dropmenu ul.SubMenu {
   position:absolute;
   top: 0;
   z-index:100;
   background-color: white;
   width: 190px;
   visibility: hidden;
   filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
   padding: 0;
   margin: 17px 0 0 0;
}

#mainmenu ul#dropmenu ul.SubMenu li {
   background: #fff url('../images/site/button.jpg') no-repeat 0 0;
   width: 190px; /* Was 158px */
   height: 27px;
   margin: 0;
   padding: 0;
   display: block;
   float: left;
   clear: left;
   text-align: left;
}

#mainmenu ul#dropmenu ul.SubMenu li a {
   color: #111;
   text-indent: 5px;
   padding: 5px 0 0 0;
   margin: 0;
   width: 100%;
   text-decoration: none;
   display: block;
   float: none;
   height: 22px;
}

#mainmenu ul#dropmenu ul.SubMenu li a:hover{ /*hover background color*/
   background: #fff url('../images/site/buttondark.jpg') no-repeat 0 0;
   color: #000;
}






/*ul#dropmenu ul.SubMenu {
   position:absolute;
   top: 0;
   z-index:100;
   background-color: white;
   width: 158px;
   visibility: hidden;
   filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired
   padding: 0;
   margin: 5px 0 0 0;
}

#mainmenu ul#dropmenu ul.SubMenu li {
   background: #fff url('../images/site/button.jpg') no-repeat 0 0;
   width: 158px;
   height: 27px;
   margin: 0;
   padding: 0;
   display: block;
   float: left;
   clear: left;
   text-align: left;
}

#mainmenu ul#dropmenu ul.SubMenu li a {
   color: #000;
   text-indent: 5px;
   padding: 5px 0 0 0;
   margin: 0;
   width: 100%;
   text-decoration: none;
   display: block;
   float: none;
   height: 22px;
}

#mainmenu ul#dropmenu ul.SubMenu li a:hover{ hover background color
   background: #fff url('../images/site/buttondark.jpg') no-repeat 0 0;
   color: #000;
}*/


#NewsItems h1, #NewsItems p {
	color: #000;
}

.NewsSub {
	color: #000;
}

.NewsContent {
	color: #000;
}





/*/////////////////////////////////////////////////*/
/*//////  NEWS COLUMN STYLING (on homepage)  //////*/
/*/////////////////////////////////////////////////*/


.casestudy-block {
	
	border-bottom:1px solid #e3deef;
	
	padding-bottom:10px;
	margin-bottom:25px;

}

.casestudy-img {

	float:left;
	
	width:200px;

}

.casestudy-text {

	float:right;
	
	width:320px;

}