@charset "utf-8";
/* CSS Document */

/* ===== global styles ===== */

body {
    font-family: Arial, Helvetica, sans-serif ;
    background: #eee;
    margin: 0;
    padding: 0;
	text-align:left;

}

p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}

/* ===== containerDiv ===== */
div#containerDiv {
width: 978px;
margin:0 auto;
background: #005481;
height:auto;

}

/* ===== headerDiv===== */
div#headerDiv{
	background: #ececec url(../images/header.gif) no-repeat;
	height:148px;

}

/* ===== globalMenuDiv===== */
div#globalMenuDiv{
	position:absolute;
	margin-left:760px;
	margin-top:25px;
	color:white;
	font-size:80%;
	font-family: Arial, Helvetica, sans-serif;
}


div#globalMenuDiv ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#globalMenuDiv li {
float:left;
margin: 0 0 .1em 0;
}

div#globalMenuDiv a {
display: inline;
color: #FFF;
width: 9em;
padding: .2em .76em;
text-decoration: none;
}


div#globalMenuDiv a:hover {
background-color: #369;
color: #FFF;
}


div#status{
	position:absolute;
	 margin-left:750px; 
	margin-top:65px;
	color:white;
	font:Arial, Helvetica, sans-serif;
	font-size:70%;
	
}

/* -------------- Style form elements---------------- */

.textbox {
background-color:#fff;
border:solid 1px #000;
}

.button{
background-color:#fff;
border:solid 1px #000;
}

.button:hover{
background-color:#53bfd3;
border:solid 1px #000;
}


/*div#globalSearchDiv {
position:absolute;
margin-left:750px;
margin-top:65px;
color:white;
font:Arial, Helvetica, sans-serif;
font-size:70%;
}

fieldset.search {
	border: none;
	margin: 0 auto;
}

.search input, .search button {
	border: none;
	float: left;
}


.search input.box {
	color: #005481;
	margin-right: 5px;
	width: 180px;
	height:22px;
}

.search button.btn {
	width: 29px;
	height:26px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../images/search_btn.gif) no-repeat;
}
.search input.box:focus {
	background: #f16523;
	color:#fff;
}
*/
/* ===== mainMenuDiv===== */
div#mainMenuDiv {
	height:35px;
	padding-left:193px;
}

#mainMenuDiv ul {
list-style:none;
margin:0;
padding:0;
}

#mainMenuDiv li {
float:left;
margin:0;
padding:0; 
}

#mainMenuDiv a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:bold;
	display:block;
	color:#005481;
	text-decoration:none;
	text-align:center;
	width: 142px;
	line-height:26px;
	background:url(../images/images.png) 0 0;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
}


#mainMenuDiv a:hover {
 background-position: 0px -26px;
 color:#fff;
}


#mainMenuDiv a.current {
 height:26px;
 background-position: 0px -52px;
 color:#fff;
 margin-top:5px;
}

#mainMenuDiv a.current:hover {
cursor:default;
}

/* ===== contentDiv===== */
#contentDiv div#sidebarDiv{
	float:left;
	width:183px;	
	margin:5px;
}


#sidebarMenuDiv {
	background: #a1c0d0;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}


#sidebarMenuDiv ul {
list-style:none;
margin:0;
padding:0;
}

#sidebarMenuDiv li {

}

#sidebarMenuDiv a {
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
font-weight:bold;
display:block;
color:#fff;
text-decoration:none;
text-align:center;
width: 126px;
background:url(../images/images.png)  0 -85px;
}


#sidebarMenuDiv a:hover {
 background-position: 0px -102px;
 color:#fff;
}


/*========================= sidebarMenuDivCoperation =====================*/

#sidebarMenuDivCoperation {
	background: #a1c0d0;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:20px;
}


#sidebarMenuDivCoperation ul {
	margin:0;
	padding:0;
	list-style-image: url(../images/arrow.gif);
	list-style-position: inside;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #000000;
}

#sidebarMenuDivCoperation li {

}

#sidebarMenuDivCoperation a { 
width: 9em;
padding: .2em .2em;
text-decoration: none;
text-decoration:none; 
}


#sidebarMenuDivCoperation a:hover { 
background-color: #369;
color: #FFF;
}

/*========================end of sidebarMenuDivCoperation =========================*/

#sidebarNetworkingDiv {
	margin-top:20px;
	text-align:center;
	
}

#sidebarNetworkingDiv ul {
list-style:none;
margin:0 auto;
padding:0;
}

#sidebarNetworkingDiv li {

}



#sidebarNetworkingDiv a{
    font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;	
	font-weight:bold;
	display:block;
	color:#fff;
	text-decoration:none;
	border: 2px solid #fff;
	text-decoration:none;
	background-color: #191970;	
}

#sidebarNetworkingDiv a:hover{
 background-color: #faebd7;
 color: #191970;
}


#contentDiv div#mainContentDiv{
	float:right;
	width: 775px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	text-align: justify;
	margin: 5px;
	padding: 0px;
	background-color: #FFFFFF;
}

#mainContentDiv h1, #mainContentDiv h2, #mainContentDiv h3,#mainContentDiv h4{
    font-family: "Trebuchet MS", sans-serif;
}

#mainContentDiv h2 {
    font-size: 1em;
    color: #f16523;
	    
}

#mainContentDiv p {
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #000000;
	
}

#mainContentDiv ul{
	list-style-image: url(../images/arrow.gif);
	list-style-position: outside;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #000000;
}

