/* Set background of both html and body so we don't trip up on any xhtml issues
	if served with correct content type */
html, body {
	background-color: #D8DBE2;
	font-family: sans-serif;
	/* Needed to ensure header image touches the top of the window */
	padding-top: 0;
	margin-top: 0;
}

/* Stop borders appearing on images that are used within links */
a img {
	border: none;
}

#mc_right img {
	border: none;
     text-align: left;
}
a, a:link, a:visited {
	font-weight: normal;
	color: #19519B;
	text-decoration: none;
     padding: 0px;
     margin: 0px;
}
a:hover, a:active {
     color: #829FC8;
     text-decoration: none;
     padding: 0px;
     margin: 0px;
}
input, textarea, select, option {
font-family:Verdana, Arial, Helvetica, sans-serif, Impact;
font-size:10px;
color: #829FC8;
}
.input_send {
height:22px;
padding-left: 6px;
padding-bottom: 2px;
padding-right: 12px;
margin-right: 1em;
margin-left: 9em;
font-family:Verdana, Arial, Helvetica, sans-serif, Impact;
font-size:10px;
color:#ffffff;
background-color:#1D519C;
display:block;
background-image: url("assets/images/morebg.gif");
background-position: bottom right;
background-repeat:no-repeat;
}
/* Position the page in the center */
#pageContainer {
	width:100%;
     margin-left: auto;
	margin-right: auto;
}
#topBrand {
	background-color: #ffffff;
     text-align:center;
	width:100%;
     text-align:center;
     text-decoration:none;
    
}
#mainContentWrapper {
	width:100%;
     text-align:center;
     margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;

}
#mainContent {
	background-color: #ffffff;
	width:710px;
	padding: 1em 25px 1em 25px;
     font-family: Verdana, Arial, Helvetica, sans-serif, Impact;
     font-size:10px;
     line-height:130%;
     color:#58657F;
	background-image:  url("../images/content-bg.jpg");
	background-position: bottom right;
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;


}

#article-left {
     float:left;
     width: 200px;
     height: auto;
     text-align: right;
     padding-top: 2em;
     padding-bottom: 0em;
     margin-top:10px;
    
}

#article-left img{
     margin-left:120px;
    text-align:right;
}


#article-right {
     float:right;
     width: 325px;
     height: auto;
     text-align: left;
     line-height: 140%;
     padding-top: 3em;
     padding-bottom:2em;
     padding-left: 0px;
}
#article-right h1 {
font-size:14px;
color:#19519B;
line-height:130%;
padding-left:0px;
}

#article-right h3 {
font-size:10px;
color: #829FC8;
line-height:120%;
padding-left:0px;
text-indent:0px;
}










/*mainContent nav */
#mainContent a, #mainContent a:link, #mainContent a:visited {
	font-weight: normal;
	color: #1D519C;
	text-decoration: underline;
}

#mainContent a:hover, #mainContent a:active {
     color: #829FC8;
     text-decoration: none;
}
#mc-projects {
     float:left;
     width: 500px;
     height: auto;
     text-align: left;
     line-height: 140%;
     margin-left:3em;
     padding-top: 0em;
     padding-bottom:2em;
     padding-left: 5em;
}
#mc-left {
     float:left;
     width: 280px;
     height: auto;
     text-align: center;
     padding-top: 2em;
     padding-bottom: 2em;
}
#mc-left2 {
     float:left;
     width: 280px;
     height: auto;
     text-align: left;
     padding-top: 2em;
	margin-left:5em;
	padding-left: 5em;
     padding-bottom: 2em;
}

#mc-right {
     float:right;
     width: 325px;
     height: auto;
     text-align: left;
     line-height: 140%;
     padding-top: 2em;
     padding-bottom:2em;
     padding-left: 0px;
}
#mc-right h1, #mc-projects h1 {
font-size:14px;
color:#19519B;
line-height:130%;
padding-left:0px;
}

#mc-right h3, #mc-projects h3 {
font-size:10px;
color: #829FC8;
line-height:120%;
padding-left:0px;
text-indent:0px;
}
h1 {
font-size:14px;
color:#19519B;
line-height:130%;
padding-left:0px;
}

h3, h2 {
font-size:12px;
color: #829FC8;
line-height:120%;
padding-left:0px;
text-indent:0px;
}
.newstitle {
font-size:12px;
color: #829FC8;
/*margin-left:50px;*/
text-indent:0px;
}
.projectstitle {
margin-left:100px;
text-indent:0px;
}
.projectstitle2 {
font-size:12px;
color: #829FC8;
margin-left:60px;
text-indent:0px;
}



#mc-right li, #mc-projects li {
list-style: square outside;
padding-bottom:3px;
margin-left: 0px;
}

#moreBox {
float:right;
height:12px;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 6px;
margin-right: 0.5em;
margin-left: 1em;
color:#ffffff;
background-color:#829FC8;
display:block;
background-image: url("../images/morebg.gif");
background-position: bottom right;
background-repeat:no-repeat;
	
}
#moreBox a, #moreBox a:link, #moreBox a:visited {
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
     padding-right:10px;
}
#moreBox a:hover, #moreBox a:active {
     color: #19519C;
     text-decoration: none;
     padding-right:10px;
}