#newsSection span.subhead {
	font-size: .8em;
	font-weight: bold;
	color: #005481;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

#newsSection h4 {
	font-size: .9em;
	font-weight: bold;
	color: #005481;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: -.1em;

}

#newsSection h4 span.subhead 
{
    margin-left:40px;	
}

#newsSection p{
	margin-left: 20px;
	margin-right:20px;
	margin-bottom: 1.4em;
	font-size: .7em;
}
/*#mainContentDiv ul{
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	display: inline;
	left: auto;
	right: auto;
	clip: rect(auto,auto,auto,auto);
	
}


div#mainContentDiv li {
	float:left;
	list-style-type: none;
	border: thin dotted #005481;
	background-color: #FFFF99;
	color: #FFFFFF;
	margin-right: 0px;
}
*/
div#mainContentDiv a {
	color: #0000FF;
	text-decoration: none;
}


div#mainContentDiv a:hover {
	background-color: #F16523;
	color: #FFF;
}




/* =====copyrightDiv===== */
div#copyrightDiv{
	background-color:#9fbfcf;
	height:auto;
	text-align:right;
	font-size: 0.6em;
	text-align:right;
	padding-right:15px;	
}
#copyrightDiv img{
border: none;
margin:0;
padding:0;
}

div#footerDiv {
	background: #ececec url(../images/footer.gif) no-repeat;
	height:20px;
}

/* ===== miscellaneous===== */
.clear {
clear:both;

}


/* =====top link button===== */
.topLink {
	font-family: "Franklin Gothic Medium";
	font-size: 9px;
	font-weight: bold;
	color: #5B9414;
	text-decoration: none;
}

.topLink a {
	font-family: "Franklin Gothic Medium";
	font-size: 12px;
	color: #5B9414;
	text-decoration: none;
}


.topLink a:hover {
	font-family: "Franklin Gothic Medium";
	font-size: 12px;
	color: #FFFFFF;
	background-color: #84929D;
	text-decoration: none;
}

/* =====inner page decoration===== */

.innerHeading {
	font-family: "Franklin Gothic Medium";
	font-size: 14px;
	color: #14476D;
	background-color: #90c4ea;
	text-transform: uppercase;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.innerUnderline{
	font-family: "Franklin Gothic Medium";
	font-size: 14px;
	color: #333333;
	text-decoration: underline;	 
	
	
}
.innerbold{
	font-family: "Franklin Gothic Medium";
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.inlist {
	font-family: "Franklin Gothic Medium";
	font-size: 14px;
	color: #ffffff;
	text-align:left;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(images/arrow1.gif);
}


.pretty-table1
{
  padding: 0;
  margin: 0;
  width:100%;
  border-collapse: collapse;
  border: 1px solid #333;
  font-size:14px;
  color: #000;
  background: #ffffff url("widget-table-bg.jpg") top left repeat-x;
  font-family:"Franklin Gothic Medium";
}

 

.pretty-table1 th, .pretty-table1 td
{
  border: 1px dotted #666;
  padding: 0.5em;
  text-align:justify; 
  color: #632a39;
}

.pretty-table1 th[scope=col]
{
  color: #000;
  background-color: #8fadcc;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

 

.pretty-table1 th[scope=row]
{
  background-color: #b8cfe5;
  border-right: 0px solid #333;
}

.pretty-table1 tr.alt th, .pretty-table1 tr.alt td
{
  color: #2a4763;
}

.pretty-table1 tr:hover th[scope=row], .pretty-table1 tr:hover td
{
  
  color: #000;
  background-color:#CCFFFF;
}
/*
#gallery{text-align:center}
#gallery p{display:inline}

div.img
  {
  margin:5px; 
  border:1px solid #0000ff;
  height:auto;
  width:auto;  
  text-align:center;  
  vertical-align:top; 
  display:table-cell; 
  display:inline-table; 
  display:inline-block;   
  }
div.img img
  {
  display:inline; 
  margin:1px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  color: #666666;
  
  font-weight:normal;
  width:200px;
  margin:0.5px;
  margin-bottom:auto; 
  font-size:0.8em;
 }

*/

div.img
  {
  margin:5px; 
  border:1px solid #0000ff;
  height:auto;
  width:auto;  
  text-align:center;  
  vertical-align:top; 
  display:table-cell; 
  display:inline-table; 
  display:inline-block;
  float:right;  
  }
div.img img
  {
  display:inline; 
  margin:1px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  color: #666666;
  
  font-weight:normal;
  width:200px;
  margin:0.5px;
  margin-bottom:auto; 
  font-size:0.8em;
 }
 
div.box {
width:45%;
margin:2%;
height:225px;
float:left;
border: 1px dashed #000000;
} 

div.box img
  {
  display:inline;
  margin:3px;
  float:left;
  padding:2px;
  }
div.box a:hover img
  {
  border:1px solid #0000ff;
  }
div.boxdesc
  {
  text-align:center;
  font-weight:bold;
  font-size:11px;
  color:#005481;
  margin:2px;
  }

div.box1 {
width:45%;
margin:2%;
height:120px;
border: 1px dashed #000000;
float:left;
} 

/*=============News and Events ================*/
div#projectEvents{
	background: #a1c0d0;
	text-align: left;
	padding:5px;	
}

div#projectNews{
	margin-top:5px;
	background: #a1c0d0;
	text-align: left;
	padding:5px;	
}

.sidebarHeader{
font-size:12px;
font-weight:bold;
color:#005481;
line-height:20px;
}