#bottomContact {
	float:none;
     background-color: #ffffff;
     text-align:center;
	width:100%;
     padding-bottom: 5px;
     padding-top: 5px;
     font:Verdana, Arial, Helvetica, sans-serif, Impact;
     letter-spacing: 8px;
     font-size:12px;
     color: #829FC8;
}
#bottomContent a, #bottomContent a:link, #bottomContent a:visited {
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

#bottomContent a:hover, #bottomContent a:active {
     color: #ffffff;
     text-decoration: none;
}
#baseContent {
	background-color: #829FC8;
	width:100%;
     color: #FFFFFF;
	text-align: center;
	font-size: x-small;
	padding: 3px 0px 3px 0px;
}
#baseContent a, #baseContent a:link, #baseContent a:visited {
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

#baseContent a:hover, #baseContent a:active {
     color: #ffffff;
     text-decoration: none;
}
#navContainer {
	background-color: #829FC8;
	width:100%;
	text-align: center;
}

#topNavigation {
	width:630px;
	height:14px;
	background-color: #829FC8;
	color: #FFFFFF;
	text-align: center;
	font-size: 9px;
	padding: 10px 0px 10px 0px;
	margin-top:0;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}
/*Fly-Out navigation code */

/*First level of nav */
#topNavigation ul {
  padding-left: 0px;
  margin:0em;
  list-style: none;
  font:Verdana, Arial, Helvetica, sans-serif, Impact;
  font-size:11px;	
  color: #ffffff;
  }

#topNavigation ul a, #topNavigation ul a:link, #topNavigation ul a:visited {
 font-weight: normal;
  margin: 0;
 text-decoration: none;
 color:#ffffff;
}
#topNavigation ul a:hover, #topNavigation ul a:active {
 font-weight: normal;

 text-decoration: none;
 color:#1D519C;
}

#topNavigation ul li {
	float: left;
	position: relative;
	width: 5.2em;
	padding-left: 18px;
	cursor: default;
	border-width: 1px 0;
}

/*Second level (child) of nav */
#topNavigation ul li li a, #topNavigation ul li li a:link, #topNavigation ul li li a:visited {
	display: block;
     text-align:left;
     text-decoration: none;
	font-weight: normal;
	color: #1D519C;
	padding: 0px 10px 4px 10px;

}

#topNavigation ul li li a:hover, #topNavigation ul li li a:active {
     display: block;
     color: #829FC8;
     text-decoration: none;
	padding: 0px 10px 4px 10px;

}
/*Fly out box*/
#topNavigation ul li ul {
	display: none;
     margin-left: 14px;
	text-align: left;
     width:15em;
	position: absolute;
	top: 100%;
	left: -100;
	font-weight: normal;
	padding-top: .5em;
     background:#D8DBE2;
     filter: alpha (opacity=90);
     opacity: 0.9;
     border-top: solid 3px #829FC8;
}

#topNavigation ul li ul {
	top: 12px;
	left: 10px;
}

#topNavigation ul li li {
	display: block;
	width:15em;
     float: none;
	border: 0;
     border-bottom: solid 1px #FFFFFF;
     margin:0;
     padding:0;

}

#topNavigation ul li:hover ul, #topNavigation ul li.over ul {
	display: block;
}
/*nav ends*/
/*.newsimg {
	text-align: right;
}*/

.tbllist {
 width: 100%;
 margin-bottom: 28px;
}

.tbllist th {
 border-top: 1px solid #CCC;
 border-bottom: 2px solid #CCC;
 background-color: #EEE;
 padding: 4px 8px;
}

.tbllist td {
 border-bottom: 1px solid #CCC;
 background-color: #F8F8F8;
 padding: 3px 6px;
}

p.result {
 background-color: #EEF;
 border: 1px solid #CCE;
 padding: 8px;
}

p.error {
 background-color: #FEE;

 border: 1px solid #ECC;
 padding: 8px;
}

.newstable {
	margin-left: 100px;
	width: 100%;
}

.newstable h3 {
	clear: both;
	text-align: left;
	width: 100%;
	/*padding-left: 280px;*/
}

.newstable h3 span {
	display: block;
	border-top: 1px solid #CCC;
	color: #AAA;
	font-size: 10px;
    line-height:100%;
	/*padding-left: 284px;
	position: relative;

	left: -280px;*/
	font-weight: normal;
}
.newsdate {
	color: #AAA;
	font-size: 10px;
    line-height:100%;
	/*margin-left: 50px;*/
	margin-top: 0px;
	font-weight: normal;	
}


.newstable img {
/*	float: left;
	clear: left;*/
	float: right;
	border: 1px solid #CCC;
	padding: 3px;
	margin: 12px 8px 10px 0px;
}

.projectstable {
	margin-left: 100px;
	width: 100%;
}

.projectstable h3 {
	clear: both;
	text-align: left;
	width: 100%;
	padding-left: 280px;
	position: relative;
	left: 280px;
}

.projectstable h3 span {
	display: block;
	border-top: 1px solid #CCC;
	color: #AAA;
	font-size: 10px;
    line-height:100%;
	padding-left: 284px;
	font-weight: normal;
	position: relative;
	left: -280px;
}

.projectstable img {
	float: left;
	clear: left;
	border: 1px solid #CCC;
	padding: 3px;
	margin: 0px 8px 10px 0px;
}


.newsitem {
	clear: right;
}

.newsitem .text {
	position: relative;
	left: 280px;
}
.projectitem {
	margin-left:0px;
}